ksk-design-system 1.35.0

package/dist/types/components/ui/sub-nav.d.ts

@@ -0,0 +1,17 @@
+interface SubNavItem {
+    label: string;
+    value: string;
+    badge?: number;
+}
+interface SubNavProps {
+    items: SubNavItem[];
+    value: string;
+    onChange: (value: string) => void;
+    variant?: "underline" | "chip";
+    /** スクロール時に上部に固定 */
+    sticky?: boolean;
+    className?: string;
+}
+declare function SubNav({ items, value, onChange, variant, sticky, className, }: SubNavProps): import("react/jsx-runtime").JSX.Element;
+export { SubNav };
+export type { SubNavProps, SubNavItem };

package/dist/types/components/ui/switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Switch as SwitchPrimitive } from "radix-ui";
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Switch };

package/dist/types/components/ui/sync-status-badge.d.ts

@@ -0,0 +1,17 @@
+export type SyncState = "idle" | "syncing" | "success" | "error" | "offline";
+export interface SyncStatusBadgeProps {
+    state: SyncState;
+    /** エラー件数（state="error" のとき表示） */
+    errorCount?: number;
+    /** 再試行ボタン押下時のコールバック */
+    onRetry?: () => void;
+    /** i18n ラベル */
+    syncingLabel?: string;
+    successLabel?: string;
+    errorLabel?: (count: number) => string;
+    offlineLabel?: string;
+    retryLabel?: string;
+    className?: string;
+}
+declare function SyncStatusBadge({ state, errorCount, onRetry, syncingLabel, successLabel, errorLabel, offlineLabel, retryLabel, className, }: SyncStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export { SyncStatusBadge };

package/dist/types/components/ui/tabs.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { Tabs as TabsPrimitive } from "radix-ui";
+type TabsVariant = "default" | "pill";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & {
+    /**
+     * - "default": 角丸 lg のセグメント（パネル切替タブ）
+     * - "pill": 完全な丸。フィルタ/トグル的なセグメントコントロール。
+     *   PillToggle はこの variant を内部利用する。
+     */
+    variant?: TabsVariant;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/types/components/ui/textarea.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface TextareaProps extends React.ComponentProps<"textarea"> {
+    /** 入力内容に合わせて高さを自動伸縮する */
+    autoGrow?: boolean;
+}
+declare function Textarea({ className, autoGrow, onChange, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { Textarea };
+export type { TextareaProps };

package/dist/types/components/ui/time-picker.d.ts

@@ -0,0 +1,14 @@
+export interface TimePickerProps {
+    /** "HH:mm" 形式の値。例: "09:30" */
+    value?: string;
+    onChange?: (time: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    /** 分の刻み幅。@default 1 */
+    minuteStep?: number;
+    className?: string;
+    /** トリガーボタンの aria-label。@default placeholder */
+    triggerLabel?: string;
+}
+declare function TimePicker({ value, onChange, placeholder, disabled, minuteStep, className, triggerLabel, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+export { TimePicker };

package/dist/types/components/ui/toast.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const toastVariants: (props?: {
+    variant?: "default" | "success" | "info" | "warning" | "caution";
+} & import("class-variance-authority/types").ClassProp) => string;
+type ToastVariant = VariantProps<typeof toastVariants>["variant"];
+interface ToastAction {
+    /** ボタンに表示するラベル */
+    label: string;
+    /** クリック時のコールバック。toast は自動で dismiss されない（必要なら自前で toast.dismiss(id) を呼ぶ）。 */
+    onClick: () => void;
+}
+interface Toast {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    action?: ToastAction;
+}
+interface ToastOptions {
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    /**
+     * オプショナルなアクションボタン。指定時は toast 右側に表示。
+     * 「元に戻す」「再試行」「詳細」などの即時アクション用途。
+     */
+    action?: ToastAction;
+}
+interface ToastContextValue {
+    toast: (props: Omit<Toast, "id">) => void;
+}
+declare function useToast(): ToastContextValue;
+declare function Toaster({ children }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+interface ToastFn {
+    (title: string, options?: ToastOptions): string;
+    success: (title: string, options?: ToastOptions) => string;
+    error: (title: string, options?: ToastOptions) => string;
+    info: (title: string, options?: ToastOptions) => string;
+    warning: (title: string, options?: ToastOptions) => string;
+    caution: (title: string, options?: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+declare const toast: ToastFn;
+export { Toaster, useToast, toast, toastVariants };
+export type { Toast, ToastVariant, ToastOptions, ToastFn, ToastAction };

package/dist/types/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/types/index.d.ts

@@ -0,0 +1,174 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./components/ui/accordion";
+export { Alert, AlertTitle, AlertDescription } from "./components/ui/alert";
+export type { AlertVariant } from "./components/ui/alert";
+export { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from "./components/ui/alert-dialog";
+export { Avatar, AvatarImage, AvatarFallback } from "./components/ui/avatar";
+export { Badge, badgeVariants } from "./components/ui/badge";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from "./components/ui/breadcrumb";
+export { Button, buttonVariants } from "./components/ui/button";
+export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter } from "./components/ui/card";
+export { Checkbox } from "./components/ui/checkbox";
+export { CheckboxCardGroup, CheckboxCardItem } from "./components/ui/checkbox-card";
+export { CheckboxGroup, CheckboxGroupItem } from "./components/ui/checkbox-group";
+export type { CheckboxGroupProps } from "./components/ui/checkbox-group";
+export { CheckboxField } from "./components/ui/checkbox-field";
+export type { CheckboxFieldProps } from "./components/ui/checkbox-field";
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./components/ui/collapsible";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog";
+export { Form, FormField as RhfFormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, useFormField, } from "./components/ui/form";
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/ui/dropdown-menu";
+export { HoverCard, HoverCardTrigger, HoverCardContent } from "./components/ui/hover-card";
+export { Input } from "./components/ui/input";
+export type { InputProps } from "./components/ui/input";
+export { Calendar } from "./components/ui/calendar";
+export type { CalendarProps } from "./components/ui/calendar";
+export { DatePicker, DateRangePicker } from "./components/ui/date-picker";
+export type { DatePickerProps, DateRangePickerProps } from "./components/ui/date-picker";
+export { TimePicker } from "./components/ui/time-picker";
+export type { TimePickerProps } from "./components/ui/time-picker";
+export { Combobox } from "./components/ui/combobox";
+export type { ComboboxProps, ComboboxOption } from "./components/ui/combobox";
+export { MultiSelect } from "./components/ui/multi-select";
+export type { MultiSelectProps, MultiSelectOption } from "./components/ui/multi-select";
+export { Label } from "./components/ui/label";
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationEllipsis } from "./components/ui/pagination";
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./components/ui/popover";
+export { Progress } from "./components/ui/progress";
+export type { ProgressProps } from "./components/ui/progress";
+export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group";
+export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select";
+export { Separator } from "./components/ui/separator";
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, SheetDragIndicator } from "./components/ui/sheet";
+export type { SheetProps, SheetContentProps, SnapPoint } from "./components/ui/sheet";
+export { Skeleton } from "./components/ui/skeleton";
+export type { SkeletonProps } from "./components/ui/skeleton";
+export { ListSkeleton, GridSkeleton } from "./components/patterns/list-skeletons";
+export type { ListSkeletonProps, GridSkeletonProps } from "./components/patterns/list-skeletons";
+export { Slider } from "./components/ui/slider";
+export { Spinner } from "./components/ui/spinner";
+export { ErrorBoundary } from "./components/ui/error-boundary";
+export type { ErrorBoundaryProps } from "./components/ui/error-boundary";
+export type { SpinnerProps } from "./components/ui/spinner";
+export { Switch } from "./components/ui/switch";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/ui/tabs";
+export { Textarea } from "./components/ui/textarea";
+export type { TextareaProps } from "./components/ui/textarea";
+export { AutoGrowTextarea } from "./components/ui/auto-grow-textarea";
+export type { AutoGrowTextareaProps } from "./components/ui/auto-grow-textarea";
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./components/ui/tooltip";
+export { ProgressRing } from "./components/ui/progress-ring";
+export type { ProgressRingProps } from "./components/ui/progress-ring";
+export { NumberInput } from "./components/ui/number-input";
+export type { NumberInputProps } from "./components/ui/number-input";
+export { PillToggle } from "./components/ui/pill-toggle";
+export type { PillToggleProps, PillToggleOption } from "./components/ui/pill-toggle";
+export { StarRating } from "./components/ui/star-rating";
+export type { StarRatingProps } from "./components/ui/star-rating";
+export { CountdownTimer } from "./components/ui/countdown-timer";
+export type { CountdownTimerProps } from "./components/ui/countdown-timer";
+export { SubNav } from "./components/ui/sub-nav";
+export type { SubNavProps, SubNavItem } from "./components/ui/sub-nav";
+export { CoachMark } from "./components/ui/coach-mark";
+export type { CoachMarkProps, CoachMarkPlacement, CoachMarkVariant } from "./components/ui/coach-mark";
+export { CoachMarkOverlay, isCoachCompleted, markCoachCompleted, resetCoach } from "./components/patterns/coach-mark-overlay";
+export type { CoachMarkOverlayProps, CoachStep } from "./components/patterns/coach-mark-overlay";
+export { CookieConsent, isCookieDecided } from "./components/patterns/cookie-consent";
+export type { CookieConsentProps, CookieConsentChoice } from "./components/patterns/cookie-consent";
+export { SocialIcon, SOCIAL_ICON_PLATFORMS, SOCIAL_ICON_LABELS } from "./components/ui/social-icon";
+export type { SocialIconProps, SocialIconTone } from "./components/ui/social-icon";
+export { SocialLoginButton } from "./components/ui/social-login-button";
+export type { SocialLoginButtonProps, SocialProvider } from "./components/ui/social-login-button";
+export { ImageGallery } from "./components/ui/image-gallery";
+export type { ImageGalleryProps, GalleryImage } from "./components/ui/image-gallery";
+export { NavigationBar } from "./components/ui/navigation-bar";
+export type { NavigationBarProps } from "./components/ui/navigation-bar";
+export { AppHeader } from "./components/patterns/app-header";
+export type { AppHeaderProps } from "./components/patterns/app-header";
+export { TagInput } from "./components/patterns/tag-input";
+export type { TagInputProps } from "./components/patterns/tag-input";
+export { SwipeRow } from "./components/patterns/swipe-row";
+export type { SwipeRowProps, SwipeAction } from "./components/patterns/swipe-row";
+export { ConfirmDialog } from "./components/patterns/confirm-dialog";
+export type { ConfirmDialogProps } from "./components/patterns/confirm-dialog";
+export { BottomSheetForm } from "./components/patterns/bottom-sheet-form";
+export type { BottomSheetFormProps } from "./components/patterns/bottom-sheet-form";
+export { ChipSelector } from "./components/patterns/chip-selector";
+export type { ChipSelectorProps, ChipSelectorOption } from "./components/patterns/chip-selector";
+export { Banner, bannerVariants } from "./components/patterns/banner";
+export { Chip, chipVariants } from "./components/patterns/chip";
+export { EmptyState } from "./components/patterns/empty-state";
+export { ErrorState } from "./components/patterns/error-state";
+export { FormField } from "./components/patterns/form-field";
+export { ListItem } from "./components/patterns/list-item";
+export { NotificationBadge } from "./components/patterns/notification-badge";
+export { ProgressSteps } from "./components/patterns/progress-steps";
+export { SearchBar } from "./components/patterns/search-bar";
+export { SectionHeader } from "./components/patterns/section-header";
+export { StatCard } from "./components/patterns/stat-card";
+export type { StatCardProps, StatCardVariant } from "./components/patterns/stat-card";
+export { Tag, tagVariants } from "./components/patterns/tag";
+export { ResponsiveDialog, ResponsiveDialogTrigger, ResponsiveDialogContent, ResponsiveDialogHeader, ResponsiveDialogTitle, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogClose, useMediaQuery } from "./components/ui/responsive-dialog";
+export { Toaster, useToast, toast } from "./components/ui/toast";
+export type { Toast, ToastVariant, ToastOptions, ToastFn } from "./components/ui/toast";
+export { AdminShell } from "./components/patterns/shells/admin-shell";
+export { AppShell } from "./components/patterns/shells/app-shell";
+export { MarketingShell } from "./components/patterns/shells/marketing-shell";
+export { FormRoot, FormSection, FormActions } from "./components/patterns/form";
+export { PriceDisplay, priceVariants } from "./components/patterns/commerce/price-display";
+export { RatingDisplay } from "./components/patterns/commerce/rating-display";
+export { QuantitySelector } from "./components/patterns/commerce/quantity-selector";
+export { OrderSummary } from "./components/patterns/commerce/order-summary";
+export { ProductCard } from "./components/patterns/commerce/product-card";
+export type { ProductCardProps, ProductCardTag } from "./components/patterns/commerce/product-card";
+export { ProductCarousel } from "./components/patterns/commerce/product-carousel";
+export { ImageCarousel } from "./components/patterns/commerce/image-carousel";
+export { BottomTabBar } from "./components/patterns/commerce/bottom-tab-bar";
+export type { BottomTabBarItem, BottomTabBarProps } from "./components/patterns/commerce/bottom-tab-bar";
+export { FilterBar } from "./components/patterns/commerce/filter-bar";
+export { ReviewCard } from "./components/patterns/commerce/review-card";
+export type { ReviewCardProps } from "./components/patterns/commerce/review-card";
+export { ReviewSummary } from "./components/patterns/commerce/review-summary";
+export type { ReviewSummaryProps } from "./components/patterns/commerce/review-summary";
+export { KebabMenu } from "./components/patterns/admin/kebab-menu";
+export type { KebabMenuItem } from "./components/patterns/admin/kebab-menu";
+export { BulkActions } from "./components/patterns/admin/bulk-actions";
+export type { BulkActionsProps } from "./components/patterns/admin/bulk-actions";
+export { StatusTabs } from "./components/patterns/admin/status-tabs";
+export type { StatusTabItem } from "./components/patterns/admin/status-tabs";
+export { SearchPanel } from "./components/patterns/admin/search-panel";
+export { ImageUploader } from "./components/patterns/admin/image-uploader";
+export { FileUpload } from "./components/patterns/file-upload";
+export type { FileUploadProps, UploadedFile } from "./components/patterns/file-upload";
+export { NotificationList } from "./components/patterns/admin/notification-list";
+export { ChartControls } from "./components/patterns/admin/chart-controls";
+export type { ChartControlsProps, Granularity, Period } from "./components/patterns/admin/chart-controls";
+export type { NotificationItem } from "./components/patterns/admin/notification-list";
+export { DataTable, DataTableTable, DataTableHeader, DataTableBody, DataTableRow, DataTableHead, DataTableCell, DataTableAvatarCell, DataTableImageCell, DataTableCheckboxCell, DataTableActionCell, DataTableInputCell, DataTableSelectCell, DataTableNumberCell, DataTableDragHandleCell, DataTableLinkCell, DataTableBulkActions, DataTableSectionRow, DataTableAddRow, DataTableEmptyState, } from "./components/patterns/admin/data-table";
+export { getStickyCellProps } from "./components/patterns/admin/data-table";
+export type { SortDirection, DataTableActionMenuItem, StickyPosition } from "./components/patterns/admin/data-table";
+export { SimplePagination } from "./components/patterns/simple-pagination";
+export type { SimplePaginationProps, SimplePaginationFormat } from "./components/patterns/simple-pagination";
+export { MenuDrawer } from "./components/patterns/menu-drawer";
+export type { MenuDrawerProps, MenuDrawerSection, MenuDrawerItem } from "./components/patterns/menu-drawer";
+export { Footer } from "./components/patterns/footer";
+export type { FooterProps, FooterLinkGroup } from "./components/patterns/footer";
+export { ShareButtons } from "./components/patterns/share-buttons";
+export type { ShareButtonsProps, ShareProvider, ShareLayout } from "./components/patterns/share-buttons";
+export { BannerCarousel } from "./components/patterns/banner-carousel";
+export type { BannerCarouselProps, BannerItem } from "./components/patterns/banner-carousel";
+export { StickyActionBar } from "./components/patterns/sticky-action-bar";
+export type { StickyActionBarProps } from "./components/patterns/sticky-action-bar";
+export { CategoryNav } from "./components/patterns/category-nav";
+export type { CategoryNavItem, CategoryNavProps } from "./components/patterns/category-nav";
+export { CategoryScroll } from "./components/patterns/category-scroll";
+export type { CategoryScrollItem, CategoryScrollProps } from "./components/patterns/category-scroll";
+export { SyncStatusBadge } from "./components/ui/sync-status-badge";
+export type { SyncStatusBadgeProps, SyncState } from "./components/ui/sync-status-badge";
+export { DropdownFilter } from "./components/ui/dropdown-filter";
+export type { DropdownFilterProps, DropdownFilterOption } from "./components/ui/dropdown-filter";
+export { FilterChip } from "./components/patterns/filter-chip";
+export type { FilterChipProps } from "./components/patterns/filter-chip";
+export { ReviewOverlay } from "./components/patterns/review-overlay";
+export type { ReviewOverlayProps, ReviewPin } from "./components/patterns/review-overlay";
+export { cn } from "./lib/utils";

package/dist/types/lib/server-variants/button-variants.d.ts

@@ -0,0 +1,20 @@
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Button の className 生成器（pure cva）。
+ *
+ * このファイルは **React に依存しない**。Button コンポーネント (button.tsx)
+ * と、Server Component 向けの再エクスポート (src/class-names.ts) の両方から
+ * 参照される。React フックを含むファイルから export すると "use client" 境界に
+ * 巻き込まれて Server Component から import できなくなるため、純粋な variants
+ * 定義はここに集約する。
+ *
+ * 変更時は button.tsx の Button コンポーネントの見た目に直接影響する。
+ */
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "secondary" | "secondary-switch" | "tertiary" | "ghost" | "destructive" | "glass" | "accent" | "inverse" | "ghost-inverse";
+    size?: "match" | "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "hero" | "icon-sm" | "icon-lg" | "icon-xl";
+    layout?: "horizontal" | "vertical";
+} & import("class-variance-authority/types").ClassProp) => string;
+type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
+export { buttonVariants };
+export type { ButtonVariantsProps };

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/types/native/components/Accordion.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface AccordionItem {
+    key: string;
+    title: string;
+    content: React.ReactNode;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    type?: "single" | "multiple";
+    defaultOpenKeys?: string[];
+}
+export declare function Accordion({ items, type, defaultOpenKeys }: AccordionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Alert.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type AlertTone = "info" | "success" | "warning" | "caution";
+export interface AlertProps {
+    tone?: AlertTone;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+}
+export declare function Alert({ tone, title, description, children }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/AlertDialog.d.ts

@@ -0,0 +1,11 @@
+export interface AlertDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    destructive?: boolean;
+}
+export declare function AlertDialog({ open, onClose, title, description, confirmLabel, cancelLabel, onConfirm, destructive, }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/AppHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface AppHeaderProps {
+    title?: string;
+    subtitle?: string;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    onBack?: () => void;
+    centered?: boolean;
+}
+export declare function AppHeader({ title, subtitle, leading, trailing, onBack, centered }: AppHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/AppShell.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface AppShellProps {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    bottomNav?: React.ReactNode;
+    scrollable?: boolean;
+    children: React.ReactNode;
+}
+/**
+ * モバイルアプリの基本シェル。Header / Body / BottomNav の三段重ね。
+ * 上下のSafeAreaは AppHeader / NavigationBar 側で取っている前提。
+ */
+export declare function AppShell({ header, footer, bottomNav, scrollable, children, }: AppShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/AutoGrowTextarea.d.ts

@@ -0,0 +1,8 @@
+import { type TextInputProps } from "react-native";
+export interface AutoGrowTextareaProps extends Omit<TextInputProps, "style" | "multiline"> {
+    invalid?: boolean;
+    disabled?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+}
+export declare function AutoGrowTextarea({ invalid, disabled, minHeight, maxHeight, ...rest }: AutoGrowTextareaProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Avatar.d.ts

@@ -0,0 +1,8 @@
+import { type ImageSourcePropType } from "react-native";
+export type AvatarSize = "sm" | "md" | "lg" | "xl";
+export interface AvatarProps {
+    source?: ImageSourcePropType;
+    fallback?: string;
+    size?: AvatarSize;
+}
+export declare function Avatar({ source, fallback, size }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Badge.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export type BadgeTone = "neutral" | "accent" | "success" | "caution" | "warning" | "info";
+export interface BadgeProps {
+    tone?: BadgeTone;
+    children: React.ReactNode;
+}
+/** status / accent を surface + text トークンで塗り分けるピル。 */
+export declare function Badge({ tone, children }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Banner.d.ts

@@ -0,0 +1,10 @@
+import { type ImageSourcePropType } from "react-native";
+export interface BannerProps {
+    title?: string;
+    description?: string;
+    image?: ImageSourcePropType;
+    onPress?: () => void;
+    tone?: "neutral" | "accent" | "success" | "warning" | "caution";
+    height?: number;
+}
+export declare function Banner({ title, description, image, onPress, tone, height }: BannerProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/BannerCarousel.d.ts

@@ -0,0 +1,8 @@
+import { type BannerProps } from "./Banner";
+export interface BannerCarouselProps {
+    banners: BannerProps[];
+    itemWidth?: number;
+    height?: number;
+    showIndicator?: boolean;
+}
+export declare function BannerCarousel({ banners, itemWidth, height, showIndicator, }: BannerCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/BottomSheetForm.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface BottomSheetFormProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    description?: string;
+    footer?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare function BottomSheetForm({ open, onClose, title, description, footer, children, }: BottomSheetFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/BottomTabBar.d.ts

@@ -0,0 +1,8 @@
+import { type NavigationBarItem } from "./NavigationBar";
+export interface BottomTabBarProps {
+    items: NavigationBarItem[];
+    value?: string;
+    onChange?: (key: string) => void;
+}
+/** commerce 系の TabBar。中身は NavigationBar とほぼ同じ。 */
+export declare function BottomTabBar(props: BottomTabBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface BreadcrumbProps {
+    title: string;
+    onBack?: () => void;
+    backLabel?: string;
+    rightSlot?: React.ReactNode;
+}
+/**
+ * Webの Breadcrumb を RN の BackHeader 風に意味変換。
+ * モバイルでは多段ナビパンくずは無いので「← 戻る・タイトル」の最小形に。
+ */
+export declare function Breadcrumb({ title, onBack, backLabel, rightSlot }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Button.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { type PressableProps } from "react-native";
+export type ButtonVariant = "primary" | "secondary" | "tertiary" | "destructive" | "glass";
+export interface ButtonProps extends Omit<PressableProps, "children" | "style"> {
+    variant?: ButtonVariant;
+    children: React.ReactNode;
+}
+/** variant を semantic トークン（brand / active / caution / border）で表現するボタン。 */
+export declare function Button({ variant, children, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Calendar.d.ts

@@ -0,0 +1,8 @@
+export interface CalendarProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: "ja" | "en";
+}
+export declare function Calendar({ value, onChange, minDate, maxDate, locale }: CalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Card.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type ViewProps } from "react-native";
+export interface CardProps extends ViewProps {
+    /** spacing.scale のインデックス。既定 4 = 16px */
+    padding?: number;
+    /** shadow トークン名。web は boxShadow、iOS は shadow*、Android は elevation を適用 */
+    elevation?: "sm" | "md" | "lg";
+    children: React.ReactNode;
+}
+/** surface.primary 面 + border.low-emphasis の標準カード。 */
+export declare function Card({ padding, elevation, style, children, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/CategoryNav.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface CategoryNavItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+}
+export interface CategoryNavProps {
+    items: CategoryNavItem[];
+    value?: string;
+    onChange?: (key: string) => void;
+}
+/** 横並び・固定で表示するカテゴリナビ。スクロール可能。 */
+export declare function CategoryNav({ items, value, onChange }: CategoryNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/CategoryScroll.d.ts

@@ -0,0 +1,12 @@
+export interface CategoryScrollItem {
+    key: string;
+    label: string;
+    count?: number;
+}
+export interface CategoryScrollProps {
+    items: CategoryScrollItem[];
+    value?: string;
+    onChange?: (key: string) => void;
+}
+/** Pill 形のカテゴリ横スクロール。CategoryNav と違い見た目はテキストチップ。 */
+export declare function CategoryScroll({ items, value, onChange }: CategoryScrollProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Checkbox.d.ts

@@ -0,0 +1,7 @@
+export interface CheckboxProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: number;
+}
+export declare function Checkbox({ checked, onChange, disabled, size }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/CheckboxCard.d.ts

@@ -0,0 +1,8 @@
+export interface CheckboxCardProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    title: string;
+    description?: string;
+}
+export declare function CheckboxCard({ checked, onChange, disabled, title, description, }: CheckboxCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/CheckboxField.d.ts

@@ -0,0 +1,8 @@
+export interface CheckboxFieldProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+}
+export declare function CheckboxField({ checked, onChange, disabled, label, description, }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/CheckboxGroup.d.ts

@@ -0,0 +1,12 @@
+export interface CheckboxGroupOption {
+    value: string;
+    label: string;
+    description?: string;
+}
+export interface CheckboxGroupProps {
+    options: CheckboxGroupOption[];
+    values?: string[];
+    onChange?: (values: string[]) => void;
+    disabled?: boolean;
+}
+export declare function CheckboxGroup({ options, values, onChange, disabled }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/native/components/Chip.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type PressableProps } from "react-native";
+export type ChipVariant = "filled" | "accent" | "outline";
+export type ChipSize = "sm" | "md" | "lg";
+export type ChipShape = "pill" | "square";
+export interface ChipProps extends Omit<PressableProps, "children" | "style"> {
+    variant?: ChipVariant;
+    size?: ChipSize;
+    shape?: ChipShape;
+    selected?: boolean;
+    disabled?: boolean;
+    count?: number;
+    removable?: boolean;
+    onRemove?: () => void;
+    children?: React.ReactNode;
+}
+export declare function Chip({ variant, size, shape, selected, disabled, count, removable, onRemove, children, ...rest }: ChipProps): import("react/jsx-runtime").JSX.Element;