@keepkit/ui 0.26.1 → 0.26.2

package/README.md

@@ -106,7 +106,7 @@ const onFeedback = useKeepToastFeedback(toast);
 <KeepKitProvider storage={storage} onFeedback={onFeedback}>{children}</KeepKitProvider>;
 ```
 
-v0.26.1では`KeepWorkspace`と型付きの`keep.Workspace`を追加しました。Tailwind CSS v4との統合、ホストテーマ変数との衝突回避、CSS cascade layer対応も引き続き利用できます。保存直後の`KeepSavePopover`自動編集、`KeepQuickEditorState.saveStatus`、`KeepItemCard.Save` / `KeepItemCard.Remove`、管理モード向け`KeepBulkActions`、通知からのコレクション再訪導線も引き続き利用できます。
+v0.26.2では`KeepWorkspace`と型付きの`keep.Workspace`を追加しました。Tailwind CSS v4との統合、ホストテーマ変数との衝突回避、CSS cascade layer対応も引き続き利用できます。保存直後の`KeepSavePopover`自動編集、`KeepQuickEditorState.saveStatus`、`KeepItemCard.Save` / `KeepItemCard.Remove`、管理モード向け`KeepBulkActions`、通知からのコレクション再訪導線も引き続き利用できます。
 Phase 4の状態UIとして`KeepItemStatusBadge`、`KeepStaleNotice`、`KeepPruneStaleButton`、`KeepSyncStatusBanner`、`KeepSyncRecoveryDialog`を利用できます。`import "@keepkit/ui/theme.css"`でテーマCSSを有効にできます。
 
 ### Tailwind／shadcnテーマ
@@ -243,7 +243,7 @@ const onFeedback = useKeepToastFeedback(toast);
 <KeepKitProvider storage={storage} onFeedback={onFeedback}>{children}</KeepKitProvider>;
 ```
 
-v0.26.1 adds `KeepWorkspace` and the typed `keep.Workspace`. Tailwind CSS v4 integration, host-theme isolation, and cascade-layer support remain available. `KeepSavePopover` post-save editing, `KeepQuickEditorState.saveStatus`, `KeepItemCard.Save` / `KeepItemCard.Remove`, management-mode `KeepBulkActions`, and notification-driven return to the collection remain available.
+v0.26.2 adds `KeepWorkspace` and the typed `keep.Workspace`. Tailwind CSS v4 integration, host-theme isolation, and cascade-layer support remain available. `KeepSavePopover` post-save editing, `KeepQuickEditorState.saveStatus`, `KeepItemCard.Save` / `KeepItemCard.Remove`, management-mode `KeepBulkActions`, and notification-driven return to the collection remain available.
 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.js

@@ -2140,11 +2140,12 @@ function getErrorMessage(error) {
 import {
   cloneElement,
   createContext as createContext2,
+  Fragment,
   isValidElement,
   useContext as useContext2,
   useMemo as useMemo2
 } from "react";
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 var KeepSearchQueryContext = createContext2(void 0);
 function KeepSearchQueryProvider({ query, children }) {
   return /* @__PURE__ */ jsx3(KeepSearchQueryContext.Provider, { value: query, children });
@@ -2181,7 +2182,7 @@ function highlightText(text, query) {
   }
   if (lastIndex === 0) return text;
   if (lastIndex < text.length) parts.push(text.slice(lastIndex));
-  return /* @__PURE__ */ jsx3(Fragment, { children: parts });
+  return /* @__PURE__ */ jsx3(Fragment2, { children: parts });
 }
 function escapeRegExp(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -2212,6 +2213,15 @@ function sortToValue(sort) {
 function resolveContent(content, state) {
   return typeof content === "function" ? content(state) : content;
 }
+function hasRenderableContent(content) {
+  if (content === null || content === void 0 || typeof content === "boolean") return false;
+  if (typeof content === "string") return content.length > 0;
+  if (Array.isArray(content)) return content.some(hasRenderableContent);
+  if (isValidElement(content) && content.type === Fragment) {
+    return hasRenderableContent(content.props.children);
+  }
+  return true;
+}
 function composeRefs(...refs) {
   return (value) => {
     for (const ref of refs) {
@@ -2418,7 +2428,7 @@ function getItemLabel(item) {
 }
 
 // src/features/actions/KeepBulkActions.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function KeepBulkActions({
   query,
   selectedIds: controlledSelectedIds,
@@ -2441,7 +2451,7 @@ function KeepBulkActions({
     controlledScope,
     onSelectionScopeChange
   });
-  const body = render ? render(state) : typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+  const body = render ? render(state) : typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs3(Fragment3, { children: [
     /* @__PURE__ */ jsxs3("fieldset", { children: [
       /* @__PURE__ */ jsx5("legend", { children: labels.selectItems }),
       /* @__PURE__ */ jsxs3("label", { children: [
@@ -2559,7 +2569,7 @@ function useKeepButton({ item, labels, icons, children }) {
 }
 
 // src/features/actions/KeepButton.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function KeepButton({
   labels,
   icons,
@@ -2604,7 +2614,7 @@ function KeepButton({
     const label = state.error ? labels?.error ?? view.labels.error : state.isMutating ? labels?.loading ?? view.labels.loading : state.isSaved ? labels?.saved ?? view.labels.saved : labels?.unsaved ?? view.labels.save;
     if (!icons) return label;
     const icon = state.error ? icons.error : state.isMutating ? icons.loading : state.isSaved ? icons.remove ?? icons.saved : icons.save;
-    return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs4(Fragment4, { children: [
       renderIcon(icon, iconClassName),
       showLabel && !iconOnly ? label : null
     ] });
@@ -2632,7 +2642,7 @@ function KeepButton({
     unsavedAriaLabel: labels?.unsavedAriaLabel ?? props.unsavedAriaLabel
   };
   if (!view.customStateLabel) return /* @__PURE__ */ jsx6(CoreKeepButton, { ...sharedProps });
-  return /* @__PURE__ */ jsx6(CoreKeepButton, { ...sharedProps, children: (state) => /* @__PURE__ */ jsx6(Fragment3, { children: getStateContent(state) }) });
+  return /* @__PURE__ */ jsx6(CoreKeepButton, { ...sharedProps, children: (state) => /* @__PURE__ */ jsx6(Fragment4, { children: getStateContent(state) }) });
 }
 function renderIcon(icon, className) {
   if (typeof icon === "function") return createElement(icon, { "aria-hidden": true, className });
@@ -2657,7 +2667,7 @@ import {
   useRef as useRef4,
   useState as useState3
 } from "react";
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function useKeepQuickEditor(item, options = {}) {
   const { debounceMs = 300, onSaved, onSaveError } = options;
   const itemState = useKeepItem3(item);
@@ -2814,7 +2824,7 @@ function KeepQuickEditorView({
     if (event.key === "Tab") trapFocus(event, focusScopeRef?.current ?? rootRef.current);
   };
   const statusMessage = state.saveStatus === "dirty" ? unsavedChangesLabel : state.saveStatus === "saving" ? savingLabel : state.saveStatus === "saved" ? savedLabel : state.saveStatus === "error" ? getErrorMessage2(state.error, errorLabel) : null;
-  const body = typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs5(Fragment4, { children: [
+  const body = typeof children === "function" ? children(state) : children ?? /* @__PURE__ */ jsxs5(Fragment5, { children: [
     /* @__PURE__ */ jsxs5("label", { children: [
       noteLabel,
       /* @__PURE__ */ jsx7("textarea", { value: state.note, onChange: (event) => state.setNote(event.currentTarget.value) })
@@ -3132,7 +3142,7 @@ import {
   isValidElement as isValidElement2,
   useRef as useRef6
 } from "react";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function KeepActiveFiltersSummary({
   query,
   search: providedSearch,
@@ -3193,7 +3203,7 @@ function KeepActiveFiltersSummary({
     removeTag: (tag) => onTagChange?.(tag)
   };
   const contentChildren = asChild && isElement(children) ? void 0 : children;
-  const body = typeof contentChildren === "function" ? contentChildren(state) : contentChildren ?? (hasFilters ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
+  const body = typeof contentChildren === "function" ? contentChildren(state) : contentChildren ?? (hasFilters ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
     /* @__PURE__ */ jsx10("span", { "data-active-filters-label": "true", children: activeFiltersLabel }),
     /* @__PURE__ */ jsxs8("ul", { "data-active-filters-list": "true", children: [
       search ? /* @__PURE__ */ jsxs8("li", { "data-filter-kind": "search", children: [
@@ -3576,7 +3586,7 @@ function getVisiblePages(currentPage, pageCount, maxPageButtons) {
 }
 
 // src/features/query/query-controls.tsx
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function KeepSearchInput({
   value: controlledValue,
   defaultValue = "",
@@ -3612,7 +3622,7 @@ function KeepSortSelect({
   ...props
 }) {
   const view = useKeepSortSelect({ controlledValue, defaultValue, onValueChange });
-  const options = children ?? /* @__PURE__ */ jsxs12(Fragment6, { children: [
+  const options = children ?? /* @__PURE__ */ jsxs12(Fragment7, { children: [
     /* @__PURE__ */ jsx14("option", { value: "updatedAt:desc", children: view.labels.updatedNewest }),
     /* @__PURE__ */ jsx14("option", { value: "updatedAt:asc", children: view.labels.updatedOldest }),
     /* @__PURE__ */ jsx14("option", { value: "savedAt:desc", children: view.labels.savedNewest }),
@@ -3869,7 +3879,7 @@ function getDisplayStatus(status) {
 }
 
 // src/features/item/KeepItemStatusBadge.tsx
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function KeepItemStatusBadge({ status = "available", label, className, ...props }) {
   const view = useKeepItemStatusBadge(status);
   return /* @__PURE__ */ jsxs13(
@@ -3906,15 +3916,15 @@ function StatusIcon({ name }) {
       focusable: "false",
       children: [
         name === "check" ? /* @__PURE__ */ jsx15("path", { d: "m5 12 4 4L19 6" }) : null,
-        name === "clock" ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+        name === "clock" ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
           /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "8" }),
           /* @__PURE__ */ jsx15("path", { d: "M12 7v5l3 2" })
         ] }) : null,
-        name === "ban" ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+        name === "ban" ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
           /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "8" }),
           /* @__PURE__ */ jsx15("path", { d: "m6.5 6.5 11 11" })
         ] }) : null,
-        name === "lock" ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
+        name === "lock" ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
           /* @__PURE__ */ jsx15("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }),
           /* @__PURE__ */ jsx15("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
         ] }) : null
@@ -4175,7 +4185,7 @@ function getDisplayStatus2(status) {
 }
 
 // src/features/item/KeepItemCard.tsx
-import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var KeepItemCardContext = createContext3(null);
 function useKeepItemCardCompound(part) {
   const context = useContext3(KeepItemCardContext);
@@ -4291,8 +4301,8 @@ function KeepItemCardRoot({
     /* @__PURE__ */ jsx17("time", { dateTime: new Date(item.savedAt).toISOString(), children: formatSavedAt(item.savedAt) })
   ] }) : null;
   const error = view.itemState.error ? /* @__PURE__ */ jsx17("p", { role: "alert", children: getErrorMessage3(view.itemState.error, view.labels.error) }) : null;
-  const actions = view.statusLabel ? /* @__PURE__ */ jsx17(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs15(Fragment8, { children: [
-    showEditButton ? /* @__PURE__ */ jsxs15(Fragment8, { children: [
+  const actions = view.statusLabel ? /* @__PURE__ */ jsx17(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs15(Fragment9, { children: [
+    showEditButton ? /* @__PURE__ */ jsxs15(Fragment9, { children: [
       /* @__PURE__ */ jsx17(
         "button",
         {
@@ -4338,7 +4348,7 @@ function KeepItemCardRoot({
     saveAriaLabel: `${view.labels.remove} ${String(view.resolvedTitle)}`,
     renderText: (content) => /* @__PURE__ */ jsx17(KeepHighlight, { query: searchQuery, children: content })
   };
-  const defaultBody = /* @__PURE__ */ jsxs15(Fragment8, { children: [
+  const defaultBody = /* @__PURE__ */ jsxs15(Fragment9, { children: [
     /* @__PURE__ */ jsx17(KeepItemCardMedia, {}),
     /* @__PURE__ */ jsx17(KeepItemCardContent, {}),
     /* @__PURE__ */ jsx17(KeepItemCardActions, {})
@@ -4371,7 +4381,7 @@ function KeepItemCardMedia({ children, fallback, ...props }) {
 }
 function KeepItemCardContent({ children, ...props }) {
   const context = useKeepItemCardCompound("Content");
-  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs15(Fragment8, { children: [
+  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs15(Fragment9, { children: [
     /* @__PURE__ */ jsx17(KeepItemCardTitle, {}),
     context.meta,
     /* @__PURE__ */ jsx17(KeepItemCardTags, {}),
@@ -4486,7 +4496,7 @@ function getErrorMessage3(error, fallback) {
 
 // src/features/status/KeepEmptyState.tsx
 import { isValidElement as isValidElement5 } from "react";
-import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function KeepEmptyState({
   title,
   description,
@@ -4505,7 +4515,7 @@ function KeepEmptyState({
   );
   const clearLabel = useUiLabel("clearFilters");
   const contentChildren = asChild && isValidElement5(children) ? void 0 : children;
-  const body = contentChildren ?? /* @__PURE__ */ jsxs16(Fragment9, { children: [
+  const body = contentChildren ?? /* @__PURE__ */ jsxs16(Fragment10, { children: [
     /* @__PURE__ */ jsx18("h2", { children: title ?? defaultTitle }),
     description ?? /* @__PURE__ */ jsx18("p", { children: defaultDescription }),
     action ?? (resolvedVariant === "empty-filtered" && onClearFilters ? /* @__PURE__ */ jsx18("button", { type: "button", "data-keep-action": "clear-filters", onClick: onClearFilters, children: clearLabel }) : null)
@@ -4710,7 +4720,7 @@ function KeepReorderableList({
 }
 
 // src/features/collection/KeepList.tsx
-import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function KeepList(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...listProps } = props;
   const content = /* @__PURE__ */ jsx20(KeepListContent, { ...listProps });
@@ -4795,7 +4805,7 @@ function getListBody(state, options) {
   if (state.isLoading && !state.isHydrated) {
     if (options.loading !== void 0) return resolveContent(options.loading, state);
     const count = Number.isFinite(options.loadingCount) ? Math.max(0, Math.floor(options.loadingCount)) : 6;
-    return /* @__PURE__ */ jsxs17(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs17(Fragment11, { children: [
       /* @__PURE__ */ jsx20("span", { role: "status", "data-keepkit": "loading-label", children: options.loadingLabel }),
       /* @__PURE__ */ jsx20("ul", { "data-keepkit": "skeleton-list", "data-layout": options.layout, children: Array.from({ length: count }, (_, index) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: Static loading placeholders never reorder.
@@ -4824,7 +4834,7 @@ function getListBody(state, options) {
           await options.reorder(orderedIds);
           await options.onReorder?.(orderedIds);
         },
-        renderItem: (item, reorderState) => /* @__PURE__ */ jsxs17(Fragment10, { children: [
+        renderItem: (item, reorderState) => /* @__PURE__ */ jsxs17(Fragment11, { children: [
           /* @__PURE__ */ jsx20("button", { type: "button", ...reorderState.dragHandleProps, children: "\u2195" }),
           options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx20(KeepItemCard, { item, ...options.itemCardProps })
         ] }),
@@ -4844,7 +4854,7 @@ function hasActiveQueryFilters(query) {
 }
 
 // src/features/collection/KeepCollection.tsx
-import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function KeepCollection(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...collectionProps } = props;
   const content = /* @__PURE__ */ jsx21(KeepCollectionContent, { ...collectionProps });
@@ -4912,11 +4922,11 @@ function KeepCollectionContent({
   const structuredToolbar = toolbarLayout === "grouped" || toolbarVariant === "panel" || slots?.toolbarStart !== void 0 || slots?.toolbarEnd !== void 0;
   const hasQueryControls = view.enabled.search || view.enabled.sort;
   const hasFilterControls = view.enabled.tagFilter || view.enabled.collectionFilter || archiveScope !== void 0;
-  const queryControls = hasQueryControls ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  const queryControls = hasQueryControls ? /* @__PURE__ */ jsxs18(Fragment12, { children: [
     view.enabled.search ? /* @__PURE__ */ jsx21(KeepSearchInput, { value: view.searchValue, onValueChange: view.setSearchValue }) : null,
     view.enabled.sort ? /* @__PURE__ */ jsx21(KeepSortSelect, { value: view.sortValue, onValueChange: view.setSortValue }) : null
   ] }) : null;
-  const filterControls = hasFilterControls ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  const filterControls = hasFilterControls ? /* @__PURE__ */ jsxs18(Fragment12, { children: [
     view.enabled.tagFilter ? /* @__PURE__ */ jsx21(KeepTagFilter, { query, value: view.activeTags[0], onValueChange: view.setTag }) : null,
     view.enabled.collectionFilter ? /* @__PURE__ */ jsx21(
       KeepCollectionFilter,
@@ -4947,10 +4957,19 @@ function KeepCollectionContent({
   const renderToolbarGroup = (group, content, label) => {
     if (!hasRenderableContent(content)) return null;
     const labelId = `${toolbarId}-${group}`;
-    return /* @__PURE__ */ jsxs18("fieldset", { "data-keepkit": "collection-toolbar-group", "data-group": group, "aria-labelledby": labelId, children: [
-      /* @__PURE__ */ jsx21("legend", { id: labelId, "data-keepkit": "collection-toolbar-label", children: label }),
-      /* @__PURE__ */ jsx21("div", { "data-keepkit": "collection-toolbar-content", children: content })
-    ] });
+    return /* @__PURE__ */ jsxs18(
+      "fieldset",
+      {
+        "data-keepkit": "collection-toolbar-group",
+        "data-group": group,
+        role: "group",
+        "aria-labelledby": labelId,
+        children: [
+          /* @__PURE__ */ jsx21("legend", { id: labelId, "data-keepkit": "collection-toolbar-label", children: label }),
+          /* @__PURE__ */ jsx21("div", { "data-keepkit": "collection-toolbar-content", children: content })
+        ]
+      }
+    );
   };
   const toolbar = !structuredToolbar ? /* @__PURE__ */ jsxs18("div", { children: [
     queryControls,
@@ -5023,9 +5042,6 @@ function getCollectionState(list) {
   if (list.isHydrated && list.items.length === 0) return "empty";
   return "ready";
 }
-function hasRenderableContent(content) {
-  return content !== null && content !== void 0 && content !== false && content !== true && content !== "";
-}
 
 // src/features/collection/KeepLayout.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
@@ -5132,7 +5148,7 @@ function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepNoteEditor.tsx
-import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function KeepNoteEditor({
   item,
   label,
@@ -5151,7 +5167,7 @@ function KeepNoteEditor({
   const view = useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError });
   const { error, isDirty, isSaving, note, setNote } = view.state;
   const contentChildren = asChild && isValidElement7(children) ? void 0 : children;
-  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs20(Fragment12, { children: [
+  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs20(Fragment13, { children: [
     /* @__PURE__ */ jsxs20("label", { children: [
       label ?? view.labels.note,
       /* @__PURE__ */ jsx24(
@@ -5265,7 +5281,7 @@ function useKeepTagEditor({ item, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepTagEditor.tsx
-import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function KeepTagEditor({
   item,
   availableTags = [],
@@ -5276,7 +5292,7 @@ function KeepTagEditor({
 }) {
   const view = useKeepTagEditor({ item, onSaved, onSaveError });
   const { isSaving, tags } = view.state;
-  const body = render ? render(view.state) : /* @__PURE__ */ jsxs21(Fragment13, { children: [
+  const body = render ? render(view.state) : /* @__PURE__ */ jsxs21(Fragment14, { children: [
     /* @__PURE__ */ jsxs21("label", { children: [
       view.labels.tags,
       /* @__PURE__ */ jsx25(
@@ -5375,7 +5391,7 @@ function isEditableTarget(target) {
 }
 
 // src/features/navigation/KeepTourBar.tsx
-import { Fragment as Fragment14, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function KeepTourBar({
   navigation: providedNavigation,
   currentId,
@@ -5445,7 +5461,7 @@ function KeepTourBar({
       return resolvedPrev();
     }
   });
-  const body = /* @__PURE__ */ jsxs22(Fragment14, { children: [
+  const body = /* @__PURE__ */ jsxs22(Fragment15, { children: [
     showProgress ? /* @__PURE__ */ jsx26("span", { "data-keepkit": "tour-progress", "aria-live": "polite", children: progress ?? `${navigation.currentPosition ?? 0} / ${navigation.items.length}` }) : null,
     /* @__PURE__ */ jsx26(
       TourAction,
@@ -5455,7 +5471,7 @@ function KeepTourBar({
         onClick: resolvedPrevHref ? notifyPrevNavigation : resolvedPrev,
         "data-keep-action": "tour-prev",
         shortcut: showShortcutHint ? shortcutOptions?.prevKeys?.[0] ?? "K" : void 0,
-        preview: navigation.prevItem ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
+        preview: navigation.prevItem ? /* @__PURE__ */ jsxs22(Fragment15, { children: [
           previousLabel,
           ": ",
           getItemTitle(navigation.prevItem)
@@ -5471,7 +5487,7 @@ function KeepTourBar({
         onClick: resolvedNextHref ? notifyNextNavigation : resolvedNext,
         "data-keep-action": "tour-next",
         shortcut: showShortcutHint ? shortcutOptions?.nextKeys?.[0] ?? "J" : void 0,
-        preview: navigation.nextItem ? /* @__PURE__ */ jsxs22(Fragment14, { children: [
+        preview: navigation.nextItem ? /* @__PURE__ */ jsxs22(Fragment15, { children: [
           nextItemLabel,
           ": ",
           getItemTitle(navigation.nextItem)
@@ -5491,7 +5507,7 @@ function KeepTourBar({
 }
 function TourAction({ href, disabled = false, onClick, children, preview, shortcut, ...props }) {
   const previewId = useId4();
-  const content = /* @__PURE__ */ jsxs22(Fragment14, { children: [
+  const content = /* @__PURE__ */ jsxs22(Fragment15, { children: [
     /* @__PURE__ */ jsx26("span", { "data-tour-label": "true", children }),
     shortcut ? /* @__PURE__ */ jsx26(KeepShortcutHint, { shortcut }) : null,
     preview ? /* @__PURE__ */ jsx26("small", { id: previewId, "data-tour-preview": "true", children: preview }) : null
@@ -6003,7 +6019,7 @@ function KeepWorkspace({
   const structuredRegions = surface !== void 0 && surface !== "plain";
   const region = (name, content) => {
     if (!structuredRegions) return content;
-    if (content === null || content === void 0 || content === false) return null;
+    if (!hasRenderableContent(content)) return null;
     const resolvedSurface = typeof surface === "string" ? surface : surface[name] ?? "plain";
     return /* @__PURE__ */ jsx30("div", { "data-keepkit": "workspace-region", "data-region": name, "data-surface": resolvedSurface, children: content });
   };