ksk-design-system 1.35.0

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

@@ -0,0 +1,13 @@
+export interface ChipSelectorOption {
+    value: string;
+    label: string;
+    count?: number;
+    disabled?: boolean;
+}
+export interface ChipSelectorProps {
+    options: ChipSelectorOption[];
+    values?: string[];
+    onChange?: (values: string[]) => void;
+    multiple?: boolean;
+}
+export declare function ChipSelector({ options, values, onChange, multiple, }: ChipSelectorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+export interface CoachMarkProps {
+    title?: string;
+    description: string;
+    step?: number;
+    total?: number;
+    onNext?: () => void;
+    onSkip?: () => void;
+    nextLabel?: string;
+    skipLabel?: string;
+}
+/** Tooltip 風の説明バルーン。CoachMarkOverlay と組み合わせて使う前提。 */
+export declare function CoachMark({ title, description, step, total, onNext, onSkip, nextLabel, skipLabel, }: CoachMarkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import React from "react";
+export interface CoachMarkOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    /** ハイライト対象の画面座標。指定するとそのエリアだけ暗くしない */
+    highlight?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        radius?: number;
+    };
+    children: React.ReactNode;
+}
+/**
+ * 背景を暗くしてフォーカスしたい領域だけ残す簡易オーバーレイ。
+ * ハイライト穴は4枚の View でスポットを囲う形（Mask 非依存）。
+ */
+export declare function CoachMarkOverlay({ open, onClose, highlight, children }: CoachMarkOverlayProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from "react";
+export interface CollapsibleProps {
+    title: string;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+export declare function Collapsible({ title, defaultOpen, children }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+export interface ComboboxOption {
+    value: string;
+    label: string;
+}
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+}
+export declare function Combobox({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, disabled, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { type AlertDialogProps } from "./AlertDialog";
+export interface ConfirmDialogProps extends Omit<AlertDialogProps, "confirmLabel" | "cancelLabel"> {
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+/** AlertDialog の薄いラッパ（語感の違い吸収用）。 */
+export declare function ConfirmDialog(props: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface CountdownTimerProps {
+    /** UNIX ミリ秒 or Date */
+    target: number | Date;
+    onComplete?: () => void;
+    tone?: "neutral" | "accent" | "caution";
+}
+export declare function CountdownTimer({ target, onComplete, tone }: CountdownTimerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    formatter?: (d: Date) => string;
+}
+export declare function DatePicker({ value, onChange, placeholder, minDate, maxDate, disabled, formatter, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from "react";
+export interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    /** タップで閉じるか */
+    dismissOnBackdrop?: boolean;
+}
+export declare function Dialog({ open, onClose, title, description, footer, children, dismissOnBackdrop, }: DialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+export interface DropdownFilterOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface DropdownFilterProps {
+    label: string;
+    options: DropdownFilterOption[];
+    value?: string;
+    onChange?: (value: string | undefined) => void;
+}
+export declare function DropdownFilter({ label, options, value, onChange }: DropdownFilterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+export interface DropdownMenuItem {
+    key: string;
+    label: string;
+    destructive?: boolean;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface DropdownMenuProps {
+    open: boolean;
+    onClose: () => void;
+    anchor?: {
+        x: number;
+        y: number;
+        width?: number;
+        height?: number;
+    };
+    items: DropdownMenuItem[];
+}
+export declare function DropdownMenu({ open, onClose, anchor, items }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface EmptyStateProps {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare function EmptyState({ title, description, icon, action }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ErrorStateProps {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare function ErrorState({ title, description, icon, action, }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+export interface FileUploadProps {
+    title?: string;
+    description?: string;
+    /** ファイル選択を起動するコールバック（Expo: expo-image-picker / DocumentPicker を呼び出す等） */
+    onPress?: () => void;
+    disabled?: boolean;
+}
+/**
+ * ファイルピッカーをトリガするタッチ領域。実際の選択は consumer 側で
+ * expo-image-picker / expo-document-picker を起動して使う。
+ */
+export declare function FileUpload({ title, description, onPress, disabled, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+export interface FilterBarFilter {
+    key: string;
+    label: string;
+    value?: string;
+    active?: boolean;
+    onPress?: () => void;
+}
+export interface FilterBarProps {
+    filters: FilterBarFilter[];
+    sortLabel?: string;
+    onPressSort?: () => void;
+}
+export declare function FilterBar({ filters, sortLabel, onPressSort }: FilterBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { type ChipProps } from "./Chip";
+export interface FilterChipProps extends Omit<ChipProps, "shape" | "variant"> {
+    /** 件数バッジ */
+    count?: number;
+}
+/** Chip のフィルタ用プリセット（pill + filled）。 */
+export declare function FilterChip(props: FilterChipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface FooterLink {
+    label: string;
+    onPress?: () => void;
+}
+export interface FooterProps {
+    copyright?: string;
+    links?: FooterLink[];
+}
+export declare function Footer({ copyright, links }: FooterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FormFieldProps {
+    label?: string;
+    required?: boolean;
+    description?: string;
+    error?: string;
+    children: React.ReactNode;
+}
+export declare function FormField({ label, required, description, error, children }: FormFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { type ViewProps } from "react-native";
+export type GlassIntensity = "subtle" | "regular" | "thick";
+export type GlassTint = "light" | "dark" | "system";
+export interface GlassViewProps extends ViewProps {
+    intensity?: GlassIntensity;
+    tint?: GlassTint;
+    /** rim（縁の光屈折）を出す */
+    showRim?: boolean;
+    /** 角丸 */
+    borderRadius?: number;
+    children?: React.ReactNode;
+}
+/**
+ * iOS 26 Liquid Glass マテリアル。
+ *
+ * 3-tier の表示戦略:
+ *   1. iOS + expo-blur が入っている → UIVisualEffectView (本物の Liquid Glass)
+ *   2. Web (RNW) → CSS の backdrop-filter で擬似
+ *   3. それ以外 (Android / expo-blur 未導入) → 半透明 surface でフォールバック
+ *
+ * expo-blur は optional peerDependency。consumer 側で `npx expo install expo-blur` するだけで
+ * 自動で 1 のパスに切り替わる。
+ */
+export declare function GlassView({ intensity, tint, showRim, borderRadius, style, children, ...rest }: GlassViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { type ImageSourcePropType } from "react-native";
+export interface ImageCarouselProps {
+    images: ImageSourcePropType[];
+    height?: number;
+    showCounter?: boolean;
+    showDots?: boolean;
+}
+export declare function ImageCarousel({ images, height, showCounter, showDots, }: ImageCarouselProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { type ImageSourcePropType } from "react-native";
+export interface ImageGalleryProps {
+    images: ImageSourcePropType[];
+    initialIndex?: number;
+    thumbnailSize?: number;
+}
+export declare function ImageGallery({ images, initialIndex, thumbnailSize }: ImageGalleryProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { type TextInputProps } from "react-native";
+export interface InputProps extends Omit<TextInputProps, "style"> {
+    invalid?: boolean;
+    disabled?: boolean;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+}
+export declare function Input({ invalid, disabled, leading, trailing, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { type ViewProps } from "react-native";
+export interface LabelProps extends ViewProps {
+    required?: boolean;
+    children: React.ReactNode;
+}
+export declare function Label({ required, children, style, ...rest }: LabelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ListItemProps {
+    leading?: React.ReactNode;
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    trailing?: React.ReactNode;
+    showChevron?: boolean;
+    onPress?: () => void;
+    disabled?: boolean;
+}
+export declare function ListItem({ leading, title, description, trailing, showChevron, onPress, disabled, }: ListItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export interface ListSkeletonsProps {
+    count?: number;
+    /** アイテムの形 */
+    variant?: "row" | "card" | "list";
+}
+export declare function ListSkeletons({ count, variant }: ListSkeletonsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface MarketingShellProps {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    cta?: React.ReactNode;
+    children: React.ReactNode;
+}
+/** LP/集客系の縦長スクロールシェル。AppShell との違いは BottomNav なし & sticky CTA 領域あり。 */
+export declare function MarketingShell({ header, footer, cta, children }: MarketingShellProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import React from "react";
+export interface MenuDrawerItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    onPress?: () => void;
+    active?: boolean;
+}
+export interface MenuDrawerSection {
+    title?: string;
+    items: MenuDrawerItem[];
+}
+export interface MenuDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    side?: "left" | "right";
+    header?: React.ReactNode;
+    sections: MenuDrawerSection[];
+    footer?: React.ReactNode;
+}
+export declare function MenuDrawer({ open, onClose, side, header, sections, footer, }: MenuDrawerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+}
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    values?: string[];
+    onChange?: (values: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+}
+export declare function MultiSelect({ options, values, onChange, placeholder, searchPlaceholder, disabled, }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import React from "react";
+export interface NavigationBarItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: number;
+    onPress?: () => void;
+}
+export interface NavigationBarProps {
+    items: NavigationBarItem[];
+    value?: string;
+    onChange?: (key: string) => void;
+}
+/**
+ * Webの「ヘッダ型ナビゲーション」をRNで意味変換した BottomTabs風 ナビ。
+ * 画面下部に固定して使う想定。
+ */
+export declare function NavigationBar({ items, value, onChange }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface NotificationBadgeProps {
+    count?: number;
+    max?: number;
+    dot?: boolean;
+    children?: React.ReactNode;
+}
+/** 子要素の右上に未読カウントを重ねるバッジ。 */
+export declare function NotificationBadge({ count, max, dot, children }: NotificationBadgeProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface NumberInputProps {
+    value: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+}
+export declare function NumberInput({ value, onChange, min, max, step, disabled, }: NumberInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface OrderSummaryLine {
+    label: string;
+    value: number;
+    emphasis?: "normal" | "discount" | "total";
+}
+export interface OrderSummaryProps {
+    lines: OrderSummaryLine[];
+    currency?: string;
+}
+export declare function OrderSummary({ lines, currency }: OrderSummaryProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface PaginationProps {
+    page: number;
+    total: number;
+    onChange?: (page: number) => void;
+    windowSize?: number;
+}
+export declare function Pagination({ page, total, onChange, windowSize }: PaginationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+export interface PillToggleOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface PillToggleProps {
+    options: PillToggleOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+export declare function PillToggle({ options, value, onChange, disabled }: PillToggleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from "react";
+export interface PopoverProps {
+    open: boolean;
+    onClose: () => void;
+    /** triggerが描画される位置（画面座標）。anchor 計測は呼び出し側で行う */
+    anchor?: {
+        x: number;
+        y: number;
+        width?: number;
+        height?: number;
+    };
+    children: React.ReactNode;
+}
+export declare function Popover({ open, onClose, anchor, children }: PopoverProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+export interface PriceDisplayProps {
+    price: number;
+    originalPrice?: number;
+    currency?: string;
+    size?: "sm" | "md" | "lg";
+    showTax?: boolean;
+}
+export declare function PriceDisplay({ price, originalPrice, currency, size, showTax, }: PriceDisplayProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { type ImageSourcePropType } from "react-native";
+export interface ProductCardProps {
+    image?: ImageSourcePropType;
+    title: string;
+    price: number;
+    originalPrice?: number;
+    rating?: number;
+    reviewCount?: number;
+    badge?: string;
+    soldOut?: boolean;
+    onPress?: () => void;
+    layout?: "vertical" | "horizontal";
+}
+export declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, soldOut, onPress, layout, }: ProductCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { type ProductCardProps } from "./ProductCard";
+export interface ProductCarouselProps {
+    title?: string;
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+    products: ProductCardProps[];
+    cardWidth?: number;
+}
+export declare function ProductCarousel({ title, action, products, cardWidth, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface ProgressProps {
+    value: number;
+    max?: number;
+    height?: number;
+    tone?: "accent" | "success" | "caution" | "warning";
+}
+export declare function Progress({ value, max, height, tone }: ProgressProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+export interface ProgressRingProps {
+    value: number;
+    max?: number;
+    size?: number;
+    thickness?: number;
+    showLabel?: boolean;
+}
+/**
+ * SVG非依存の簡易ProgressRing。
+ * 半円を2枚使った clip 風表現で React Native のViewのみで完結させる。
+ */
+export declare function ProgressRing({ value, max, size, thickness, showLabel, }: ProgressRingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface StepItem {
+    key: string;
+    label: string;
+}
+export interface ProgressStepsProps {
+    steps: StepItem[];
+    current: number;
+}
+export declare function ProgressSteps({ steps, current }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { type NumberInputProps } from "./NumberInput";
+export interface QuantitySelectorProps extends Omit<NumberInputProps, "min"> {
+    min?: number;
+}
+/** commerce 用の数量セレクタ。NumberInput を min=1 で使うだけ。 */
+export declare function QuantitySelector({ min, ...rest }: QuantitySelectorProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+export interface RatingDisplayProps {
+    rating: number;
+    count?: number;
+    size?: number;
+    layout?: "row" | "stacked";
+}
+export declare function RatingDisplay({ rating, count, size, layout }: RatingDisplayProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { type DialogProps } from "./Dialog";
+export interface ResponsiveDialogProps extends DialogProps {
+    /** width <= breakpoint で BottomSheet 化（既定 600） */
+    breakpoint?: number;
+}
+/** sm 以下では Sheet(bottom)、それ以上は Dialog。 */
+export declare function ResponsiveDialog({ breakpoint, ...props }: ResponsiveDialogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { type ImageSourcePropType } from "react-native";
+export interface ReviewCardProps {
+    authorName: string;
+    authorAvatar?: ImageSourcePropType;
+    rating: number;
+    date?: string;
+    title?: string;
+    comment: string;
+    helpfulCount?: number;
+}
+export declare function ReviewCard({ authorName, authorAvatar, rating, date, title, comment, helpfulCount, }: ReviewCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface ReviewOverlayProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    onSubmit?: (rating: number, comment: string) => void;
+}
+export declare function ReviewOverlay({ open, onClose, title, onSubmit, }: ReviewOverlayProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export interface ReviewSummaryProps {
+    average: number;
+    total: number;
+    /** rating -> 件数 のマップ。例: { 5: 120, 4: 32, 3: 11, 2: 4, 1: 2 } */
+    distribution: Record<number, number>;
+}
+export declare function ReviewSummary({ average, total, distribution }: ReviewSummaryProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from "react";
+import { type ScrollViewProps } from "react-native";
+export interface ScrollAreaProps extends ScrollViewProps {
+    maxHeight?: number;
+    bordered?: boolean;
+    children: React.ReactNode;
+}
+/** ScrollView の薄いラッパ。max-height と枠線つけたいケース用。 */
+export declare function ScrollArea({ maxHeight, bordered, children, ...rest }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface SearchBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    onSubmit?: () => void;
+    onClear?: () => void;
+    autoFocus?: boolean;
+}
+export declare function SearchBar({ value, onChange, placeholder, onSubmit, onClear, autoFocus, }: SearchBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface SectionHeaderProps {
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+    variant?: "default" | "subtle";
+}
+export declare function SectionHeader({ title, description, action, variant }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;