@keepkit/ui 0.15.0 → 0.16.0

package/README.md

@@ -60,7 +60,29 @@ function SavedArticles() {
 `KeepItemCard`は`href`、`onOpen`、`linkTarget`、`linkComponent`に対応し、保存アイテムから詳細ページへ遷移できます。非公開・期限切れ等の`status`を持つアイテムは自動的にリンクを無効化します。`KeepBackup`はJSONのエクスポート、merge / replaceインポート、結果件数、容量エラー表示を提供します。
 外部URLの詳細リンクには`target="_blank"`と`rel="noreferrer"`が既定で補完され、利用できないカードには`aria-disabled="true"`と`data-item-status`が付与されます。同期競合ダイアログではローカルとリモートの更新日時・メモを並べて確認できます。
 
-v0.15.0では`KeepCollection urlSync layout="list" | "grid" | "compact"`、`KeepBulkActions selectionScope="page" | "query" | "all"`、`KeepUndo`を利用できます。`createNextPagesRouterAdapter`はNext.js Pages Router用の注入adapterです。`locale`は英語、日本語、韓国語、中国語簡体字・繁体字、タイ語、フランス語、スペイン語、ポルトガル語、イタリア語、ドイツ語、ロシア語、フィリピン語、ベトナム語、インドネシア語、マレー語の16言語に対応し、`labels`で上書きできます。認証付き同期は`createAuthenticatedSyncKit`から利用できます。
+`KeepList`は初回ロード中、`layout`に合う`KeepItemCardSkeleton`を既定で6枚表示します。`loadingCount`で枚数を変更でき、従来の`loading`または`renderLoading`で完全に差し替えられます。`layout="auto"`は画面幅ではなく配置コンテナ幅に追従し、サイドバーやモーダルでも1列から複数列へ切り替わります。スケルトンのパルスは`prefers-reduced-motion`で静止表示になります。
+
+カードの一部だけを配置し直す場合はCompound APIを利用できます。画像alt、タイトルリンク、タグ一覧のARIAラベル、保存操作の状態は各パーツでも維持されます。
+
+```tsx
+<KeepItemCard item={item} href={`/items/${item.id}`} getImageProps={getImageProps}>
+  <KeepItemCard.Media fallback="No image" />
+  <KeepItemCard.Content>
+    <KeepItemCard.Title />
+    <KeepItemCard.Tags />
+  </KeepItemCard.Content>
+  <KeepItemCard.Actions />
+</KeepItemCard>
+```
+
+`KeepKitProvider` / `KeepUiProvider`の`onFeedback`は`item-saved`、`item-removed`、`item-restored`、`sync-completed`、`sync-failed`、`stale-pruned`を通知します。削除系イベントには`undo`と現在ロケールの`undoLabel`が含まれます。Sonner互換の関数なら次の1行で接続できます（ライブラリ依存は追加されません）。
+
+```tsx
+const onFeedback = useKeepToastFeedback(toast);
+<KeepKitProvider storage={storage} onFeedback={onFeedback}>{children}</KeepKitProvider>;
+```
+
+v0.16.0では`KeepCollection urlSync layout="list" | "grid" | "compact"`、`KeepBulkActions selectionScope="page" | "query" | "all"`、`KeepUndo`を利用できます。`createNextPagesRouterAdapter`はNext.js Pages Router用の注入adapterです。`locale`は英語、日本語、韓国語、中国語簡体字・繁体字、タイ語、フランス語、スペイン語、ポルトガル語、イタリア語、ドイツ語、ロシア語、フィリピン語、ベトナム語、インドネシア語、マレー語の16言語に対応し、`labels`で上書きできます。認証付き同期は`createAuthenticatedSyncKit`から利用できます。
 Phase 4の状態UIとして`KeepItemStatusBadge`、`KeepStaleNotice`、`KeepPruneStaleButton`、`KeepSyncStatusBanner`、`KeepSyncRecoveryDialog`を利用できます。`import "@keepkit/ui/theme.css"`でテーマCSSを有効にできます。
 
 ### Tailwind／shadcnテーマ
@@ -151,7 +173,29 @@ The opt-in theme adds neutral borders, surfaces, shadows, focus treatment, and d
 `KeepItemCard` accepts `href`, `onOpen`, `linkTarget`, and `linkComponent` for detail-page navigation. Links are disabled for unavailable `status` values such as private or expired. `KeepBackup` provides JSON export, merge/replace import, result counts, and quota-error messaging.
 External detail URLs receive `target="_blank"` and `rel="noreferrer"` defaults. Unavailable cards expose `aria-disabled="true"` and normalized `data-item-status` values, and the sync recovery dialog compares local and remote updated dates and notes side by side.
 
-In v0.15.0, use `KeepCollection urlSync` with `layout="list" | "grid" | "compact"`, `KeepBulkActions selectionScope="page" | "query" | "all"`, and `KeepUndo`. `createNextPagesRouterAdapter` is the injected adapter for Next.js Pages Router. `locale` includes complete dictionaries for 16 built-in locales; `labels` overrides individual entries. Authenticated sync is available through `createAuthenticatedSyncKit`.
+During initial loading, `KeepList` renders six layout-matched `KeepItemCardSkeleton` placeholders by default. Change the count with `loadingCount`, or replace them with the existing `loading` prop or its `renderLoading` alias. `layout="auto"` responds to the available container width rather than viewport width, so embedded sidebars and dialogs collapse to one column. Skeleton pulses become static under `prefers-reduced-motion`.
+
+Use the compound parts to rearrange only the card regions you own while preserving image alt text, linked headings, the labelled tag list, and action state:
+
+```tsx
+<KeepItemCard item={item} href={`/items/${item.id}`} getImageProps={getImageProps}>
+  <KeepItemCard.Media fallback="No image" />
+  <KeepItemCard.Content>
+    <KeepItemCard.Title />
+    <KeepItemCard.Tags />
+  </KeepItemCard.Content>
+  <KeepItemCard.Actions />
+</KeepItemCard>
+```
+
+`onFeedback` on `KeepKitProvider` / `KeepUiProvider` receives `item-saved`, `item-removed`, `item-restored`, `sync-completed`, `sync-failed`, and `stale-pruned`. Removal events include an `undo` function and locale-aware `undoLabel`. Connect a Sonner-compatible function without adding a package dependency:
+
+```tsx
+const onFeedback = useKeepToastFeedback(toast);
+<KeepKitProvider storage={storage} onFeedback={onFeedback}>{children}</KeepKitProvider>;
+```
+
+In v0.16.0, use `KeepCollection urlSync` with `layout="list" | "grid" | "compact"`, `KeepBulkActions selectionScope="page" | "query" | "all"`, and `KeepUndo`. `createNextPagesRouterAdapter` is the injected adapter for Next.js Pages Router. `locale` includes complete dictionaries for 16 built-in locales; `labels` overrides individual entries. Authenticated sync is available through `createAuthenticatedSyncKit`.
 Phase 4 adds `KeepItemStatusBadge`, `KeepStaleNotice`, `KeepPruneStaleButton`, `KeepSyncStatusBanner`, and `KeepSyncRecoveryDialog` for unavailable items, sync failures, conflict resolution, and backup recovery. Import `@keepkit/ui/theme.css` or `@keepkit/ui/tailwind.css` for the opt-in theme layer.
 
 ### Tailwind and shadcn theme

package/dist/index.d.ts

@@ -1,11 +1,70 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, ComponentType, ImgHTMLAttributes, MouseEvent, HTMLAttributeAnchorTarget, InputHTMLAttributes, FormHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, CSSProperties } from 'react';
-import { ImportItemsResult, KeepItem, KeepListQuery, KeepUrlSyncOptions, KeepItemStatus, KeepSyncConflict, KeepItemInput } from '@keepkit/core/core';
+import { ReactNode, HTMLAttributes, ComponentType, ImgHTMLAttributes, MouseEvent, HTMLAttributeAnchorTarget, InputHTMLAttributes, FormHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, CSSProperties } from 'react';
+import { KeepItem, ImportItemsResult, KeepListQuery, KeepUrlSyncOptions, KeepItemStatus, KeepSyncConflict, KeepItemInput } from '@keepkit/core/core';
 export { AuthenticatedSyncAuthContext, AuthenticatedSyncKit, AuthenticatedSyncKitOptions, AuthenticatedSyncRequestContext, AuthenticatedSyncTransport, KeepItem, KeepItemInput, KeepListQuery, KeepScope, KeepSyncConflict, KeepSyncResolution, KeepSyncState, KeepSyncStatus, KeepUndoState, KeepUrlSyncOptions, createAuthenticatedSyncKit } from '@keepkit/core/core';
 import { KeepButtonProps as KeepButtonProps$1, UseKeepListResult, KeepErrorBoundaryProps, CreateKeepKitOptions as CreateKeepKitOptions$1, KeepProviderProps, useKeepContext, useKeepItem, useKeepList, KeepShortcutOptions } from '@keepkit/core/react';
 export { KeepButtonState, KeepContextValue, KeepErrorBoundary, KeepErrorBoundaryProps, KeepProvider, KeepProviderProps, KeepShortcutOptions, useKeepContext, useKeepItem, useKeepList, useKeepShortcut } from '@keepkit/core/react';
 export { FallbackStorageAdapter, IndexedDBAdapter, IndexedDBSyncQueueAdapter, LocalStorageAdapter, LocalStorageSyncQueueAdapter, SyncStorageAdapter, createBrowserStorageAdapter, createStorageAdapter } from '@keepkit/core/storage';
 
+type KeepUiLabelKey = "save" | "saved" | "remove" | "loading" | "saving" | "syncing" | "error" | "allTags" | "tags" | "filterTags" | "note" | "saveNote" | "noItems" | "loadingItems" | "errorItems" | "search" | "sort" | "newest" | "oldest" | "savedNewest" | "savedOldest" | "updatedNewest" | "updatedOldest" | "previousPage" | "nextPage" | "pagination" | "page" | "selectItems" | "selectedCount" | "deleteSelected" | "tagsToApply" | "applyTags" | "savedMessage" | "removedMessage" | "restoredMessage" | "syncFailedMessage" | "stalePrunedMessage" | "undo" | "undoAvailable" | "selectionScope" | "currentPage" | "searchResults" | "allItems" | "localVersion" | "remoteVersion" | "updatedAt" | "statusAvailable" | "noteSavedMessage" | "exportData" | "importData" | "importMode" | "merge" | "replace" | "importedCount" | "failedCount" | "storageQuotaError" | "statusExpired" | "statusRemoved" | "statusDeleted" | "statusPrivate" | "statusUnknown" | "retry" | "removeFromList" | "pruneStale" | "retrySync" | "resolveSync" | "keepLocal" | "useServer" | "manualMerge" | "close" | "backupRecovery" | "backupRecoveryDescription" | "syncPending" | "syncSynced" | "syncConflict";
+type KeepUiLabels = Partial<Record<KeepUiLabelKey, string>>;
+type KeepUiLocaleLabels = Record<KeepUiLabelKey, string>;
+
+declare const KEEP_BUILT_IN_LOCALES: readonly ["en", "ja", "ko", "zh-Hans", "zh-Hant", "th", "fr", "es", "pt-BR", "it", "de", "ru", "fil", "vi", "id", "ms"];
+type KeepUiLocale = (typeof KEEP_BUILT_IN_LOCALES)[number];
+declare function getKeepLocaleLabels(locale?: string): KeepUiLocaleLabels;
+
+type KeepUiLabelContext = {
+    locale?: string;
+    labels: Readonly<Record<KeepUiLabelKey, string>>;
+    customLabels?: KeepUiLabels;
+    labelResolver?: (key: KeepUiLabelKey, context: {
+        locale?: string;
+    }) => string | undefined;
+    emitFeedback: <TMeta>(event: KeepUiFeedbackEvent<TMeta>) => void;
+};
+type KeepUiFeedbackBase<TType extends string> = {
+    type: TType;
+    message: string;
+};
+type KeepUiFeedbackEvent<TMeta = Record<string, unknown>> = (KeepUiFeedbackBase<"item-saved"> & {
+    item: KeepItem<TMeta>;
+}) | (KeepUiFeedbackBase<"item-removed"> & {
+    item: KeepItem<TMeta>;
+    undo: () => void | Promise<void>;
+    undoLabel: string;
+}) | (KeepUiFeedbackBase<"item-restored"> & {
+    item?: KeepItem<TMeta>;
+    items: KeepItem<TMeta>[];
+}) | KeepUiFeedbackBase<"sync-completed"> | (KeepUiFeedbackBase<"sync-failed"> & {
+    error: unknown;
+}) | (KeepUiFeedbackBase<"stale-pruned"> & {
+    item?: KeepItem<TMeta>;
+    items: KeepItem<TMeta>[];
+    undo: () => void | Promise<void>;
+    undoLabel: string;
+});
+type KeepUiProviderProps<TMeta = Record<string, unknown>> = {
+    labels?: KeepUiLabels;
+    locale?: string;
+    labelResolver?: KeepUiLabelContext["labelResolver"];
+    onFeedback?: (event: KeepUiFeedbackEvent<TMeta>) => void;
+    children?: ReactNode;
+};
+/** Provides one complete locale-aware label source to every UI primitive. */
+declare function KeepUiProvider<TMeta = Record<string, unknown>>({ labels, locale, labelResolver, onFeedback, children, }: KeepUiProviderProps<TMeta>): react.JSX.Element;
+declare function useKeepUiLabels(): KeepUiLabelContext;
+
+type KeepToastFeedbackOptions = {
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+};
+type KeepToastHandler = (message: string, options?: KeepToastFeedbackOptions) => unknown;
+/** Adapts KeepKit feedback to Sonner-like toast functions without adding a toast dependency. */
+declare function useKeepToastFeedback<TMeta = Record<string, unknown>>(showToast: KeepToastHandler): (event: KeepUiFeedbackEvent<TMeta>) => void;
+
 type KeepBackupProps<TMeta = Record<string, unknown>> = Omit<HTMLAttributes<HTMLElement>, "children"> & {
     filename?: string;
     onExport?: (data: string) => void;
@@ -82,7 +141,7 @@ type KeepButtonProps<TMeta = Record<string, unknown>> = KeepButtonProps$1<TMeta>
     iconClassName?: string;
 };
 /** A style-free save toggle with localized labels and the core button's ARIA/asChild behavior. */
-declare function KeepButton<TMeta = Record<string, unknown>>({ labels, icons, iconOnly, showLabel, iconClassName, ...props }: KeepButtonProps<TMeta>): react.JSX.Element;
+declare function KeepButton<TMeta = Record<string, unknown>>({ labels, icons, iconOnly, showLabel, iconClassName, onClick, onToggleError, ...props }: KeepButtonProps<TMeta>): react.JSX.Element;
 
 type KeepItemCardState<TMeta = Record<string, unknown>> = {
     item: KeepItem<TMeta>;
@@ -130,8 +189,315 @@ type KeepItemCardProps<TMeta = Record<string, unknown>> = Omit<HTMLAttributes<HT
     linkTargetAttribute?: HTMLAttributeAnchorTarget;
     linkRel?: string;
 };
-/** A low-dependency item presentation primitive. The default markup can be replaced with render props. */
-declare function KeepItemCard<TMeta = Record<string, unknown>>({ item, title, getTitle, getImageProps, imageComponent: ImageComponent, renderImage, renderTags, showTags, showSavedAt, imageAlt, render, children, removeLabel, onRemoveError, onRemoved, onRetry, showSaveButton, saveButtonLabels, asChild, href: hrefOption, onOpen, linkTarget, linkComponent: LinkComponent, linkTargetAttribute, linkRel, className, ...rootProps }: KeepItemCardProps<TMeta>): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+type KeepItemCardMediaProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: ReactNode;
+    fallback?: ReactNode;
+};
+type KeepItemCardContentProps = HTMLAttributes<HTMLDivElement>;
+type KeepItemCardTitleProps = Omit<HTMLAttributes<HTMLHeadingElement>, "title"> & {
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+};
+type KeepItemCardTagsProps = HTMLAttributes<HTMLUListElement>;
+type KeepItemCardActionsProps = HTMLAttributes<HTMLDivElement>;
+type KeepItemCardSkeletonProps = Omit<HTMLAttributes<HTMLElement>, "children"> & {
+    layout?: KeepLayoutPreset;
+};
+/** A low-dependency item presentation primitive with composable card parts. */
+declare function KeepItemCardRoot<TMeta = Record<string, unknown>>({ item, title, getTitle, getImageProps, imageComponent: ImageComponent, renderImage, renderTags, showTags, showSavedAt, imageAlt, render, children, removeLabel, onRemoveError, onRemoved, onRetry, showSaveButton, saveButtonLabels, asChild, href: hrefOption, onOpen, linkTarget, linkComponent: LinkComponent, linkTargetAttribute, linkRel, className, ...rootProps }: KeepItemCardProps<TMeta>): react.JSX.Element;
+declare function KeepItemCardMedia({ children, fallback, ...props }: KeepItemCardMediaProps): react.JSX.Element;
+declare function KeepItemCardContent({ children, ...props }: KeepItemCardContentProps): react.JSX.Element;
+declare function KeepItemCardTitle({ as, children, ...props }: KeepItemCardTitleProps): react.DetailedReactHTMLElement<{
+    "data-keep-card-part": string;
+    onChange?: react.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onError?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    className?: string | undefined | undefined;
+    id?: string | undefined | undefined;
+    role?: react.AriaRole | undefined;
+    tabIndex?: number | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    style?: react.CSSProperties | undefined;
+    onClick?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCopyCapture?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCut?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCutCapture?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPaste?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPasteCapture?: react.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEnd?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEndCapture?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStart?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStartCapture?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdate?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onFocus?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onFocusCapture?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlurCapture?: react.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onChangeCapture?: react.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onBeforeInput?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: react.InputEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: react.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: react.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoad?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onErrorCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDownCapture?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPress?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPressCapture?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUp?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUpCapture?: react.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onAbort?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAbortCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlay?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThrough?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThroughCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChange?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChangeCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptied?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptiedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncrypted?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncryptedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEnded?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEndedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedData?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedDataCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadata?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadataCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStart?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStartCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPause?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPauseCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlay?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlaying?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayingCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgress?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgressCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChange?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChangeCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeked?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekedCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeking?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekingCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalled?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalledCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspend?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspendCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdate?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdateCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChange?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChangeCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaiting?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaitingCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClick?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClickCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClickCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenu?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenuCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClick?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClickCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDrag?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnd?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEndCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnter?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnterCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExit?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExitCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeave?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeaveCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOver?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOverCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStart?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStartCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDrop?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDropCapture?: react.DragEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDown?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDownCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseEnter?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMove?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMoveCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOut?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOutCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOver?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOverCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUp?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUpCapture?: react.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onSelect?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSelectCapture?: react.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancel?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancelCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEnd?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEndCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMove?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMoveCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStart?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStartCapture?: react.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDown?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDownCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMove?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMoveCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUp?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUpCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancel?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancelCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerEnter?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerLeave?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOver?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOverCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOut?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOutCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onScroll?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollCapture?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEnd?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEndCapture?: react.UIEventHandler<HTMLHeadingElement> | undefined;
+    onWheel?: react.WheelEventHandler<HTMLHeadingElement> | undefined;
+    onWheelCapture?: react.WheelEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStart?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStartCapture?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEnd?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEndCapture?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIteration?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIterationCapture?: react.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onToggle?: react.ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeToggle?: react.ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancel?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancelCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEnd?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEndCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRun?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRunCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStart?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStartCapture?: react.TransitionEventHandler<HTMLHeadingElement> | undefined;
+}, HTMLElement>;
+declare function KeepItemCardTags({ children, ...props }: KeepItemCardTagsProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react.JSX.Element | null;
+declare function KeepItemCardActions({ children, ...props }: KeepItemCardActionsProps): react.JSX.Element;
+declare const KeepItemCard: typeof KeepItemCardRoot & {
+    Media: typeof KeepItemCardMedia;
+    Content: typeof KeepItemCardContent;
+    Title: typeof KeepItemCardTitle;
+    Tags: typeof KeepItemCardTags;
+    Actions: typeof KeepItemCardActions;
+};
+/** A non-interactive placeholder that preserves the selected card layout while data loads. */
+declare function KeepItemCardSkeleton({ layout, ...props }: KeepItemCardSkeletonProps): react.JSX.Element;
 
 type KeepListState<TMeta = Record<string, unknown>> = UseKeepListResult<TMeta>;
 type KeepListProps<TMeta = Record<string, unknown>> = Omit<HTMLAttributes<HTMLElement>, "children"> & {
@@ -139,6 +505,9 @@ type KeepListProps<TMeta = Record<string, unknown>> = Omit<HTMLAttributes<HTMLEl
     children?: ReactNode | RenderProp<KeepListState<TMeta>>;
     renderItem?: (item: KeepItem<TMeta>, state: KeepListState<TMeta>) => ReactNode;
     loading?: ReactNode | RenderProp<KeepListState<TMeta>>;
+    /** Alias for `loading`. When neither is provided, layout-matched skeletons are rendered. */
+    renderLoading?: ReactNode | RenderProp<KeepListState<TMeta>>;
+    loadingCount?: number;
     empty?: ReactNode | RenderProp<KeepListState<TMeta>>;
     error?: ReactNode | RenderProp<KeepListState<TMeta>>;
     itemCardProps?: Omit<KeepItemCardProps<TMeta>, "item" | "children" | "render">;
@@ -182,7 +551,7 @@ declare function createNextPagesRouterAdapter(router: KeepPagesRouterLike): Keep
 declare function useKeepUrlSync<TMeta = Record<string, unknown>>({ enabled, query, onQueryChange, options, adapter: providedAdapter, }: KeepUrlSyncProps<TMeta>): void;
 
 type KeepCollectionFeature = "search" | "sort" | "pagination" | "tagFilter" | "bulkActions";
-type KeepLayoutPreset = "list" | "grid" | "compact";
+type KeepLayoutPreset = "list" | "grid" | "compact" | "auto";
 type KeepCollectionProps<TMeta = Record<string, unknown>> = Omit<HTMLAttributes<HTMLElement>, "children"> & {
     query?: KeepListQuery<TMeta>;
     pageSize?: number;
@@ -193,6 +562,9 @@ type KeepCollectionProps<TMeta = Record<string, unknown>> = Omit<HTMLAttributes<
     renderItem?: (item: KeepItem<TMeta>, state: KeepListState<TMeta>) => ReactNode;
     itemCardProps?: Omit<KeepItemCardProps<TMeta>, "item" | "children" | "render">;
     loading?: ReactNode | RenderProp<KeepListState<TMeta>>;
+    /** Alias for `loading`. When neither is provided, KeepList renders skeleton cards. */
+    renderLoading?: ReactNode | RenderProp<KeepListState<TMeta>>;
+    loadingCount?: number;
     empty?: ReactNode | RenderProp<KeepListState<TMeta>>;
     error?: ReactNode | RenderProp<KeepListState<TMeta>>;
     fallback?: KeepErrorBoundaryProps["fallback"];
@@ -223,7 +595,7 @@ type KeepLayoutProps = Omit<HTMLAttributes<HTMLElement>, "children"> & {
     layout?: KeepLayoutPreset;
     children?: ReactNode;
 };
-/** A style-free layout wrapper with a stable preset attribute for host or theme CSS. */
+/** A container-aware layout wrapper with a stable preset attribute for host or theme CSS. */
 declare function KeepLayout({ layout, children, ...props }: KeepLayoutProps): react.JSX.Element;
 
 type KeepNoteEditorState<TMeta = Record<string, unknown>> = {
@@ -435,39 +807,13 @@ type KeepThemeProviderProps = {
 /** Scopes KeepKit tokens and opt-in component styles to one subtree. */
 declare function KeepThemeProvider({ children, theme, mode, density, radius, accentColor, highContrast, reducedMotion, variables, style, className, asChild, ...props }: KeepThemeProviderProps): react.JSX.Element;
 
-type KeepUiLabelKey = "save" | "saved" | "remove" | "loading" | "saving" | "syncing" | "error" | "allTags" | "tags" | "filterTags" | "note" | "saveNote" | "noItems" | "loadingItems" | "errorItems" | "search" | "sort" | "newest" | "oldest" | "savedNewest" | "savedOldest" | "updatedNewest" | "updatedOldest" | "previousPage" | "nextPage" | "pagination" | "page" | "selectItems" | "selectedCount" | "deleteSelected" | "tagsToApply" | "applyTags" | "savedMessage" | "removedMessage" | "undo" | "undoAvailable" | "selectionScope" | "currentPage" | "searchResults" | "allItems" | "localVersion" | "remoteVersion" | "updatedAt" | "statusAvailable" | "noteSavedMessage" | "exportData" | "importData" | "importMode" | "merge" | "replace" | "importedCount" | "failedCount" | "storageQuotaError" | "statusExpired" | "statusRemoved" | "statusDeleted" | "statusPrivate" | "statusUnknown" | "retry" | "removeFromList" | "pruneStale" | "retrySync" | "resolveSync" | "keepLocal" | "useServer" | "manualMerge" | "close" | "backupRecovery" | "backupRecoveryDescription" | "syncPending" | "syncSynced" | "syncConflict";
-type KeepUiLabels = Partial<Record<KeepUiLabelKey, string>>;
-type KeepUiLocaleLabels = Record<KeepUiLabelKey, string>;
-
-declare const KEEP_BUILT_IN_LOCALES: readonly ["en", "ja", "ko", "zh-Hans", "zh-Hant", "th", "fr", "es", "pt-BR", "it", "de", "ru", "fil", "vi", "id", "ms"];
-type KeepUiLocale = (typeof KEEP_BUILT_IN_LOCALES)[number];
-declare function getKeepLocaleLabels(locale?: string): KeepUiLocaleLabels;
-
-type KeepUiLabelContext = {
-    locale?: string;
-    labels: Readonly<Record<KeepUiLabelKey, string>>;
-    customLabels?: KeepUiLabels;
-    labelResolver?: (key: KeepUiLabelKey, context: {
-        locale?: string;
-    }) => string | undefined;
-};
-type KeepUiProviderProps = {
-    labels?: KeepUiLabels;
-    locale?: string;
-    labelResolver?: KeepUiLabelContext["labelResolver"];
-    children?: ReactNode;
-};
-/** Provides one complete locale-aware label source to every UI primitive. */
-declare function KeepUiProvider({ labels, locale, labelResolver, children }: KeepUiProviderProps): react.JSX.Element;
-declare function useKeepUiLabels(): KeepUiLabelContext;
-
-type KeepKitProviderProps<TMeta = Record<string, unknown>> = Omit<KeepProviderProps<TMeta>, "children"> & Omit<KeepUiProviderProps, "children"> & Omit<KeepThemeProviderProps, "children"> & {
+type KeepKitProviderProps<TMeta = Record<string, unknown>> = Omit<KeepProviderProps<TMeta>, "children"> & Omit<KeepUiProviderProps<TMeta>, "children"> & Omit<KeepThemeProviderProps, "children"> & {
     children?: ReactNode;
 };
 /** Combines the core store, UI labels, and the global live announcer. */
-declare function KeepKitProvider<TMeta = Record<string, unknown>>({ labels, locale, labelResolver, theme, mode, density, radius, accentColor, highContrast, reducedMotion, variables, className: themeClassName, style: themeStyle, asChild: themeAsChild, children, ...providerProps }: KeepKitProviderProps<TMeta>): react.JSX.Element;
+declare function KeepKitProvider<TMeta = Record<string, unknown>>({ labels, locale, labelResolver, onFeedback, theme, mode, density, radius, accentColor, highContrast, reducedMotion, variables, className: themeClassName, style: themeStyle, asChild: themeAsChild, children, ...providerProps }: KeepKitProviderProps<TMeta>): react.JSX.Element;
 
-type CreateKeepKitOptions<TMeta = Record<string, unknown>> = CreateKeepKitOptions$1<TMeta> & Omit<KeepUiProviderProps, "children"> & {
+type CreateKeepKitOptions<TMeta = Record<string, unknown>> = CreateKeepKitOptions$1<TMeta> & Omit<KeepUiProviderProps<TMeta>, "children"> & {
     theme?: KeepThemeName;
     mode?: KeepThemeMode;
     density?: KeepThemeDensity;
@@ -494,4 +840,4 @@ type KeepKit<TMeta = Record<string, unknown>> = {
 /** Create one typed application API for the core and standard UI layer. */
 declare function createKeepKit<TMeta = Record<string, unknown>>(options?: CreateKeepKitOptions<TMeta>): KeepKit<TMeta>;
 
-export { type CreateKeepKitOptions, KeepAnnouncements, type KeepAnnouncementsProps, KeepAnnouncer, KeepBackup, type KeepBackupProps, KeepBulkActions, type KeepBulkActionsProps, type KeepBulkActionsState, KeepButton, type KeepButtonIcon, type KeepButtonIconProps, type KeepButtonIcons, type KeepButtonLabels, type KeepButtonProps, KeepCollection, type KeepCollectionFeature, type KeepCollectionProps, type KeepDisplayStatus, KeepEmptyState, type KeepEmptyStateProps, type KeepImageProps, KeepItemCard, type KeepItemCardLinkProps, type KeepItemCardProps, type KeepItemCardState, KeepItemCheckbox, type KeepItemCheckboxProps, KeepItemStatusBadge, type KeepItemStatusBadgeProps, type KeepKit, KeepKitProvider, type KeepKitProviderProps, KeepLayout, type KeepLayoutPreset, type KeepLayoutProps, KeepList, type KeepListProps, type KeepListState, KeepNoteEditor, type KeepNoteEditorProps, type KeepNoteEditorState, type KeepPagesRouterLike, KeepPagination, type KeepPaginationProps, type KeepPaginationState, KeepPruneStaleButton, type KeepPruneStaleButtonProps, KeepSearchInput, type KeepSearchInputProps, type KeepSelectionScope, KeepSortSelect, type KeepSortSelectProps, type KeepSortValue, KeepStaleNotice, type KeepStaleNoticeProps, KeepStatus, type KeepStatusLabels, type KeepStatusProps, type KeepStatusState, type KeepStatusValue, KeepSyncRecoveryDialog, type KeepSyncRecoveryDialogProps, KeepSyncStatusBanner, type KeepSyncStatusBannerProps, KeepTagEditor, type KeepTagEditorProps, type KeepTagEditorState, KeepTagFilter, type KeepTagFilterProps, type KeepTagFilterState, type KeepThemeDensity, type KeepThemeMode, type KeepThemeName, KeepThemeProvider, type KeepThemeProviderProps, type KeepThemeRadius, type KeepThemeVariables, type KeepUiLabelContext, type KeepUiLabelKey, type KeepUiLabels, type KeepUiLocale, type KeepUiLocaleLabels, KeepUiProvider, type KeepUiProviderProps, KeepUndo, type KeepUndoProps, type KeepUrlAdapter, type RenderProp, createKeepKit, createNextPagesRouterAdapter, getKeepLocaleLabels, isAllSelected, keepThemeNames, toggleSelectAll, useKeepUiLabels, useKeepUrlSync };
+export { type CreateKeepKitOptions, KeepAnnouncements, type KeepAnnouncementsProps, KeepAnnouncer, KeepBackup, type KeepBackupProps, KeepBulkActions, type KeepBulkActionsProps, type KeepBulkActionsState, KeepButton, type KeepButtonIcon, type KeepButtonIconProps, type KeepButtonIcons, type KeepButtonLabels, type KeepButtonProps, KeepCollection, type KeepCollectionFeature, type KeepCollectionProps, type KeepDisplayStatus, KeepEmptyState, type KeepEmptyStateProps, type KeepImageProps, KeepItemCard, type KeepItemCardActionsProps, type KeepItemCardContentProps, type KeepItemCardLinkProps, type KeepItemCardMediaProps, type KeepItemCardProps, KeepItemCardSkeleton, type KeepItemCardSkeletonProps, type KeepItemCardState, type KeepItemCardTagsProps, type KeepItemCardTitleProps, KeepItemCheckbox, type KeepItemCheckboxProps, KeepItemStatusBadge, type KeepItemStatusBadgeProps, type KeepKit, KeepKitProvider, type KeepKitProviderProps, KeepLayout, type KeepLayoutPreset, type KeepLayoutProps, KeepList, type KeepListProps, type KeepListState, KeepNoteEditor, type KeepNoteEditorProps, type KeepNoteEditorState, type KeepPagesRouterLike, KeepPagination, type KeepPaginationProps, type KeepPaginationState, KeepPruneStaleButton, type KeepPruneStaleButtonProps, KeepSearchInput, type KeepSearchInputProps, type KeepSelectionScope, KeepSortSelect, type KeepSortSelectProps, type KeepSortValue, KeepStaleNotice, type KeepStaleNoticeProps, KeepStatus, type KeepStatusLabels, type KeepStatusProps, type KeepStatusState, type KeepStatusValue, KeepSyncRecoveryDialog, type KeepSyncRecoveryDialogProps, KeepSyncStatusBanner, type KeepSyncStatusBannerProps, KeepTagEditor, type KeepTagEditorProps, type KeepTagEditorState, KeepTagFilter, type KeepTagFilterProps, type KeepTagFilterState, type KeepThemeDensity, type KeepThemeMode, type KeepThemeName, KeepThemeProvider, type KeepThemeProviderProps, type KeepThemeRadius, type KeepThemeVariables, type KeepToastFeedbackOptions, type KeepToastHandler, type KeepUiFeedbackEvent, type KeepUiLabelContext, type KeepUiLabelKey, type KeepUiLabels, type KeepUiLocale, type KeepUiLocaleLabels, KeepUiProvider, type KeepUiProviderProps, KeepUndo, type KeepUndoProps, type KeepUrlAdapter, type RenderProp, createKeepKit, createNextPagesRouterAdapter, getKeepLocaleLabels, isAllSelected, keepThemeNames, toggleSelectAll, useKeepToastFeedback, useKeepUiLabels, useKeepUrlSync };