@keepkit/ui 0.26.4 → 0.27.0

package/dist/index.js

@@ -200,7 +200,10 @@ var DE_LABELS = {
   toolbarStart: "Sammlungsaktionen",
   toolbarQuery: "Suchen und sortieren",
   toolbarFilters: "Filter",
-  toolbarEnd: "Zus\xE4tzliche Aktionen"
+  toolbarEnd: "Zus\xE4tzliche Aktionen",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/en.ts
@@ -308,7 +311,10 @@ var EN_LABELS = {
   toolbarStart: "Collection actions",
   toolbarQuery: "Search and sort",
   toolbarFilters: "Filters",
-  toolbarEnd: "Additional actions"
+  toolbarEnd: "Additional actions",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/es.ts
@@ -416,7 +422,10 @@ var ES_LABELS = {
   toolbarStart: "Acciones de la colecci\xF3n",
   toolbarQuery: "Buscar y ordenar",
   toolbarFilters: "Filtros",
-  toolbarEnd: "Acciones adicionales"
+  toolbarEnd: "Acciones adicionales",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/fil.ts
@@ -524,7 +533,10 @@ var FIL_LABELS = {
   toolbarStart: "Mga aksyon ng koleksyon",
   toolbarQuery: "Maghanap at mag-ayos",
   toolbarFilters: "Mga filter",
-  toolbarEnd: "Mga karagdagang aksyon"
+  toolbarEnd: "Mga karagdagang aksyon",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/fr.ts
@@ -632,7 +644,10 @@ var FR_LABELS = {
   toolbarStart: "Actions de la collection",
   toolbarQuery: "Recherche et tri",
   toolbarFilters: "Filtres",
-  toolbarEnd: "Actions suppl\xE9mentaires"
+  toolbarEnd: "Actions suppl\xE9mentaires",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/id.ts
@@ -740,7 +755,10 @@ var ID_LABELS = {
   toolbarStart: "Tindakan koleksi",
   toolbarQuery: "Cari dan urutkan",
   toolbarFilters: "Filter",
-  toolbarEnd: "Tindakan tambahan"
+  toolbarEnd: "Tindakan tambahan",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/it.ts
@@ -848,7 +866,10 @@ var IT_LABELS = {
   toolbarStart: "Azioni della raccolta",
   toolbarQuery: "Cerca e ordina",
   toolbarFilters: "Filtri",
-  toolbarEnd: "Azioni aggiuntive"
+  toolbarEnd: "Azioni aggiuntive",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/ja.ts
@@ -956,7 +977,10 @@ var JA_LABELS = {
   toolbarStart: "\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3\u306E\u64CD\u4F5C",
   toolbarQuery: "\u691C\u7D22\u3068\u4E26\u3073\u66FF\u3048",
   toolbarFilters: "\u7D5E\u308A\u8FBC\u307F",
-  toolbarEnd: "\u8FFD\u52A0\u306E\u64CD\u4F5C"
+  toolbarEnd: "\u8FFD\u52A0\u306E\u64CD\u4F5C",
+  createCollection: "\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3\u3092\u4F5C\u6210",
+  createCollectionSubmit: "\u4F5C\u6210",
+  collectionName: "\u30B3\u30EC\u30AF\u30B7\u30E7\u30F3\u540D"
 };
 
 // src/locales/ko.ts
@@ -1064,7 +1088,10 @@ var KO_LABELS = {
   toolbarStart: "\uCEEC\uB809\uC158 \uC791\uC5C5",
   toolbarQuery: "\uAC80\uC0C9 \uBC0F \uC815\uB82C",
   toolbarFilters: "\uD544\uD130",
-  toolbarEnd: "\uCD94\uAC00 \uC791\uC5C5"
+  toolbarEnd: "\uCD94\uAC00 \uC791\uC5C5",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/ms.ts
@@ -1172,7 +1199,10 @@ var MS_LABELS = {
   toolbarStart: "Tindakan koleksi",
   toolbarQuery: "Cari dan susun",
   toolbarFilters: "Penapis",
-  toolbarEnd: "Tindakan tambahan"
+  toolbarEnd: "Tindakan tambahan",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/pt-BR.ts
@@ -1280,7 +1310,10 @@ var PT_BR_LABELS = {
   toolbarStart: "A\xE7\xF5es da cole\xE7\xE3o",
   toolbarQuery: "Pesquisar e ordenar",
   toolbarFilters: "Filtros",
-  toolbarEnd: "A\xE7\xF5es adicionais"
+  toolbarEnd: "A\xE7\xF5es adicionais",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/ru.ts
@@ -1388,7 +1421,10 @@ var RU_LABELS = {
   toolbarStart: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u043A\u043E\u043B\u043B\u0435\u043A\u0446\u0438\u0438",
   toolbarQuery: "\u041F\u043E\u0438\u0441\u043A \u0438 \u0441\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430",
   toolbarFilters: "\u0424\u0438\u043B\u044C\u0442\u0440\u044B",
-  toolbarEnd: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F"
+  toolbarEnd: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/th.ts
@@ -1496,7 +1532,10 @@ var TH_LABELS = {
   toolbarStart: "\u0E01\u0E32\u0E23\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E02\u0E2D\u0E07\u0E04\u0E2D\u0E25\u0E40\u0E25\u0E01\u0E0A\u0E31\u0E19",
   toolbarQuery: "\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E41\u0E25\u0E30\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07",
   toolbarFilters: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07",
-  toolbarEnd: "\u0E01\u0E32\u0E23\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21"
+  toolbarEnd: "\u0E01\u0E32\u0E23\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/vi.ts
@@ -1604,7 +1643,10 @@ var VI_LABELS = {
   toolbarStart: "Thao t\xE1c b\u1ED9 s\u01B0u t\u1EADp",
   toolbarQuery: "T\xECm ki\u1EBFm v\xE0 s\u1EAFp x\u1EBFp",
   toolbarFilters: "B\u1ED9 l\u1ECDc",
-  toolbarEnd: "Thao t\xE1c b\u1ED5 sung"
+  toolbarEnd: "Thao t\xE1c b\u1ED5 sung",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/zh-Hans.ts
@@ -1712,7 +1754,10 @@ var ZH_HANS_LABELS = {
   toolbarStart: "\u96C6\u5408\u64CD\u4F5C",
   toolbarQuery: "\u641C\u7D22\u548C\u6392\u5E8F",
   toolbarFilters: "\u7B5B\u9009",
-  toolbarEnd: "\u5176\u4ED6\u64CD\u4F5C"
+  toolbarEnd: "\u5176\u4ED6\u64CD\u4F5C",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/zh-Hant.ts
@@ -1820,7 +1865,10 @@ var ZH_HANT_LABELS = {
   toolbarStart: "\u96C6\u5408\u64CD\u4F5C",
   toolbarQuery: "\u641C\u5C0B\u8207\u6392\u5E8F",
   toolbarFilters: "\u7BE9\u9078",
-  toolbarEnd: "\u5176\u4ED6\u64CD\u4F5C"
+  toolbarEnd: "\u5176\u4ED6\u64CD\u4F5C",
+  createCollection: "Create collection",
+  createCollectionSubmit: "Create",
+  collectionName: "Collection name"
 };
 
 // src/locales/index.ts
@@ -1887,10 +1935,12 @@ import { jsx } from "react/jsx-runtime";
 var DEFAULT_LABELS = KEEP_LOCALE_LABELS.en;
 var KeepUiLabelsContext = createContext({
   labels: DEFAULT_LABELS,
+  labelVisibility: {},
   emitFeedback: () => void 0
 });
 function KeepUiProvider({
   labels,
+  labelOptions,
   locale,
   labelResolver,
   onFeedback,
@@ -1905,9 +1955,24 @@ function KeepUiProvider({
   const value = useMemo(() => {
     const resolvedLocale = normalizeKeepLocale(locale);
     const dictionary = getKeepLocaleLabels(resolvedLocale);
-    const resolved = { ...DEFAULT_LABELS, ...dictionary, ...labels };
-    return { locale: locale ?? resolvedLocale, labels: resolved, customLabels: labels, labelResolver, emitFeedback };
-  }, [emitFeedback, labelResolver, labels, locale]);
+    const resolved = { ...DEFAULT_LABELS, ...dictionary };
+    const labelVisibility = {};
+    for (const key of Object.keys(resolved)) {
+      const customLabel = labels?.[key];
+      const text = labelOptions?.[key]?.text ?? customLabel;
+      if (text !== void 0) resolved[key] = text;
+      labelVisibility[key] = labelOptions?.[key]?.visible !== false;
+    }
+    return {
+      locale: locale ?? resolvedLocale,
+      labels: resolved,
+      labelVisibility,
+      customLabels: labels,
+      labelOptions,
+      labelResolver,
+      emitFeedback
+    };
+  }, [emitFeedback, labelOptions, labelResolver, labels, locale]);
   return /* @__PURE__ */ jsx(KeepUiLabelsContext.Provider, { value, children });
 }
 function useKeepUiLabels() {
@@ -1915,7 +1980,10 @@ function useKeepUiLabels() {
 }
 function useUiLabel(key, override) {
   const context = useKeepUiLabels();
-  return override ?? context.customLabels?.[key] ?? context.labelResolver?.(key, { locale: context.locale }) ?? context.labels[key];
+  return override ?? context.labelOptions?.[key]?.text ?? context.customLabels?.[key] ?? context.labelResolver?.(key, { locale: context.locale }) ?? context.labels[key];
+}
+function useUiLabelVisibility(key) {
+  return useKeepUiLabels().labelVisibility?.[key] ?? true;
 }
 function useKeepUiFeedback() {
   const { emitFeedback } = useKeepUiLabels();
@@ -1937,6 +2005,9 @@ function KeepArchiveButton({
   const archive = useUiLabel("archive");
   const unarchive = useUiLabel("unarchive");
   const archivedLabel = useUiLabel("archived");
+  const showArchiveLabel = useUiLabelVisibility("archive");
+  const showUnarchiveLabel = useUiLabelVisibility("unarchive");
+  const showArchivedLabel = useUiLabelVisibility("archived");
   const isArchived = state.item?.archived === true;
   const isDisabled = disabled ?? state.isMutating;
   return /* @__PURE__ */ jsxs(
@@ -1948,10 +2019,11 @@ function KeepArchiveButton({
       "aria-pressed": isArchived,
       "data-archived": isArchived ? "true" : "false",
       "data-keep-action": "toggle-archive",
+      "aria-label": props["aria-label"] ?? (children === void 0 ? isArchived ? showUnarchiveLabel ? void 0 : unarchive : showArchiveLabel ? void 0 : archive : void 0),
       onClick: () => void state.toggleArchive().catch((error) => onToggleError?.(error)),
       children: [
-        typeof children === "function" ? children(state) : children ?? (isArchived ? unarchiveLabel ?? unarchive : archiveLabel ?? archive),
-        isArchived && children === void 0 ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
+        typeof children === "function" ? children(state) : children ?? (isArchived ? showUnarchiveLabel ? unarchiveLabel ?? unarchive : null : showArchiveLabel ? archiveLabel ?? archive : null),
+        isArchived && children === void 0 && showArchivedLabel ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
           " (",
           archivedLabel,
           ")"
@@ -1973,6 +2045,9 @@ function KeepPinButton({
   const pin = useUiLabel("pin");
   const unpin = useUiLabel("unpin");
   const pinnedLabel = useUiLabel("pinned");
+  const showPinLabel = useUiLabelVisibility("pin");
+  const showUnpinLabel = useUiLabelVisibility("unpin");
+  const showPinnedLabel = useUiLabelVisibility("pinned");
   const isPinned = state.item?.pinned === true;
   const isDisabled = disabled ?? state.isMutating;
   return /* @__PURE__ */ jsxs(
@@ -1984,10 +2059,11 @@ function KeepPinButton({
       "aria-pressed": isPinned,
       "data-pinned": isPinned ? "true" : "false",
       "data-keep-action": "toggle-pin",
+      "aria-label": props["aria-label"] ?? (children === void 0 ? isPinned ? showUnpinLabel ? void 0 : unpin : showPinLabel ? void 0 : pin : void 0),
       onClick: () => void state.togglePin().catch((error) => onToggleError?.(error)),
       children: [
-        typeof children === "function" ? children(state) : children ?? (isPinned ? unpinLabel ?? unpin : pinLabel ?? pin),
-        isPinned && children === void 0 ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
+        typeof children === "function" ? children(state) : children ?? (isPinned ? showUnpinLabel ? unpinLabel ?? unpin : null : showPinLabel ? pinLabel ?? pin : null),
+        isPinned && children === void 0 && showPinnedLabel ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
           " (",
           pinnedLabel,
           ")"
@@ -2068,6 +2144,9 @@ function KeepBackup({
   ...props
 }) {
   const view = useKeepBackup({ filename, onExport, onImported });
+  const showExportLabel = useUiLabelVisibility("exportData");
+  const showImportModeLabel = useUiLabelVisibility("importMode");
+  const showImportLabel = useUiLabelVisibility("importData");
   return /* @__PURE__ */ jsxs2(
     "section",
     {
@@ -2083,16 +2162,18 @@ function KeepBackup({
             "data-keep-action": "export-backup",
             onClick: () => void view.exportBackup(),
             disabled: view.isMutating,
-            children: view.labels.export
+            "aria-label": showExportLabel ? void 0 : view.labels.export,
+            children: showExportLabel ? view.labels.export : null
           }
         ),
         /* @__PURE__ */ jsxs2("label", { children: [
-          view.labels.importMode,
+          showImportModeLabel ? view.labels.importMode : null,
           /* @__PURE__ */ jsxs2(
             "select",
             {
               "data-keep-action": "select-import-mode",
               value: view.mode,
+              "aria-label": showImportModeLabel ? void 0 : view.labels.importMode,
               onChange: (event) => view.setMode(event.currentTarget.value),
               children: [
                 /* @__PURE__ */ jsx2("option", { value: "merge", children: view.labels.merge }),
@@ -2101,7 +2182,17 @@ function KeepBackup({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx2("button", { type: "button", "data-keep-action": "import-backup", onClick: view.openFilePicker, disabled: view.isMutating, children: view.labels.import }),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "data-keep-action": "import-backup",
+            onClick: view.openFilePicker,
+            disabled: view.isMutating,
+            "aria-label": showImportLabel ? void 0 : view.labels.import,
+            children: showImportLabel ? view.labels.import : null
+          }
+        ),
         /* @__PURE__ */ jsx2(
           "input",
           {
@@ -2451,15 +2542,22 @@ function KeepBulkActions({
     controlledScope,
     onSelectionScopeChange
   });
+  const showSelectItemsLabel = useUiLabelVisibility("selectItems");
+  const showSelectionScopeLabel = useUiLabelVisibility("selectionScope");
+  const showSelectedCountLabel = useUiLabelVisibility("selectedCount");
+  const showTagsLabel = useUiLabelVisibility("tagsToApply");
+  const showDeleteLabel = useUiLabelVisibility("deleteSelected");
+  const showApplyTagsLabel = useUiLabelVisibility("applyTags");
   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("fieldset", { "aria-label": showSelectItemsLabel ? void 0 : labels.selectItems, children: [
+      showSelectItemsLabel ? /* @__PURE__ */ jsx5("legend", { children: labels.selectItems }) : null,
       /* @__PURE__ */ jsxs3("label", { children: [
-        labels.selectionScope,
+        showSelectionScopeLabel ? labels.selectionScope : null,
         /* @__PURE__ */ jsxs3(
           "select",
           {
             "data-keep-action": "select-scope",
+            "aria-label": showSelectionScopeLabel ? void 0 : labels.selectionScope,
             value: state.selectionScope,
             onChange: (event) => state.setSelectionScope(event.currentTarget.value),
             children: [
@@ -2483,7 +2581,7 @@ function KeepBulkActions({
         ),
         state.selectedIds.length,
         " ",
-        labels.selectedCount
+        showSelectedCountLabel ? labels.selectedCount : null
       ] }),
       state.items.map((item) => /* @__PURE__ */ jsxs3("span", { children: [
         /* @__PURE__ */ jsx5(
@@ -2502,17 +2600,19 @@ function KeepBulkActions({
       {
         type: "button",
         "data-keep-action": "delete-selected",
+        "aria-label": showDeleteLabel ? void 0 : labels.deleteSelected,
         onClick: () => void state.remove(),
         disabled: state.selectedIds.length === 0 || state.isMutating,
-        children: labels.deleteSelected
+        children: showDeleteLabel ? labels.deleteSelected : null
       }
     ),
     /* @__PURE__ */ jsxs3("label", { children: [
-      labels.tags,
+      showTagsLabel ? labels.tags : null,
       /* @__PURE__ */ jsx5(
         "input",
         {
           "data-keep-action": "edit-tags",
+          "aria-label": showTagsLabel ? void 0 : labels.tags,
           value: state.tagsInput,
           onChange: (event) => state.setTagsInput(event.currentTarget.value)
         }
@@ -2523,9 +2623,10 @@ function KeepBulkActions({
       {
         type: "button",
         "data-keep-action": "apply-tags",
+        "aria-label": showApplyTagsLabel ? void 0 : labels.applyTags,
         onClick: () => void state.updateTags(),
         disabled: state.selectedIds.length === 0 || state.isMutating,
-        children: labels.applyTags
+        children: showApplyTagsLabel ? labels.applyTags : null
       }
     )
   ] });
@@ -2581,6 +2682,11 @@ function KeepButton({
   ...props
 }) {
   const view = useKeepButton({ item: props.item, labels, icons, children: props.children });
+  const removeLabel = useUiLabel("remove");
+  const showSaveLabel = useUiLabelVisibility("save");
+  const showSavedLabel = useUiLabelVisibility("saved");
+  const showLoadingLabel = useUiLabelVisibility("loading");
+  const showErrorLabel = useUiLabelVisibility("error");
   const pendingToggle = useRef3(null);
   useEffect2(() => {
     const pending = pendingToggle.current;
@@ -2612,11 +2718,12 @@ function KeepButton({
     if (typeof props.children === "function") return props.children(state);
     if (props.children !== void 0) return props.children;
     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 showStateLabel = state.error ? showErrorLabel : state.isMutating ? showLoadingLabel : state.isSaved ? showSavedLabel : showSaveLabel;
+    if (!icons) return showStateLabel ? label : null;
     const icon = state.error ? icons.error : state.isMutating ? icons.loading : state.isSaved ? icons.remove ?? icons.saved : icons.save;
     return /* @__PURE__ */ jsxs4(Fragment4, { children: [
       renderIcon(icon, iconClassName),
-      showLabel && !iconOnly ? label : null
+      showLabel && showStateLabel && !iconOnly ? label : null
     ] });
   };
   const sharedProps = {
@@ -2636,10 +2743,10 @@ function KeepButton({
     "data-has-custom-icon": icons ? "true" : void 0,
     "data-icon-only": iconOnly ? "true" : void 0,
     "aria-busy": props["aria-busy"] ?? (view.buttonState.isLoading || view.buttonState.isMutating),
-    savedLabel: labels?.saved ?? props.savedLabel ?? view.labels.saved,
-    unsavedLabel: labels?.unsaved ?? props.unsavedLabel ?? view.labels.save,
-    savedAriaLabel: labels?.savedAriaLabel ?? props.savedAriaLabel,
-    unsavedAriaLabel: labels?.unsavedAriaLabel ?? props.unsavedAriaLabel
+    savedLabel: showSavedLabel ? labels?.saved ?? props.savedLabel ?? view.labels.saved : null,
+    unsavedLabel: showSaveLabel ? labels?.unsaved ?? props.unsavedLabel ?? view.labels.save : null,
+    savedAriaLabel: labels?.savedAriaLabel ?? props.savedAriaLabel ?? (props.children === void 0 && !showSavedLabel ? removeLabel : void 0),
+    unsavedAriaLabel: labels?.unsavedAriaLabel ?? props.unsavedAriaLabel ?? (props.children === void 0 && !showSaveLabel ? view.labels.save : void 0)
   };
   if (!view.customStateLabel) return /* @__PURE__ */ jsx6(CoreKeepButton, { ...sharedProps });
   return /* @__PURE__ */ jsx6(CoreKeepButton, { ...sharedProps, children: (state) => /* @__PURE__ */ jsx6(Fragment4, { children: getStateContent(state) }) });
@@ -2801,11 +2908,16 @@ function KeepQuickEditorView({
   const collections = useKeepCollections({ targetType: state.item.targetType, orderBy: "name" });
   const rootRef = useRef4(null);
   const noteLabel = useUiLabel("note");
+  const showNoteLabel = useUiLabelVisibility("note");
   const tagsLabel = useUiLabel("tags");
+  const showTagsLabel = useUiLabelVisibility("tags");
   const collectionLabel = useUiLabel("collection");
+  const showCollectionLabel = useUiLabelVisibility("collection");
   const uncategorizedLabel = useUiLabel("uncategorized");
   const saveLabel = useUiLabel("saveWithNote");
+  const showSaveLabel = useUiLabelVisibility("saveWithNote");
   const closeLabel = useUiLabel("close");
+  const showCloseLabel = useUiLabelVisibility("close");
   const unsavedChangesLabel = useUiLabel("unsavedChanges");
   const savingLabel = useUiLabel("saving");
   const savedLabel = useUiLabel("saved");
@@ -2825,28 +2937,37 @@ function KeepQuickEditorView({
   };
   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(Fragment5, { children: [
-    /* @__PURE__ */ jsxs5("label", { children: [
-      noteLabel,
-      /* @__PURE__ */ jsx7("textarea", { value: state.note, onChange: (event) => state.setNote(event.currentTarget.value) })
+    /* @__PURE__ */ jsxs5("label", { "data-keep-field": "note", children: [
+      showNoteLabel ? /* @__PURE__ */ jsx7("span", { "data-keep-field-icon": true, children: noteLabel }) : null,
+      /* @__PURE__ */ jsx7(
+        "textarea",
+        {
+          value: state.note,
+          "aria-label": showNoteLabel ? void 0 : noteLabel,
+          onChange: (event) => state.setNote(event.currentTarget.value)
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxs5("label", { children: [
-      tagsLabel,
+    /* @__PURE__ */ jsxs5("label", { "data-keep-field": "tags", children: [
+      showTagsLabel ? /* @__PURE__ */ jsx7("span", { "data-keep-field-icon": true, children: tagsLabel }) : null,
       /* @__PURE__ */ jsx7(
         "input",
         {
           value: state.tags.join(", "),
+          "aria-label": showTagsLabel ? void 0 : tagsLabel,
           onChange: (event) => state.setTags(
             event.currentTarget.value.split(",").map((tag) => tag.trim()).filter(Boolean)
           )
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("label", { children: [
-      collectionLabel,
+    /* @__PURE__ */ jsxs5("label", { "data-keep-field": "collection", children: [
+      showCollectionLabel ? /* @__PURE__ */ jsx7("span", { "data-keep-field-icon": true, children: collectionLabel }) : null,
       /* @__PURE__ */ jsxs5(
         "select",
         {
           value: state.collectionId ?? "",
+          "aria-label": showCollectionLabel ? void 0 : collectionLabel,
           onChange: (event) => state.setCollectionId(event.currentTarget.value || void 0),
           children: [
             /* @__PURE__ */ jsx7("option", { value: "", children: uncategorizedLabel }),
@@ -2866,7 +2987,16 @@ function KeepQuickEditorView({
         children: statusMessage
       }
     ) : null,
-    showSaveButton ? /* @__PURE__ */ jsx7("button", { type: "submit", disabled: state.isSaving, "data-keep-action": "save-quick-edit", children: saveLabel }) : null,
+    showSaveButton ? /* @__PURE__ */ jsx7(
+      "button",
+      {
+        type: "submit",
+        disabled: state.isSaving,
+        "data-keep-action": "save-quick-edit",
+        "aria-label": showSaveLabel ? void 0 : saveLabel,
+        children: showSaveLabel ? saveLabel : null
+      }
+    ) : null,
     onClose ? /* @__PURE__ */ jsx7(
       "button",
       {
@@ -2874,7 +3004,8 @@ function KeepQuickEditorView({
         onClick: () => void state.flush().then(onClose).catch(() => void 0),
         disabled: state.isSaving,
         "data-keep-action": "close-quick-edit",
-        children: closeLabel
+        "aria-label": showCloseLabel ? void 0 : closeLabel,
+        children: showCloseLabel ? closeLabel : null
       }
     ) : null
   ] });
@@ -3112,6 +3243,7 @@ function useKeepUndo() {
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function KeepUndo({ children, label, ...props }) {
   const view = useKeepUndo();
+  const showLabel = useUiLabelVisibility("undo");
   if (!view.canUndo) return null;
   return /* @__PURE__ */ jsxs7("div", { ...props, role: "status", "aria-live": "polite", "data-keepkit": "undo", "data-state": "available", children: [
     /* @__PURE__ */ jsx9("span", { "data-keepkit": "undo-message", children: children ?? view.message }),
@@ -3129,13 +3261,22 @@ function KeepUndo({ children, label, ...props }) {
         "aria-valuetext": `${view.remainingSeconds}s`
       }
     ),
-    /* @__PURE__ */ jsx9("button", { type: "button", "data-keep-action": "undo", onClick: () => void view.undo(), children: label ?? view.label })
+    /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        "data-keep-action": "undo",
+        "aria-label": showLabel ? void 0 : view.label,
+        onClick: () => void view.undo(),
+        children: showLabel ? label ?? view.label : null
+      }
+    )
   ] });
 }
 
 // src/features/collection/KeepCollection.tsx
 import { KeepErrorBoundary as KeepErrorBoundary2 } from "@keepkit/core/react";
-import { useEffect as useEffect10, useId as useId3, useState as useState14 } from "react";
+import { useEffect as useEffect10, useId as useId4, useState as useState15 } from "react";
 
 // src/features/query/KeepActiveFiltersSummary.tsx
 import {
@@ -3159,6 +3300,7 @@ function KeepActiveFiltersSummary({
   const tags = normalizeTags(providedTags ?? query?.tags ?? []);
   const hasFilters = Boolean(search) || tags.length > 0;
   const activeFiltersLabel = useUiLabel("activeFilters");
+  const showActiveFiltersLabel = useUiLabelVisibility("activeFilters");
   const clearAllLabel = useUiLabel("clearAllFilters");
   const clearLabel = useUiLabel("clearFilters");
   const removeLabel = useUiLabel("removeFilter");
@@ -3204,7 +3346,7 @@ function KeepActiveFiltersSummary({
   };
   const contentChildren = asChild && isElement(children) ? void 0 : children;
   const body = typeof contentChildren === "function" ? contentChildren(state) : contentChildren ?? (hasFilters ? /* @__PURE__ */ jsxs8(Fragment6, { children: [
-    /* @__PURE__ */ jsx10("span", { "data-active-filters-label": "true", children: activeFiltersLabel }),
+    showActiveFiltersLabel ? /* @__PURE__ */ jsx10("span", { "data-active-filters-label": "true", children: activeFiltersLabel }) : null,
     /* @__PURE__ */ jsxs8("ul", { "data-active-filters-list": "true", children: [
       search ? /* @__PURE__ */ jsxs8("li", { "data-filter-kind": "search", children: [
         /* @__PURE__ */ jsx10("span", { "data-filter-value": "true", children: search }),
@@ -3386,6 +3528,7 @@ function KeepCollectionFilter({
   const collections = useKeepCollections2({ orderBy: "name" });
   const options = useCollectionOptions(collectionLabels, collections);
   const collectionLabel = useUiLabel("collection");
+  const showCollectionLabel = useUiLabelVisibility("collection");
   const defaultAllLabel = useUiLabel("allCollections");
   const defaultUncategorizedLabel = useUiLabel("uncategorized");
   const all = allLabel ?? defaultAllLabel;
@@ -3397,12 +3540,13 @@ function KeepCollectionFilter({
     onChange?.(resolved);
   };
   return /* @__PURE__ */ jsxs10("label", { "data-keepkit": "collection-filter", children: [
-    /* @__PURE__ */ jsx12("span", { children: collectionLabel }),
+    showCollectionLabel ? /* @__PURE__ */ jsx12("span", { children: collectionLabel }) : null,
     /* @__PURE__ */ jsxs10(
       "select",
       {
         ...props,
         value: selected,
+        "aria-label": props["aria-label"] ?? collectionLabel,
         onChange: (event) => handleChange(event.currentTarget.value),
         "data-keep-action": "filter-collection",
         children: [
@@ -3466,17 +3610,20 @@ function KeepTagFilter({
   ...rootProps
 }) {
   const view = useKeepTagFilter({ query, controlledValue, defaultValue, onChange, onValueChange });
+  const showFilterLabel = useUiLabelVisibility("filterTags");
+  const showAllTagsLabel = useUiLabelVisibility("allTags");
   const contentChildren = asChild && isValidElement3(children) ? void 0 : children;
-  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs11("fieldset", { children: [
-    /* @__PURE__ */ jsx13("legend", { children: ariaLabel ?? view.labels.aria }),
+  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs11("fieldset", { "aria-label": showFilterLabel ? void 0 : ariaLabel ?? view.labels.aria, children: [
+    showFilterLabel ? /* @__PURE__ */ jsx13("legend", { children: ariaLabel ?? view.labels.aria }) : null,
     /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
         "data-keep-action": "filter-all-tags",
         "aria-pressed": view.state.value === void 0,
+        "aria-label": showAllTagsLabel ? void 0 : view.labels.all,
         onClick: () => view.state.select(),
-        children: allLabel ?? view.labels.all
+        children: showAllTagsLabel ? allLabel ?? view.labels.all : null
       }
     ),
     view.state.tags.map((tag) => /* @__PURE__ */ jsxs11(
@@ -3653,6 +3800,8 @@ function KeepPagination({
   ...props
 }) {
   const view = useKeepPagination({ totalCount, pageSize, page, maxPageButtons, onPageChange });
+  const showPreviousLabel = useUiLabelVisibility("previousPage");
+  const showNextLabel = useUiLabelVisibility("nextPage");
   const navProps = {
     ...props,
     "data-keepkit": "pagination",
@@ -3669,7 +3818,8 @@ function KeepPagination({
         "data-keep-action": "previous-page",
         onClick: () => view.goToPage(view.currentPage - 1),
         disabled: view.currentPage <= 1,
-        children: view.labels.previous
+        "aria-label": showPreviousLabel ? void 0 : view.labels.previous,
+        children: showPreviousLabel ? view.labels.previous : null
       }
     ),
     view.visiblePages.map((nextPage) => /* @__PURE__ */ jsx14(
@@ -3691,7 +3841,8 @@ function KeepPagination({
         "data-keep-action": "next-page",
         onClick: () => view.goToPage(view.currentPage + 1),
         disabled: view.currentPage >= view.pageCount,
-        children: view.labels.next
+        "aria-label": showNextLabel ? void 0 : view.labels.next,
+        children: showNextLabel ? view.labels.next : null
       }
     )
   ] });
@@ -3718,6 +3869,7 @@ function useKeepCollection({
     tags: true,
     pin: false,
     archive: false,
+    note: false,
     ...features
   };
   const [searchValue, setSearchValue] = useState10(query.search?.query ?? "");
@@ -3823,6 +3975,102 @@ function scopeFromArchived(archived) {
   return archived === true ? "archived" : "active";
 }
 
+// src/features/collection/KeepCollectionCreate.tsx
+import { useKeepCollections as useKeepCollections3, useKeepContext as useKeepContext4 } from "@keepkit/core/react";
+import { useId as useId2, useState as useState11 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function KeepCollectionCreate({
+  onCreated,
+  onError,
+  label,
+  submitLabel,
+  placeholder,
+  id: externalId,
+  ...inputProps
+}) {
+  const { createCollection } = useKeepContext4();
+  const collections = useKeepCollections3();
+  const [name, setName] = useState11("");
+  const [error, setError] = useState11(null);
+  const [isSubmitting, setIsSubmitting] = useState11(false);
+  const autoId = useId2();
+  const inputId = externalId ?? autoId;
+  const resolvedLabel = useUiLabel("createCollection");
+  const showLabel = useUiLabelVisibility("createCollection");
+  const resolvedSubmitLabel = useUiLabel("createCollectionSubmit");
+  const showSubmitLabel = useUiLabelVisibility("createCollectionSubmit");
+  const placeholderText = useUiLabel("collectionName");
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    const normalizedId = trimmed.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+    if (!normalizedId) return;
+    const exists = collections.some((c) => c.id === normalizedId || c.name.toLowerCase() === trimmed.toLowerCase());
+    if (exists) {
+      const message = `Collection "${trimmed}" already exists.`;
+      setError(message);
+      onError?.(new Error(message));
+      return;
+    }
+    setError(null);
+    setIsSubmitting(true);
+    try {
+      await createCollection(normalizedId, trimmed);
+      setName("");
+      onCreated?.(normalizedId);
+    } catch (cause) {
+      const message = cause instanceof Error ? cause.message : "Failed to create collection.";
+      setError(message);
+      onError?.(cause);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs13(
+    "form",
+    {
+      "data-keepkit": "collection-create",
+      "data-state": error ? "error" : isSubmitting ? "submitting" : "idle",
+      onSubmit: handleSubmit,
+      children: [
+        showLabel ? /* @__PURE__ */ jsx15("label", { htmlFor: inputId, children: label ?? resolvedLabel }) : null,
+        /* @__PURE__ */ jsxs13("div", { "data-keepkit": "collection-create-row", children: [
+          /* @__PURE__ */ jsx15(
+            "input",
+            {
+              ...inputProps,
+              id: inputId,
+              type: "text",
+              value: name,
+              onChange: (event) => {
+                setName(event.currentTarget.value);
+                if (error) setError(null);
+              },
+              placeholder: placeholder ?? placeholderText,
+              disabled: isSubmitting,
+              "aria-label": showLabel ? void 0 : resolvedLabel,
+              "aria-invalid": error ? "true" : void 0,
+              "data-keep-action": "collection-name-input"
+            }
+          ),
+          /* @__PURE__ */ jsx15(
+            "button",
+            {
+              type: "submit",
+              disabled: isSubmitting || !name.trim(),
+              "aria-label": showSubmitLabel ? void 0 : resolvedSubmitLabel,
+              "data-keep-action": "create-collection",
+              children: showSubmitLabel ? submitLabel ?? resolvedSubmitLabel : null
+            }
+          )
+        ] }),
+        error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: error }) : null
+      ]
+    }
+  );
+}
+
 // src/features/collection/KeepList.tsx
 import { KeepErrorBoundary } from "@keepkit/core/react";
 import { isValidElement as isValidElement6 } from "react";
@@ -3834,9 +4082,9 @@ import {
   isValidElement as isValidElement4,
   useContext as useContext3,
   useEffect as useEffect8,
-  useId as useId2,
+  useId as useId3,
   useRef as useRef7,
-  useState as useState12
+  useState as useState13
 } from "react";
 
 // src/features/item/hooks/useKeepItemStatusBadge.ts
@@ -3879,10 +4127,10 @@ function getDisplayStatus(status) {
 }
 
 // src/features/item/KeepItemStatusBadge.tsx
-import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function KeepItemStatusBadge({ status = "available", label, className, ...props }) {
   const view = useKeepItemStatusBadge(status);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "span",
     {
       ...props,
@@ -3893,14 +4141,14 @@ function KeepItemStatusBadge({ status = "available", label, className, ...props
       "data-status": status,
       "data-item-status": view.resolvedStatus,
       children: [
-        /* @__PURE__ */ jsx15(StatusIcon, { name: view.icon }),
-        /* @__PURE__ */ jsx15("span", { "data-status-label": "true", children: label ?? view.statusLabel })
+        /* @__PURE__ */ jsx16(StatusIcon, { name: view.icon }),
+        /* @__PURE__ */ jsx16("span", { "data-status-label": "true", children: label ?? view.statusLabel })
       ]
     }
   );
 }
 function StatusIcon({ name }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "svg",
     {
       "data-status-icon": name,
@@ -3915,18 +4163,18 @@ function StatusIcon({ name }) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        name === "check" ? /* @__PURE__ */ jsx15("path", { d: "m5 12 4 4L19 6" }) : null,
-        name === "clock" ? /* @__PURE__ */ jsxs13(Fragment8, { children: [
-          /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "8" }),
-          /* @__PURE__ */ jsx15("path", { d: "M12 7v5l3 2" })
+        name === "check" ? /* @__PURE__ */ jsx16("path", { d: "m5 12 4 4L19 6" }) : null,
+        name === "clock" ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
+          /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "8" }),
+          /* @__PURE__ */ jsx16("path", { d: "M12 7v5l3 2" })
         ] }) : null,
-        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" })
+        name === "ban" ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
+          /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "8" }),
+          /* @__PURE__ */ jsx16("path", { d: "m6.5 6.5 11 11" })
         ] }) : null,
-        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" })
+        name === "lock" ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
+          /* @__PURE__ */ jsx16("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }),
+          /* @__PURE__ */ jsx16("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
         ] }) : null
       ]
     }
@@ -3934,16 +4182,16 @@ function StatusIcon({ name }) {
 }
 
 // src/features/status/hooks/useKeepStaleNotice.ts
-import { useKeepContext as useKeepContext4 } from "@keepkit/core/react";
-import { useState as useState11 } from "react";
+import { useKeepContext as useKeepContext5 } from "@keepkit/core/react";
+import { useState as useState12 } from "react";
 function useKeepStaleNotice({ item, onRetry, onRemoved }) {
-  const context = useKeepContext4();
+  const context = useKeepContext5();
   const emitFeedback = useKeepUiFeedback();
   const removedMessage = useUiLabel("removedMessage");
   const restoredMessage = useUiLabel("restoredMessage");
   const undoLabel = useUiLabel("undo");
-  const [isRetrying, setIsRetrying] = useState11(false);
-  const [error, setError] = useState11(null);
+  const [isRetrying, setIsRetrying] = useState12(false);
+  const [error, setError] = useState12(null);
   async function retry() {
     setError(null);
     setIsRetrying(true);
@@ -3989,7 +4237,7 @@ function useKeepStaleNotice({ item, onRetry, onRemoved }) {
   };
 }
 function useKeepPruneStale({ statuses, onPruned }) {
-  const context = useKeepContext4();
+  const context = useKeepContext5();
   const emitFeedback = useKeepUiFeedback();
   const staleItems = context.items.filter((item) => item.status && statuses.includes(item.status));
   const staleIds = staleItems.map((item) => item.id);
@@ -4023,7 +4271,7 @@ function useKeepPruneStale({ statuses, onPruned }) {
 }
 
 // src/features/status/KeepStaleNotice.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function KeepStaleNotice({
   item,
   onRetry,
@@ -4035,32 +4283,36 @@ function KeepStaleNotice({
   ...props
 }) {
   const view = useKeepStaleNotice({ item, onRetry, onRemoved });
-  return /* @__PURE__ */ jsxs14("aside", { ...props, className, "data-keepkit": "stale-notice", "data-state": view.error ? "error" : "stale", children: [
-    /* @__PURE__ */ jsx16(KeepItemStatusBadge, { status: view.status }),
-    children ?? (item.statusReason ? /* @__PURE__ */ jsx16("p", { children: item.statusReason }) : null),
-    /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx16(
+  const showRetryLabel = useUiLabelVisibility("retry");
+  const showRemoveLabel = useUiLabelVisibility("removeFromList");
+  return /* @__PURE__ */ jsxs15("aside", { ...props, className, "data-keepkit": "stale-notice", "data-state": view.error ? "error" : "stale", children: [
+    /* @__PURE__ */ jsx17(KeepItemStatusBadge, { status: view.status }),
+    children ?? (item.statusReason ? /* @__PURE__ */ jsx17("p", { children: item.statusReason }) : null),
+    /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
           "data-keep-action": "retry-item",
           onClick: () => void view.retry(),
           disabled: view.isRetrying || view.isMutating,
-          children: retryLabel ?? view.labels.retry
+          "aria-label": showRetryLabel ? void 0 : view.labels.retry,
+          children: showRetryLabel ? retryLabel ?? view.labels.retry : null
         }
       ),
-      /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(
         "button",
         {
           type: "button",
           "data-keep-action": "remove-item",
           onClick: () => void view.remove(),
           disabled: view.isMutating,
-          children: removeLabel ?? view.labels.remove
+          "aria-label": showRemoveLabel ? void 0 : view.labels.remove,
+          children: showRemoveLabel ? removeLabel ?? view.labels.remove : null
         }
       )
     ] }),
-    view.error ? /* @__PURE__ */ jsx16("p", { role: "alert", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
+    view.error ? /* @__PURE__ */ jsx17("p", { role: "alert", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
   ] });
 }
 function KeepPruneStaleButton({
@@ -4072,7 +4324,8 @@ function KeepPruneStaleButton({
   ...props
 }) {
   const view = useKeepPruneStale({ statuses, onPruned });
-  return /* @__PURE__ */ jsx16(
+  const showLabel = useUiLabelVisibility("pruneStale");
+  return /* @__PURE__ */ jsx17(
     "button",
     {
       ...props,
@@ -4082,8 +4335,9 @@ function KeepPruneStaleButton({
       "data-keep-action": "prune-stale",
       "data-state": view.staleIds.length > 0 ? "available" : "empty",
       disabled: view.staleIds.length === 0 || view.isMutating || disabled,
+      "aria-label": showLabel ? void 0 : view.label,
       onClick: () => void view.prune(),
-      children: children ?? label ?? `${view.label} (${view.staleIds.length})`
+      children: showLabel ? children ?? label ?? `${view.label} (${view.staleIds.length})` : null
     }
   );
 }
@@ -4185,7 +4439,7 @@ function getDisplayStatus2(status) {
 }
 
 // src/features/item/KeepItemCard.tsx
-import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var KeepItemCardContext = createContext3(null);
 function useKeepItemCardCompound(part) {
   const context = useContext3(KeepItemCardContext);
@@ -4201,6 +4455,7 @@ function KeepItemCardRoot({
   renderImage,
   renderTags,
   showTags = true,
+  showNote = false,
   showSavedAt = true,
   collectionLabels,
   imageAlt,
@@ -4243,10 +4498,12 @@ function KeepItemCardRoot({
   const contextQuery = useKeepSearchQuery();
   const searchQuery = highlightQuery ?? contextQuery;
   const contentChildren = asChild && isValidElement4(children) ? void 0 : children;
-  const [isEditOpen, setEditOpen] = useState12(false);
+  const [isEditOpen, setEditOpen] = useState13(false);
   const editTriggerRef = useRef7(null);
-  const editPanelId = useId2();
+  const editPanelId = useId3();
   const editLabel = useUiLabel("editSavedItem");
+  const showEditLabel = useUiLabelVisibility("editSavedItem");
+  const showSavedAtLabel = useUiLabelVisibility("saved");
   const closeEdit = () => setEditOpen(false);
   useEffect8(() => {
     if (!isEditOpen) editTriggerRef.current?.focus();
@@ -4260,16 +4517,16 @@ function KeepItemCardRoot({
       onClick: (event) => onOpen?.(item, event),
       children: content
     };
-    return LinkComponent ? /* @__PURE__ */ jsx17(LinkComponent, { ...linkProps }) : /* @__PURE__ */ jsx17("a", { ...linkProps });
+    return LinkComponent ? /* @__PURE__ */ jsx18(LinkComponent, { ...linkProps }) : /* @__PURE__ */ jsx18("a", { ...linkProps });
   }
   function renderTitle(content) {
     if (linkTarget !== "title") return content;
     if (view.isAvailable) return renderLink(content);
-    return view.href ? /* @__PURE__ */ jsx17("span", { "aria-disabled": "true", "data-link-disabled": "true", children: content }) : content;
+    return view.href ? /* @__PURE__ */ jsx18("span", { "aria-disabled": "true", "data-link-disabled": "true", children: content }) : content;
   }
   const resolvedImageProps = view.imageProps ? { ...view.imageProps, alt: imageAlt ?? view.imageProps.alt } : void 0;
   const imageSource = resolvedImageProps?.src;
-  const [imageStatus, setImageStatus] = useState12(imageSource ? "loading" : "error");
+  const [imageStatus, setImageStatus] = useState13(imageSource ? "loading" : "error");
   useEffect8(() => {
     setImageStatus(imageSource ? "loading" : "error");
   }, [imageSource]);
@@ -4288,44 +4545,47 @@ function KeepItemCardRoot({
         setImageStatus("error");
       }
     };
-    image = renderImage?.(imagePropsWithHandlers, item) ?? (ImageComponent ? /* @__PURE__ */ jsx17(ImageComponent, { ...imagePropsWithHandlers }) : /* @__PURE__ */ jsx17("img", { ...imagePropsWithHandlers, alt: imagePropsWithHandlers.alt }));
+    image = renderImage?.(imagePropsWithHandlers, item) ?? (ImageComponent ? /* @__PURE__ */ jsx18(ImageComponent, { ...imagePropsWithHandlers }) : /* @__PURE__ */ jsx18("img", { ...imagePropsWithHandlers, alt: imagePropsWithHandlers.alt }));
   }
   const tags = showTags ? item.tags ?? [] : [];
   const renderedTags = showTags && tags.length > 0 ? renderTags?.(tags, item) ?? null : null;
-  const meta = showSavedAt ? /* @__PURE__ */ jsxs15("div", { "data-card-meta": true, children: [
-    /* @__PURE__ */ jsxs15("span", { children: [
+  const meta = showSavedAt ? /* @__PURE__ */ jsxs16("div", { "data-card-meta": true, children: [
+    showSavedAtLabel ? /* @__PURE__ */ jsxs16("span", { children: [
       view.labels.savedAt,
       ":"
-    ] }),
-    " ",
-    /* @__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(Fragment9, { children: [
-    showEditButton ? /* @__PURE__ */ jsxs15(Fragment9, { children: [
-      /* @__PURE__ */ jsx17(
-        "button",
-        {
-          ref: editTriggerRef,
-          type: "button",
-          "data-keep-action": "edit",
-          "aria-label": editLabel,
-          "aria-haspopup": "dialog",
-          "aria-expanded": isEditOpen,
-          "aria-controls": editPanelId,
-          onClick: () => {
-            onEdit?.(item);
-            setEditOpen(true);
-          },
-          children: editLabel
-        }
-      ),
-      isEditOpen ? /* @__PURE__ */ jsx17("div", { id: editPanelId, role: "dialog", "aria-label": editLabel, "data-keepkit": "item-edit-dialog", children: editSlot ? editSlot(item, closeEdit) : /* @__PURE__ */ jsx17(KeepQuickEditor, { item: view.itemState.item ?? item, onClose: closeEdit }) }) : null
     ] }) : null,
-    showSaveButton ? /* @__PURE__ */ jsx17(KeepItemCardSave, {}) : null,
-    showPinButton ? /* @__PURE__ */ jsx17(KeepItemCardPin, {}) : null,
-    showArchiveButton ? /* @__PURE__ */ jsx17(KeepItemCardArchive, {}) : null,
-    /* @__PURE__ */ jsx17(KeepItemCardRemove, {})
+    showSavedAtLabel ? " " : null,
+    /* @__PURE__ */ jsx18("time", { dateTime: new Date(item.savedAt).toISOString(), children: formatSavedAt(item.savedAt) })
+  ] }) : null;
+  const error = view.itemState.error ? /* @__PURE__ */ jsx18("p", { role: "alert", children: getErrorMessage3(view.itemState.error, view.labels.error) }) : null;
+  const actions = view.statusLabel ? /* @__PURE__ */ jsx18(KeepStaleNotice, { item, onRetry, onRemoved }) : /* @__PURE__ */ jsxs16(Fragment9, { children: [
+    showEditButton ? isEditOpen ? /* @__PURE__ */ jsx18("div", { id: editPanelId, role: "dialog", "aria-label": editLabel, "data-keepkit": "item-edit-dialog", children: editSlot ? editSlot(item, closeEdit) : /* @__PURE__ */ jsx18(KeepQuickEditor, { item: view.itemState.item ?? item, onClose: closeEdit }) }) : /* @__PURE__ */ jsx18(
+      "button",
+      {
+        ref: editTriggerRef,
+        type: "button",
+        "data-keep-action": "edit",
+        "aria-label": showEditLabel ? void 0 : editLabel,
+        "aria-haspopup": "dialog",
+        "aria-expanded": false,
+        "aria-controls": editPanelId,
+        onClick: () => {
+          onEdit?.(item);
+          setEditOpen(true);
+        },
+        children: showEditLabel ? editLabel : null
+      }
+    ) : null,
+    isEditOpen ? null : /* @__PURE__ */ jsxs16(Fragment9, { children: [
+      showSaveButton ? /* @__PURE__ */ jsx18(KeepItemCardSave, {}) : null,
+      showPinButton ? /* @__PURE__ */ jsx18(KeepItemCardPin, {}) : null,
+      showArchiveButton ? /* @__PURE__ */ jsx18(KeepItemCardArchive, {}) : null,
+      /* @__PURE__ */ jsx18(KeepItemCardRemove, {})
+    ] }),
+    isEditOpen && (showPinButton || showArchiveButton) ? /* @__PURE__ */ jsxs16("div", { "data-keep-card-part": "actions-secondary", children: [
+      showPinButton ? /* @__PURE__ */ jsx18(KeepItemCardPin, {}) : null,
+      showArchiveButton ? /* @__PURE__ */ jsx18(KeepItemCardArchive, {}) : null
+    ] }) : null
   ] });
   const compoundValue = {
     item,
@@ -4335,6 +4595,7 @@ function KeepItemCardRoot({
     image: imageStatus === "error" ? null : image,
     imageStatus,
     fallbackLabel: String(view.resolvedTitle),
+    note: showNote ? item.note : void 0,
     tags,
     tagsLabel: view.labels.tags,
     renderedTags,
@@ -4346,12 +4607,12 @@ function KeepItemCardRoot({
     remove: view.remove,
     isMutating: view.itemState.isMutating,
     saveAriaLabel: `${view.labels.remove} ${String(view.resolvedTitle)}`,
-    renderText: (content) => /* @__PURE__ */ jsx17(KeepHighlight, { query: searchQuery, children: content })
+    renderText: (content) => /* @__PURE__ */ jsx18(KeepHighlight, { query: searchQuery, children: content })
   };
-  const defaultBody = /* @__PURE__ */ jsxs15(Fragment9, { children: [
-    /* @__PURE__ */ jsx17(KeepItemCardMedia, {}),
-    /* @__PURE__ */ jsx17(KeepItemCardContent, {}),
-    /* @__PURE__ */ jsx17(KeepItemCardActions, {})
+  const defaultBody = /* @__PURE__ */ jsxs16(Fragment9, { children: [
+    /* @__PURE__ */ jsx18(KeepItemCardMedia, {}),
+    /* @__PURE__ */ jsx18(KeepItemCardContent, {}),
+    /* @__PURE__ */ jsx18(KeepItemCardActions, {})
   ] });
   const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? defaultBody;
   const linkedBody = linkTarget === "card" && view.isAvailable ? renderLink(body) : body;
@@ -4373,18 +4634,19 @@ function KeepItemCardRoot({
     linkedBody,
     "KeepItemCard"
   );
-  return /* @__PURE__ */ jsx17(KeepItemCardContext.Provider, { value: compoundValue, children: root });
+  return /* @__PURE__ */ jsx18(KeepItemCardContext.Provider, { value: compoundValue, children: root });
 }
 function KeepItemCardMedia({ children, fallback, ...props }) {
   const context = useKeepItemCardCompound("Media");
-  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "media", "data-media-status": context.imageStatus, "data-aspect-ratio": "1/1", children: children ?? context.image ?? /* @__PURE__ */ jsx17("span", { role: "img", "aria-label": context.fallbackLabel, "data-keep-card-fallback": "true", children: fallback ?? /* @__PURE__ */ jsx17(KeepMediaPlaceholderIcon, {}) }) });
+  return /* @__PURE__ */ jsx18("div", { ...props, "data-keep-card-part": "media", "data-media-status": context.imageStatus, "data-aspect-ratio": "1/1", children: children ?? context.image ?? /* @__PURE__ */ jsx18("span", { role: "img", "aria-label": context.fallbackLabel, "data-keep-card-fallback": "true", children: fallback ?? /* @__PURE__ */ jsx18(KeepMediaPlaceholderIcon, {}) }) });
 }
 function KeepItemCardContent({ children, ...props }) {
   const context = useKeepItemCardCompound("Content");
-  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs15(Fragment9, { children: [
-    /* @__PURE__ */ jsx17(KeepItemCardTitle, {}),
+  return /* @__PURE__ */ jsx18("div", { ...props, "data-keep-card-part": "content", children: children === void 0 ? /* @__PURE__ */ jsxs16(Fragment9, { children: [
+    /* @__PURE__ */ jsx18(KeepItemCardTitle, {}),
     context.meta,
-    /* @__PURE__ */ jsx17(KeepItemCardTags, {}),
+    context.note ? /* @__PURE__ */ jsx18("p", { "data-keep-card-part": "memo-preview", "data-line-clamp": "2", children: context.note }) : null,
+    /* @__PURE__ */ jsx18(KeepItemCardTags, {}),
     context.error
   ] }) : context.renderText(children) });
 }
@@ -4397,8 +4659,8 @@ function KeepItemCardTitle({ as = "h3", children, ...props }) {
   );
 }
 function KeepMediaPlaceholderIcon() {
-  return /* @__PURE__ */ jsxs15("svg", { "data-media-fallback-icon": "true", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16("svg", { "data-media-fallback-icon": "true", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx18(
       "path",
       {
         d: "M4 5.5A1.5 1.5 0 0 1 5.5 4h13A1.5 1.5 0 0 1 20 5.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18.5v-13Z",
@@ -4406,23 +4668,23 @@ function KeepMediaPlaceholderIcon() {
         stroke: "currentColor"
       }
     ),
-    /* @__PURE__ */ jsx17("circle", { cx: "9", cy: "9", r: "1.5", fill: "currentColor" }),
-    /* @__PURE__ */ jsx17("path", { d: "m5.5 18 4.5-4.5 3 3 2-2L19 18", fill: "none", stroke: "currentColor" })
+    /* @__PURE__ */ jsx18("circle", { cx: "9", cy: "9", r: "1.5", fill: "currentColor" }),
+    /* @__PURE__ */ jsx18("path", { d: "m5.5 18 4.5-4.5 3 3 2-2L19 18", fill: "none", stroke: "currentColor" })
   ] });
 }
 function KeepItemCardTags({ children, ...props }) {
   const context = useKeepItemCardCompound("Tags");
   if (children === void 0 && context.renderedTags) return context.renderedTags;
   if (children === void 0 && context.tags.length === 0) return null;
-  return /* @__PURE__ */ jsx17("ul", { ...props, "aria-label": props["aria-label"] ?? context.tagsLabel, "data-keep-card-part": "tags", children: children ?? context.tags.map((tag) => /* @__PURE__ */ jsx17("li", { children: tag }, tag)) });
+  return /* @__PURE__ */ jsx18("ul", { ...props, "aria-label": props["aria-label"] ?? context.tagsLabel, "data-keep-card-part": "tags", children: children ?? context.tags.map((tag) => /* @__PURE__ */ jsx18("li", { children: tag }, tag)) });
 }
 function KeepItemCardActions({ children, ...props }) {
   const context = useKeepItemCardCompound("Actions");
-  return /* @__PURE__ */ jsx17("div", { ...props, "data-keep-card-part": "actions", children: children ?? context.actions });
+  return /* @__PURE__ */ jsx18("div", { ...props, "data-keep-card-part": "actions", children: children ?? context.actions });
 }
 function KeepItemCardSave({ labels, getAriaLabel, ...props }) {
   const context = useKeepItemCardCompound("Save");
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     KeepButton,
     {
       ...props,
@@ -4435,7 +4697,7 @@ function KeepItemCardSave({ labels, getAriaLabel, ...props }) {
 }
 function KeepItemCardRemove({ children, disabled, onClick, ...props }) {
   const context = useKeepItemCardCompound("Remove");
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "button",
     {
       ...props,
@@ -4452,19 +4714,19 @@ function KeepItemCardRemove({ children, disabled, onClick, ...props }) {
 }
 function KeepItemCardPin({ children, ...props }) {
   const context = useKeepItemCardCompound("Pin");
-  return /* @__PURE__ */ jsx17(KeepPinButton, { ...props, item: context.item, children });
+  return /* @__PURE__ */ jsx18(KeepPinButton, { ...props, item: context.item, children });
 }
 function KeepItemCardArchive({
   children,
   ...props
 }) {
   const context = useKeepItemCardCompound("Archive");
-  return /* @__PURE__ */ jsx17(KeepArchiveButton, { ...props, item: context.item, children });
+  return /* @__PURE__ */ jsx18(KeepArchiveButton, { ...props, item: context.item, children });
 }
 function KeepItemCardCollectionBadge({ children, ...props }) {
   const context = useKeepItemCardCompound("CollectionBadge");
   if (!context.item.collectionId) return null;
-  return /* @__PURE__ */ jsx17("span", { ...props, "data-keep-card-part": "collection-badge", children: children ?? context.collectionLabel });
+  return /* @__PURE__ */ jsx18("span", { ...props, "data-keep-card-part": "collection-badge", children: children ?? context.collectionLabel });
 }
 var KeepItemCard = Object.assign(KeepItemCardRoot, {
   Media: KeepItemCardMedia,
@@ -4479,12 +4741,12 @@ var KeepItemCard = Object.assign(KeepItemCardRoot, {
   CollectionBadge: KeepItemCardCollectionBadge
 });
 function KeepItemCardSkeleton({ layout = "list", ...props }) {
-  return /* @__PURE__ */ jsxs15("article", { ...props, "aria-hidden": "true", "data-keepkit": "card-skeleton", "data-layout": layout, "data-state": "loading", children: [
-    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "media" }),
-    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "title" }),
-    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "meta" }),
-    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "tag" }),
-    /* @__PURE__ */ jsx17("span", { "data-skeleton-part": "tag" })
+  return /* @__PURE__ */ jsxs16("article", { ...props, "aria-hidden": "true", "data-keepkit": "card-skeleton", "data-layout": layout, "data-state": "loading", children: [
+    /* @__PURE__ */ jsx18("span", { "data-skeleton-part": "media" }),
+    /* @__PURE__ */ jsx18("span", { "data-skeleton-part": "title" }),
+    /* @__PURE__ */ jsx18("span", { "data-skeleton-part": "meta" }),
+    /* @__PURE__ */ jsx18("span", { "data-skeleton-part": "tag" }),
+    /* @__PURE__ */ jsx18("span", { "data-skeleton-part": "tag" })
   ] });
 }
 function formatSavedAt(timestamp) {
@@ -4496,7 +4758,7 @@ function getErrorMessage3(error, fallback) {
 
 // src/features/status/KeepEmptyState.tsx
 import { isValidElement as isValidElement5 } from "react";
-import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function KeepEmptyState({
   title,
   description,
@@ -4515,10 +4777,10 @@ function KeepEmptyState({
   );
   const clearLabel = useUiLabel("clearFilters");
   const contentChildren = asChild && isValidElement5(children) ? void 0 : 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)
+  const body = contentChildren ?? /* @__PURE__ */ jsxs17(Fragment10, { children: [
+    /* @__PURE__ */ jsx19("h2", { children: title ?? defaultTitle }),
+    description ?? /* @__PURE__ */ jsx19("p", { children: defaultDescription }),
+    action ?? (resolvedVariant === "empty-filtered" && onClearFilters ? /* @__PURE__ */ jsx19("button", { type: "button", "data-keep-action": "clear-filters", onClick: onClearFilters, children: clearLabel }) : null)
   ] });
   return renderRoot(
     asChild,
@@ -4609,8 +4871,8 @@ function useRovingTabIndex() {
 }
 
 // src/features/collection/KeepReorderableList.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function KeepReorderableList({
   items,
   onReorder,
@@ -4618,8 +4880,8 @@ function KeepReorderableList({
   itemLabel = (_item, index) => `Move item ${index + 1}`,
   ...props
 }) {
-  const [draggedId, setDraggedId] = useState13(null);
-  const [dropTargetIndex, setDropTargetIndex] = useState13(null);
+  const [draggedId, setDraggedId] = useState14(null);
+  const [dropTargetIndex, setDropTargetIndex] = useState14(null);
   const ids = items.map((item) => item.id);
   function commit(nextIds) {
     void onReorder(nextIds);
@@ -4644,7 +4906,7 @@ function KeepReorderableList({
     if (next[index] === id) return;
     commit(next);
   }
-  return /* @__PURE__ */ jsx19("ul", { ...props, "data-keepkit": "reorderable-list", children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx20("ul", { ...props, "data-keepkit": "reorderable-list", children: items.map((item, index) => {
     const moveUp = () => move(index, index - 1);
     const moveDown = () => move(index, index + 1);
     const onHandleKeyDown = (event) => {
@@ -4688,7 +4950,7 @@ function KeepReorderableList({
         onKeyDown: onHandleKeyDown
       }
     };
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "li",
       {
         "data-reorder-index": index,
@@ -4720,12 +4982,12 @@ function KeepReorderableList({
 }
 
 // src/features/collection/KeepList.tsx
-import { Fragment as Fragment11, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function KeepList(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...listProps } = props;
-  const content = /* @__PURE__ */ jsx20(KeepListContent, { ...listProps });
+  const content = /* @__PURE__ */ jsx21(KeepListContent, { ...listProps });
   if (fallback === void 0 && onBoundaryError === void 0) return content;
-  return /* @__PURE__ */ jsx20(KeepErrorBoundary, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
+  return /* @__PURE__ */ jsx21(KeepErrorBoundary, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
 }
 function KeepListContent({
   query,
@@ -4790,7 +5052,7 @@ function KeepListContent({
         if (!event.defaultPrevented) roving.onFocusCapture(event);
       }
     },
-    /* @__PURE__ */ jsx20(KeepSearchQueryProvider, { query: query?.search?.query, children: body }),
+    /* @__PURE__ */ jsx21(KeepSearchQueryProvider, { query: query?.search?.query, children: body }),
     "KeepList"
   );
 }
@@ -4805,17 +5067,17 @@ 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(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) => (
+    return /* @__PURE__ */ jsxs18(Fragment11, { children: [
+      /* @__PURE__ */ jsx21("span", { role: "status", "data-keepkit": "loading-label", children: options.loadingLabel }),
+      /* @__PURE__ */ jsx21("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.
-        /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(KeepItemCardSkeleton, { layout: options.layout }) }, index)
+        /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(KeepItemCardSkeleton, { layout: options.layout }) }, index)
       )) })
     ] });
   }
   if (state.isHydrated && state.items.length === 0) {
     if (options.empty !== void 0) return resolveContent(options.empty, state);
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       KeepEmptyState,
       {
         variant: options.allItemCount > 0 && hasActiveQueryFilters(options.query) ? "empty-filtered" : "empty-storage",
@@ -4826,7 +5088,7 @@ function getListBody(state, options) {
   if (typeof options.children === "function") return options.children(state);
   if (options.children !== void 0 && !isValidElement6(options.children)) return options.children;
   if (options.reorderable) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       KeepReorderableList,
       {
         items: state.items,
@@ -4834,16 +5096,16 @@ function getListBody(state, options) {
           await options.reorder(orderedIds);
           await options.onReorder?.(orderedIds);
         },
-        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 })
+        renderItem: (item, reorderState) => /* @__PURE__ */ jsxs18(Fragment11, { children: [
+          /* @__PURE__ */ jsx21("button", { type: "button", ...reorderState.dragHandleProps, children: "\u2195" }),
+          options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx21(KeepItemCard, { item, ...options.itemCardProps })
         ] }),
         "data-layout": options.layout
       }
     );
   }
-  return /* @__PURE__ */ jsx20("ul", { "data-layout": options.layout, children: state.items.map(
-    (item) => options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsx20(KeepItemCard, { item, ...options.itemCardProps }) }, item.id)
+  return /* @__PURE__ */ jsx21("ul", { "data-layout": options.layout, children: state.items.map(
+    (item) => options.renderItem ? options.renderItem(item, state) : /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21(KeepItemCard, { item, ...options.itemCardProps }) }, item.id)
   ) });
 }
 function hasActiveQueryFilters(query) {
@@ -4854,12 +5116,12 @@ function hasActiveQueryFilters(query) {
 }
 
 // src/features/collection/KeepCollection.tsx
-import { Fragment as Fragment12, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
 function KeepCollection(props) {
   const { fallback, onBoundaryError, boundaryResetKey, ...collectionProps } = props;
-  const content = /* @__PURE__ */ jsx21(KeepCollectionContent, { ...collectionProps });
+  const content = /* @__PURE__ */ jsx22(KeepCollectionContent, { ...collectionProps });
   if (fallback === void 0 && onBoundaryError === void 0) return content;
-  return /* @__PURE__ */ jsx21(KeepErrorBoundary2, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
+  return /* @__PURE__ */ jsx22(KeepErrorBoundary2, { fallback, onError: onBoundaryError, resetKey: boundaryResetKey, children: content });
 }
 function KeepCollectionContent({
   query = {},
@@ -4876,6 +5138,7 @@ function KeepCollectionContent({
   features,
   slots,
   collectionLabels,
+  creatable = false,
   renderItem,
   itemCardProps,
   loading,
@@ -4888,7 +5151,7 @@ function KeepCollectionContent({
   ...rootProps
 }) {
   const view = useKeepCollection({ query, pageSize, urlSync, urlAdapter, features, archiveScope });
-  const [reorderUndoIds, setReorderUndoIds] = useState14(null);
+  const [reorderUndoIds, setReorderUndoIds] = useState15(null);
   const reorderUndoLabel = useUiLabel("undoReorder");
   const handleReorder = async (orderedIds) => {
     const previousIds = view.list.items.map((item) => item.id);
@@ -4916,19 +5179,21 @@ function KeepCollectionContent({
     ...itemCardProps,
     showTags: itemCardProps?.showTags ?? view.enabled.tags,
     showPinButton: itemCardProps?.showPinButton ?? view.enabled.pin,
-    showArchiveButton: itemCardProps?.showArchiveButton ?? view.enabled.archive
+    showArchiveButton: itemCardProps?.showArchiveButton ?? view.enabled.archive,
+    showEditButton: itemCardProps?.showEditButton ?? view.enabled.note,
+    showNote: itemCardProps?.showNote ?? view.enabled.note
   };
-  const toolbarId = useId3();
-  const structuredToolbar = toolbarLayout === "grouped" || toolbarVariant === "panel" || slots?.toolbarStart !== void 0 || slots?.toolbarEnd !== void 0;
+  const toolbarId = useId4();
+  const structuredToolbar = toolbarLayout === "grouped" || toolbarVariant === "panel" || creatable || 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(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
+  const queryControls = hasQueryControls ? /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    view.enabled.search ? /* @__PURE__ */ jsx22(KeepSearchInput, { value: view.searchValue, onValueChange: view.setSearchValue }) : null,
+    view.enabled.sort ? /* @__PURE__ */ jsx22(KeepSortSelect, { value: view.sortValue, onValueChange: view.setSortValue }) : null
   ] }) : null;
-  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(
+  const filterControls = hasFilterControls ? /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    view.enabled.tagFilter ? /* @__PURE__ */ jsx22(KeepTagFilter, { query, value: view.activeTags[0], onValueChange: view.setTag }) : null,
+    view.enabled.collectionFilter ? /* @__PURE__ */ jsx22(
       KeepCollectionFilter,
       {
         value: view.activeCollection,
@@ -4936,7 +5201,7 @@ function KeepCollectionContent({
         collectionLabels
       }
     ) : null,
-    archiveScope !== void 0 ? /* @__PURE__ */ jsx21(
+    archiveScope !== void 0 ? /* @__PURE__ */ jsx22(
       KeepArchiveScopeSelect,
       {
         value: view.archiveScope,
@@ -4952,12 +5217,13 @@ function KeepCollectionContent({
   const toolbarFiltersLabel = useUiLabel("toolbarFilters");
   const toolbarEndLabel = useUiLabel("toolbarEnd");
   const toolbarStartContent = slots?.toolbarStart === void 0 ? null : resolveContent(slots.toolbarStart, view.list);
-  const toolbarEndContent = slots?.toolbarEnd === void 0 ? null : resolveContent(slots.toolbarEnd, view.list);
+  const creatableContent = creatable ? /* @__PURE__ */ jsx22(KeepCollectionCreate, {}) : null;
+  const toolbarEndContent = creatableContent ?? (slots?.toolbarEnd === void 0 ? null : resolveContent(slots.toolbarEnd, view.list));
   const hasToolbarContent = hasQueryControls || hasFilterControls || hasRenderableContent(toolbarStartContent) || hasRenderableContent(toolbarEndContent);
   const renderToolbarGroup = (group, content, label) => {
     if (!hasRenderableContent(content)) return null;
     const labelId = `${toolbarId}-${group}`;
-    return /* @__PURE__ */ jsxs18(
+    return /* @__PURE__ */ jsxs19(
       "fieldset",
       {
         "data-keepkit": "collection-toolbar-group",
@@ -4965,22 +5231,22 @@ function KeepCollectionContent({
         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 })
+          /* @__PURE__ */ jsx22("legend", { id: labelId, "data-keepkit": "collection-toolbar-label", children: label }),
+          /* @__PURE__ */ jsx22("div", { "data-keepkit": "collection-toolbar-content", children: content })
         ]
       }
     );
   };
-  const toolbar = !structuredToolbar ? /* @__PURE__ */ jsxs18("div", { children: [
+  const toolbar = !structuredToolbar ? /* @__PURE__ */ jsxs19("div", { children: [
     queryControls,
     filterControls
-  ] }) : !hasToolbarContent ? null : /* @__PURE__ */ jsxs18("div", { "data-keepkit": "collection-toolbar", "data-variant": toolbarVariant, "data-layout": toolbarLayout, children: [
+  ] }) : !hasToolbarContent ? null : /* @__PURE__ */ jsxs19("div", { "data-keepkit": "collection-toolbar", "data-variant": toolbarVariant, "data-layout": toolbarLayout, children: [
     renderToolbarGroup("toolbarStart", toolbarStartContent, toolbarStartLabel),
     renderToolbarGroup("query", queryControls, toolbarQueryLabel),
     renderToolbarGroup("filters", filterControls, toolbarFiltersLabel),
     renderToolbarGroup("toolbarEnd", toolbarEndContent, toolbarEndLabel)
   ] });
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "section",
     {
       ...rootProps,
@@ -4994,7 +5260,7 @@ function KeepCollectionContent({
       "data-loading": view.list.isLoading || view.list.isMutating ? "true" : void 0,
       children: [
         toolbar,
-        activeFilters === void 0 ? /* @__PURE__ */ jsx21(
+        activeFilters === void 0 ? /* @__PURE__ */ jsx22(
           KeepActiveFiltersSummary,
           {
             search: view.searchValue,
@@ -5004,7 +5270,7 @@ function KeepCollectionContent({
             onClear: view.clearFilters
           }
         ) : resolveContent(activeFilters, view.list),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(
           KeepList,
           {
             query: view.resolvedQuery,
@@ -5021,7 +5287,7 @@ function KeepCollectionContent({
             error
           }
         ),
-        view.enabled.pagination ? /* @__PURE__ */ jsx21(
+        view.enabled.pagination ? /* @__PURE__ */ jsx22(
           KeepPagination,
           {
             totalCount: view.list.totalCount,
@@ -5030,8 +5296,8 @@ function KeepCollectionContent({
             onPageChange: view.setPage
           }
         ) : null,
-        view.enabled.bulkActions ? /* @__PURE__ */ jsx21(KeepBulkActions, { query: view.resolvedQuery }) : null,
-        reorderable && reorderUndoIds ? /* @__PURE__ */ jsx21("div", { "data-keepkit": "reorder-feedback", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx21("button", { type: "button", "data-keep-action": "undo-reorder", onClick: () => void undoReorder(), children: reorderUndoLabel }) }) : null
+        view.enabled.bulkActions ? /* @__PURE__ */ jsx22(KeepBulkActions, { query: view.resolvedQuery }) : null,
+        reorderable && reorderUndoIds ? /* @__PURE__ */ jsx22("div", { "data-keepkit": "reorder-feedback", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsx22("button", { type: "button", "data-keep-action": "undo-reorder", onClick: () => void undoReorder(), children: reorderUndoLabel }) }) : null
       ]
     }
   );
@@ -5044,12 +5310,12 @@ function getCollectionState(list) {
 }
 
 // src/features/collection/KeepLayout.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function KeepLayout({ layout = "list", children, onKeyDown, onFocusCapture, ...props }) {
   const roving = useRovingTabIndex();
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: The group manages keyboard focus for descendant cards.
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "div",
       {
         ...props,
@@ -5076,7 +5342,7 @@ function KeepLayout({ layout = "list", children, onKeyDown, onFocusCapture, ...p
 import { isValidElement as isValidElement7 } from "react";
 
 // src/features/navigation/KeepShortcutHint.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function KeepShortcutHint({ shortcut, separator = "+", ...props }) {
   const keys = typeof shortcut === "string" ? shortcut.split("+") : [...shortcut];
   const occurrences = /* @__PURE__ */ new Map();
@@ -5085,19 +5351,19 @@ function KeepShortcutHint({ shortcut, separator = "+", ...props }) {
     occurrences.set(key, occurrence + 1);
     return { id: `${key}-${occurrence}`, value: key };
   });
-  return /* @__PURE__ */ jsx23("span", { ...props, "data-keepkit": "shortcut-hint", "aria-hidden": props["aria-hidden"] ?? true, children: keyedKeys.map((key, index) => /* @__PURE__ */ jsxs19("span", { children: [
-    index > 0 ? /* @__PURE__ */ jsx23("span", { "data-shortcut-separator": "true", children: separator }) : null,
-    /* @__PURE__ */ jsx23("kbd", { children: key.value.trim() })
+  return /* @__PURE__ */ jsx24("span", { ...props, "data-keepkit": "shortcut-hint", "aria-hidden": props["aria-hidden"] ?? true, children: keyedKeys.map((key, index) => /* @__PURE__ */ jsxs20("span", { children: [
+    index > 0 ? /* @__PURE__ */ jsx24("span", { "data-shortcut-separator": "true", children: separator }) : null,
+    /* @__PURE__ */ jsx24("kbd", { children: key.value.trim() })
   ] }, key.id)) });
 }
 
 // src/features/editor/hooks/useKeepNoteEditor.ts
 import { useKeepItem as useKeepItem6 } from "@keepkit/core/react";
-import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef9, useState as useState15 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect11, useRef as useRef9, useState as useState16 } from "react";
 function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
   const itemState = useKeepItem6(item);
   const { error, isMutating, item: savedItem, updateNote } = itemState;
-  const [note, setNote] = useState15(item.note ?? "");
+  const [note, setNote] = useState16(item.note ?? "");
   const baselineNote = savedItem?.note ?? item.note ?? "";
   const isDirty = note !== baselineNote;
   const lastSavedNoteRef = useRef9(void 0);
@@ -5148,7 +5414,7 @@ function useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepNoteEditor.tsx
-import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function KeepNoteEditor({
   item,
   label,
@@ -5165,15 +5431,20 @@ function KeepNoteEditor({
   ...formProps
 }) {
   const view = useKeepNoteEditor({ item, debounceMs, onSaved, onSaveError });
+  const showNoteLabel = useUiLabelVisibility("note");
+  const noteAccessibleLabel = useUiLabel("note");
+  const showSaveLabel = useUiLabelVisibility("saveNote");
+  const saveAccessibleLabel = useUiLabel("saveNote");
   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(Fragment13, { children: [
-    /* @__PURE__ */ jsxs20("label", { children: [
-      label ?? view.labels.note,
-      /* @__PURE__ */ jsx24(
+  const body = render ? render(view.state) : typeof contentChildren === "function" ? contentChildren(view.state) : contentChildren ?? /* @__PURE__ */ jsxs21(Fragment13, { children: [
+    /* @__PURE__ */ jsxs21("label", { children: [
+      showNoteLabel ? label ?? view.labels.note : null,
+      /* @__PURE__ */ jsx25(
         "textarea",
         {
           "data-keep-action": "edit-note",
+          "aria-label": showNoteLabel ? void 0 : noteAccessibleLabel,
           value: note,
           onChange: (event) => setNote(event.currentTarget.value),
           placeholder,
@@ -5182,13 +5453,23 @@ function KeepNoteEditor({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs20("button", { type: "submit", "data-keep-action": "save-note", disabled: isSaving, "aria-busy": isSaving, children: [
-      saveLabel ?? view.labels.save,
-      showShortcutHint ? /* @__PURE__ */ jsx24(KeepShortcutHint, { shortcut: "Ctrl+Enter" }) : null
-    ] })
+    /* @__PURE__ */ jsxs21(
+      "button",
+      {
+        type: "submit",
+        "data-keep-action": "save-note",
+        disabled: isSaving,
+        "aria-busy": isSaving,
+        "aria-label": showSaveLabel ? void 0 : saveAccessibleLabel,
+        children: [
+          showSaveLabel ? saveLabel ?? view.labels.save : null,
+          showShortcutHint ? /* @__PURE__ */ jsx25(KeepShortcutHint, { shortcut: "Ctrl+Enter" }) : null
+        ]
+      }
+    )
   ] });
   if (!asChild) {
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs21(
       "form",
       {
         ...formProps,
@@ -5201,7 +5482,7 @@ function KeepNoteEditor({
         "data-disabled": isSaving ? "true" : void 0,
         children: [
           body,
-          error ? /* @__PURE__ */ jsx24("p", { role: "alert", children: getErrorMessage4(error, view.labels.error) }) : null
+          error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: getErrorMessage4(error, view.labels.error) }) : null
         ]
       }
     );
@@ -5229,11 +5510,11 @@ function getErrorMessage4(error, fallback) {
 
 // src/features/editor/hooks/useKeepTagEditor.ts
 import { useKeepItem as useKeepItem7 } from "@keepkit/core/react";
-import { useCallback as useCallback7, useEffect as useEffect12, useState as useState16 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect12, useState as useState17 } from "react";
 function useKeepTagEditor({ item, onSaved, onSaveError }) {
   const itemState = useKeepItem7(item);
-  const [tags, setTags] = useState16(item.tags ?? []);
-  const [input, setInput] = useState16("");
+  const [tags, setTags] = useState17(item.tags ?? []);
+  const [input, setInput] = useState17("");
   useEffect12(() => setTags(itemState.item?.tags ?? item.tags ?? []), [item.tags, itemState.item?.tags]);
   const save = useCallback7(async () => {
     const nextTags = normalizeUiTags(tags);
@@ -5281,7 +5562,7 @@ function useKeepTagEditor({ item, onSaved, onSaveError }) {
 }
 
 // src/features/editor/KeepTagEditor.tsx
-import { Fragment as Fragment14, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function KeepTagEditor({
   item,
   availableTags = [],
@@ -5291,14 +5572,19 @@ function KeepTagEditor({
   ...props
 }) {
   const view = useKeepTagEditor({ item, onSaved, onSaveError });
+  const showTagsLabel = useUiLabelVisibility("tags");
+  const tagsAccessibleLabel = useUiLabel("tags");
+  const showRemoveLabel = useUiLabelVisibility("remove");
+  const showApplyLabel = useUiLabelVisibility("applyTags");
   const { isSaving, tags } = view.state;
-  const body = render ? render(view.state) : /* @__PURE__ */ jsxs21(Fragment14, { children: [
-    /* @__PURE__ */ jsxs21("label", { children: [
-      view.labels.tags,
-      /* @__PURE__ */ jsx25(
+  const body = render ? render(view.state) : /* @__PURE__ */ jsxs22(Fragment14, { children: [
+    /* @__PURE__ */ jsxs22("label", { children: [
+      showTagsLabel ? view.labels.tags : null,
+      /* @__PURE__ */ jsx26(
         "input",
         {
           "data-keep-action": "edit-tags",
+          "aria-label": showTagsLabel ? void 0 : tagsAccessibleLabel,
           value: view.input,
           list: availableTags.length > 0 ? `keep-tags-${item.id}` : void 0,
           onChange: (event) => view.setInput(event.currentTarget.value),
@@ -5306,14 +5592,33 @@ function KeepTagEditor({
         }
       )
     ] }),
-    availableTags.length > 0 ? /* @__PURE__ */ jsx25("datalist", { id: `keep-tags-${item.id}`, children: availableTags.map((tag) => /* @__PURE__ */ jsx25("option", { value: tag }, tag)) }) : null,
-    /* @__PURE__ */ jsx25("ul", { "aria-label": view.labels.tags, children: tags.map((tag) => /* @__PURE__ */ jsxs21("li", { children: [
+    availableTags.length > 0 ? /* @__PURE__ */ jsx26("datalist", { id: `keep-tags-${item.id}`, children: availableTags.map((tag) => /* @__PURE__ */ jsx26("option", { value: tag }, tag)) }) : null,
+    /* @__PURE__ */ jsx26("ul", { "aria-label": view.labels.tags, children: tags.map((tag) => /* @__PURE__ */ jsxs22("li", { children: [
       tag,
-      /* @__PURE__ */ jsx25("button", { type: "button", "data-keep-action": "remove-tag", onClick: () => view.removeTag(tag), children: view.labels.remove })
+      /* @__PURE__ */ jsx26(
+        "button",
+        {
+          type: "button",
+          "data-keep-action": "remove-tag",
+          "aria-label": showRemoveLabel ? void 0 : view.labels.remove,
+          onClick: () => view.removeTag(tag),
+          children: showRemoveLabel ? view.labels.remove : null
+        }
+      )
     ] }, tag)) }),
-    /* @__PURE__ */ jsx25("button", { type: "submit", "data-keep-action": "apply-tags", disabled: isSaving, "aria-busy": isSaving, children: view.labels.apply })
+    /* @__PURE__ */ jsx26(
+      "button",
+      {
+        type: "submit",
+        "data-keep-action": "apply-tags",
+        disabled: isSaving,
+        "aria-busy": isSaving,
+        "aria-label": showApplyLabel ? void 0 : view.labels.apply,
+        children: showApplyLabel ? view.labels.apply : null
+      }
+    )
   ] });
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "form",
     {
       ...props,
@@ -5325,7 +5630,7 @@ function KeepTagEditor({
       "data-disabled": isSaving ? "true" : void 0,
       children: [
         body,
-        view.error ? /* @__PURE__ */ jsx25("p", { role: "alert", children: getErrorMessage5(view.error, view.labels.error) }) : null
+        view.error ? /* @__PURE__ */ jsx26("p", { role: "alert", children: getErrorMessage5(view.error, view.labels.error) }) : null
       ]
     }
   );
@@ -5356,7 +5661,7 @@ function useKeepToastFeedback(showToast) {
 
 // src/features/navigation/KeepTourBar.tsx
 import { useKeepNavigator } from "@keepkit/core/react";
-import { useId as useId4 } from "react";
+import { useId as useId5 } from "react";
 
 // src/features/navigation/hooks/useKeepTourShortcuts.ts
 import { useEffect as useEffect13 } from "react";
@@ -5391,7 +5696,7 @@ function isEditableTarget(target) {
 }
 
 // src/features/navigation/KeepTourBar.tsx
-import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function KeepTourBar({
   navigation: providedNavigation,
   currentId,
@@ -5461,9 +5766,9 @@ function KeepTourBar({
       return resolvedPrev();
     }
   });
-  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(
+  const body = /* @__PURE__ */ jsxs23(Fragment15, { children: [
+    showProgress ? /* @__PURE__ */ jsx27("span", { "data-keepkit": "tour-progress", "aria-live": "polite", children: progress ?? `${navigation.currentPosition ?? 0} / ${navigation.items.length}` }) : null,
+    /* @__PURE__ */ jsx27(
       TourAction,
       {
         href: resolvedPrevHref,
@@ -5471,7 +5776,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(Fragment15, { children: [
+        preview: navigation.prevItem ? /* @__PURE__ */ jsxs23(Fragment15, { children: [
           previousLabel,
           ": ",
           getItemTitle(navigation.prevItem)
@@ -5479,7 +5784,7 @@ function KeepTourBar({
         children: previousLabel
       }
     ),
-    /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx27(
       TourAction,
       {
         href: resolvedNextHref,
@@ -5487,7 +5792,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(Fragment15, { children: [
+        preview: navigation.nextItem ? /* @__PURE__ */ jsxs23(Fragment15, { children: [
           nextItemLabel,
           ": ",
           getItemTitle(navigation.nextItem)
@@ -5495,7 +5800,7 @@ function KeepTourBar({
         children: nextItemLabel
       }
     ),
-    resolvedBackHref || onBack ? /* @__PURE__ */ jsx26(TourAction, { href: resolvedBackHref, onClick: onBack, "data-keep-action": "tour-back", children: listLabel }) : null
+    resolvedBackHref || onBack ? /* @__PURE__ */ jsx27(TourAction, { href: resolvedBackHref, onClick: onBack, "data-keep-action": "tour-back", children: listLabel }) : null
   ] });
   return renderRoot(
     asChild,
@@ -5506,14 +5811,14 @@ function KeepTourBar({
   );
 }
 function TourAction({ href, disabled = false, onClick, children, preview, shortcut, ...props }) {
-  const previewId = useId4();
-  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
+  const previewId = useId5();
+  const content = /* @__PURE__ */ jsxs23(Fragment15, { children: [
+    /* @__PURE__ */ jsx27("span", { "data-tour-label": "true", children }),
+    shortcut ? /* @__PURE__ */ jsx27(KeepShortcutHint, { shortcut }) : null,
+    preview ? /* @__PURE__ */ jsx27("small", { id: previewId, "data-tour-preview": "true", children: preview }) : null
   ] });
   if (href && !disabled) {
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       "a",
       {
         ...props,
@@ -5525,7 +5830,7 @@ function TourAction({ href, disabled = false, onClick, children, preview, shortc
       }
     );
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     "button",
     {
       ...props,
@@ -5548,10 +5853,10 @@ function navigateTo(item, href) {
 import { isValidElement as isValidElement8 } from "react";
 
 // src/features/status/hooks/useStatusViews.ts
-import { useKeepContext as useKeepContext5 } from "@keepkit/core/react";
-import { useEffect as useEffect14, useRef as useRef10, useState as useState17 } from "react";
+import { useKeepContext as useKeepContext6 } from "@keepkit/core/react";
+import { useEffect as useEffect14, useRef as useRef10, useState as useState18 } from "react";
 function useKeepStatus(status) {
-  const context = useKeepContext5();
+  const context = useKeepContext6();
   const resolvedStatus = status ?? getDerivedStatus(context);
   const state = {
     status: resolvedStatus,
@@ -5562,11 +5867,11 @@ function useKeepStatus(status) {
   return { state, defaultLabel: useUiLabel(getStatusLabelKey3(resolvedStatus)) };
 }
 function useKeepAnnouncements(messages) {
-  const context = useKeepContext5();
+  const context = useKeepContext6();
   const savedMessage = useUiLabel("savedMessage", messages?.save);
   const removedMessage = useUiLabel("removedMessage", messages?.remove);
   const noteSavedMessage = useUiLabel("noteSavedMessage", messages?.note);
-  const [message, setMessage] = useState17("");
+  const [message, setMessage] = useState18("");
   const lastChangeRef = useRef10(void 0);
   useEffect14(() => {
     const change = context.lastChange;
@@ -5596,7 +5901,7 @@ function getStatusLabelKey3(status) {
 }
 
 // src/features/status/status.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function KeepStatus({
   status,
   labels,
@@ -5628,7 +5933,7 @@ function KeepStatus({
 }
 function KeepAnnouncements({ messages, ...props }) {
   const message = useKeepAnnouncements(messages);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       ...props,
@@ -5644,10 +5949,10 @@ function KeepAnnouncements({ messages, ...props }) {
 var KeepAnnouncer = KeepAnnouncements;
 
 // src/features/sync/hooks/useKeepSyncFeedback.ts
-import { useKeepContext as useKeepContext6 } from "@keepkit/core/react";
+import { useKeepContext as useKeepContext7 } from "@keepkit/core/react";
 import { useEffect as useEffect15, useRef as useRef11 } from "react";
 function useKeepSyncFeedback() {
-  const { syncState } = useKeepContext6();
+  const { syncState } = useKeepContext7();
   const emitFeedback = useKeepUiFeedback();
   const completedMessage = useUiLabel("syncSynced");
   const failedMessage = useUiLabel("syncFailedMessage");
@@ -5672,16 +5977,16 @@ function KeepSyncFeedbackObserver() {
 }
 
 // src/features/sync/hooks/useKeepSyncRecoveryDialog.ts
-import { useKeepContext as useKeepContext7 } from "@keepkit/core/react";
-import { useEffect as useEffect16, useState as useState18 } from "react";
+import { useKeepContext as useKeepContext8 } from "@keepkit/core/react";
+import { useEffect as useEffect16, useState as useState19 } from "react";
 function useKeepSyncRecoveryDialog(options) {
   const { open, onOpenChange, conflicts, onManualMerge } = options;
-  const context = useKeepContext7();
+  const context = useKeepContext8();
   const conflictList = conflicts ?? context.syncState.conflicts ?? [];
   const hasRecovery = conflictList.length > 0 || context.syncState.status === "error" || Boolean(context.error);
-  const [dismissed, setDismissed] = useState18(false);
-  const [busyId, setBusyId] = useState18();
-  const [error, setError] = useState18();
+  const [dismissed, setDismissed] = useState19(false);
+  const [busyId, setBusyId] = useState19();
+  const [error, setError] = useState19();
   useEffect16(() => {
     if (hasRecovery) setDismissed(false);
   }, [hasRecovery]);
@@ -5727,7 +6032,7 @@ function useKeepSyncRecoveryDialog(options) {
 }
 
 // src/features/sync/KeepSyncRecoveryDialog.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function KeepSyncRecoveryDialog({
   open,
   onOpenChange,
@@ -5742,7 +6047,7 @@ function KeepSyncRecoveryDialog({
 }) {
   const view = useKeepSyncRecoveryDialog({ open, onOpenChange, conflicts, onManualMerge });
   if (!view.isOpen) return null;
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "section",
     {
       ...props,
@@ -5756,17 +6061,17 @@ function KeepSyncRecoveryDialog({
       "data-state": view.conflictList.length > 0 ? "conflict" : "error",
       "data-loading": view.busyId !== void 0 ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs23("header", { children: [
-          /* @__PURE__ */ jsx28("h2", { id: "keepkit-sync-recovery-title", children: title ?? view.labels.title }),
-          /* @__PURE__ */ jsx28("button", { type: "button", "data-keep-action": "close-dialog", onClick: view.close, "aria-label": view.labels.close, children: view.labels.close })
+        /* @__PURE__ */ jsxs24("header", { children: [
+          /* @__PURE__ */ jsx29("h2", { id: "keepkit-sync-recovery-title", children: title ?? view.labels.title }),
+          /* @__PURE__ */ jsx29("button", { type: "button", "data-keep-action": "close-dialog", onClick: view.close, "aria-label": view.labels.close, children: view.labels.close })
         ] }),
         children,
-        view.conflictList.length > 0 ? /* @__PURE__ */ jsxs23("div", { children: [
-          /* @__PURE__ */ jsx28("p", { children: view.labels.conflict }),
-          view.conflictList.map((conflict) => /* @__PURE__ */ jsxs23("article", { "data-conflict-id": conflict.id, children: [
-            /* @__PURE__ */ jsx28("h3", { children: getMetaTitle(conflict.operation.item?.meta) ?? conflict.id }),
-            /* @__PURE__ */ jsxs23("div", { "data-conflict-preview": true, children: [
-              /* @__PURE__ */ jsx28(
+        view.conflictList.length > 0 ? /* @__PURE__ */ jsxs24("div", { children: [
+          /* @__PURE__ */ jsx29("p", { children: view.labels.conflict }),
+          view.conflictList.map((conflict) => /* @__PURE__ */ jsxs24("article", { "data-conflict-id": conflict.id, children: [
+            /* @__PURE__ */ jsx29("h3", { children: getMetaTitle(conflict.operation.item?.meta) ?? conflict.id }),
+            /* @__PURE__ */ jsxs24("div", { "data-conflict-preview": true, children: [
+              /* @__PURE__ */ jsx29(
                 ConflictPreview,
                 {
                   item: conflict.operation.item,
@@ -5776,7 +6081,7 @@ function KeepSyncRecoveryDialog({
                   side: "local"
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(
                 ConflictPreview,
                 {
                   item: conflict.remote,
@@ -5787,8 +6092,8 @@ function KeepSyncRecoveryDialog({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs23("div", { children: [
-              /* @__PURE__ */ jsx28(
+            /* @__PURE__ */ jsxs24("div", { children: [
+              /* @__PURE__ */ jsx29(
                 "button",
                 {
                   type: "button",
@@ -5798,7 +6103,7 @@ function KeepSyncRecoveryDialog({
                   children: view.labels.keepLocal
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(
                 "button",
                 {
                   type: "button",
@@ -5808,7 +6113,7 @@ function KeepSyncRecoveryDialog({
                   children: view.labels.useServer
                 }
               ),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(
                 "button",
                 {
                   type: "button",
@@ -5821,12 +6126,12 @@ function KeepSyncRecoveryDialog({
             ] })
           ] }, conflict.id))
         ] }) : null,
-        view.showBackupRecovery ? /* @__PURE__ */ jsxs23("section", { "data-recovery": "backup", children: [
-          /* @__PURE__ */ jsx28("h3", { children: view.labels.backupRecovery }),
-          /* @__PURE__ */ jsx28("p", { children: view.labels.backupRecoveryDescription }),
-          backup ?? (showBackupControls ? /* @__PURE__ */ jsx28(KeepBackup, {}) : null)
+        view.showBackupRecovery ? /* @__PURE__ */ jsxs24("section", { "data-recovery": "backup", children: [
+          /* @__PURE__ */ jsx29("h3", { children: view.labels.backupRecovery }),
+          /* @__PURE__ */ jsx29("p", { children: view.labels.backupRecoveryDescription }),
+          backup ?? (showBackupControls ? /* @__PURE__ */ jsx29(KeepBackup, {}) : null)
         ] }) : null,
-        view.error ? /* @__PURE__ */ jsx28("p", { id: "keepkit-sync-recovery-error", role: "alert", "aria-live": "assertive", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
+        view.error ? /* @__PURE__ */ jsx29("p", { id: "keepkit-sync-recovery-error", role: "alert", "aria-live": "assertive", children: view.error instanceof Error ? view.error.message : view.labels.error }) : null
       ]
     }
   );
@@ -5838,16 +6143,16 @@ function ConflictPreview({
   noteLabel,
   side
 }) {
-  return /* @__PURE__ */ jsxs23("article", { "data-conflict-version": side, "aria-label": heading, children: [
-    /* @__PURE__ */ jsx28("h4", { children: heading }),
-    /* @__PURE__ */ jsxs23("dl", { children: [
-      /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx28("dt", { children: updatedAtLabel }),
-        /* @__PURE__ */ jsx28("dd", { children: item ? /* @__PURE__ */ jsx28("time", { dateTime: new Date(item.updatedAt).toISOString(), children: formatConflictDate(item.updatedAt) }) : "\u2014" })
+  return /* @__PURE__ */ jsxs24("article", { "data-conflict-version": side, "aria-label": heading, children: [
+    /* @__PURE__ */ jsx29("h4", { children: heading }),
+    /* @__PURE__ */ jsxs24("dl", { children: [
+      /* @__PURE__ */ jsxs24("div", { children: [
+        /* @__PURE__ */ jsx29("dt", { children: updatedAtLabel }),
+        /* @__PURE__ */ jsx29("dd", { children: item ? /* @__PURE__ */ jsx29("time", { dateTime: new Date(item.updatedAt).toISOString(), children: formatConflictDate(item.updatedAt) }) : "\u2014" })
       ] }),
-      /* @__PURE__ */ jsxs23("div", { children: [
-        /* @__PURE__ */ jsx28("dt", { children: noteLabel }),
-        /* @__PURE__ */ jsx28("dd", { children: item?.note || "\u2014" })
+      /* @__PURE__ */ jsxs24("div", { children: [
+        /* @__PURE__ */ jsx29("dt", { children: noteLabel }),
+        /* @__PURE__ */ jsx29("dd", { children: item?.note || "\u2014" })
       ] })
     ] })
   ] });
@@ -5857,9 +6162,9 @@ function formatConflictDate(timestamp) {
 }
 
 // src/features/sync/hooks/useKeepSyncStatusBanner.ts
-import { useKeepContext as useKeepContext8 } from "@keepkit/core/react";
+import { useKeepContext as useKeepContext9 } from "@keepkit/core/react";
 function useKeepSyncStatusBanner({ onRetry, children }) {
-  const context = useKeepContext8();
+  const context = useKeepContext9();
   const retryLabel = useUiLabel("retrySync");
   const resolveLabel = useUiLabel("resolveSync");
   const conflictLabel = useUiLabel("syncConflict");
@@ -5891,7 +6196,7 @@ function getErrorMessage6(error) {
 }
 
 // src/features/sync/KeepSyncStatusBanner.tsx
-import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function KeepSyncStatusBanner({
   onRetry,
   onResolveConflicts,
@@ -5900,8 +6205,10 @@ function KeepSyncStatusBanner({
   ...props
 }) {
   const view = useKeepSyncStatusBanner({ onRetry, children });
+  const showRetryLabel = useUiLabelVisibility("retrySync");
+  const showResolveLabel = useUiLabelVisibility("resolveSync");
   if (view.status === "idle" && !view.hasConflicts) return null;
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "aside",
     {
       ...props,
@@ -5911,25 +6218,27 @@ function KeepSyncStatusBanner({
       "data-keepkit": "sync-status",
       "data-state": view.status,
       children: [
-        /* @__PURE__ */ jsx29("p", { children: view.message }),
-        view.showRetry ? /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30("p", { children: view.message }),
+        view.showRetry ? /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
             "data-keep-action": "retry-sync",
             onClick: () => void view.retry(),
             disabled: view.isMutating,
-            children: view.retryLabel
+            "aria-label": showRetryLabel ? void 0 : view.retryLabel,
+            children: showRetryLabel ? view.retryLabel : null
           }
         ) : null,
-        view.hasConflicts ? /* @__PURE__ */ jsx29(
+        view.hasConflicts ? /* @__PURE__ */ jsx30(
           "button",
           {
             type: "button",
             "data-keep-action": "resolve-conflicts",
             onClick: onResolveConflicts,
             disabled: !onResolveConflicts,
-            children: view.resolveLabel
+            "aria-label": showResolveLabel ? void 0 : view.resolveLabel,
+            children: showResolveLabel ? view.resolveLabel : null
           }
         ) : null
       ]
@@ -5938,7 +6247,7 @@ function KeepSyncStatusBanner({
 }
 
 // src/features/workspace/hooks/useKeepWorkspace.ts
-import { useCallback as useCallback9, useState as useState19 } from "react";
+import { useCallback as useCallback9, useState as useState20 } from "react";
 var PRESET_MODULES = {
   basic: { syncStatus: false, undo: false, recovery: false, backup: false, stalePrune: false },
   standard: { syncStatus: false, undo: true, recovery: false, backup: false, stalePrune: false },
@@ -5958,7 +6267,7 @@ function useKeepWorkspace({
   onRecoveryOpenChange,
   onResolveConflicts
 }) {
-  const [internalRecoveryOpen, setInternalRecoveryOpen] = useState19(false);
+  const [internalRecoveryOpen, setInternalRecoveryOpen] = useState20(false);
   const resolvedModules = { ...PRESET_MODULES[preset], ...modules };
   const setRecoveryOpen = useCallback9(
     (open) => {
@@ -5982,7 +6291,7 @@ function useKeepWorkspace({
 }
 
 // src/features/workspace/KeepWorkspace.tsx
-import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 function KeepWorkspace({
   preset = "standard",
   modules,
@@ -6021,27 +6330,27 @@ function KeepWorkspace({
     if (!structuredRegions) return content;
     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 });
+    return /* @__PURE__ */ jsx31("div", { "data-keepkit": "workspace-region", "data-region": name, "data-surface": resolvedSurface, children: content });
   };
   const before = resolveOptionalSlot(slots?.before, state);
   const syncStatus = view.modules.syncStatus ? resolveSlot(
     slots?.syncStatus,
-    /* @__PURE__ */ jsx30(KeepSyncStatusBanner, { ...syncStatusProps, onResolveConflicts: view.openRecovery }),
+    /* @__PURE__ */ jsx31(KeepSyncStatusBanner, { ...syncStatusProps, onResolveConflicts: view.openRecovery }),
     state
   ) : null;
-  const collection = resolveSlot(slots?.collection, /* @__PURE__ */ jsx30(KeepCollection, { ...resolvedCollectionProps }), state);
+  const collection = resolveSlot(slots?.collection, /* @__PURE__ */ jsx31(KeepCollection, { ...resolvedCollectionProps }), state);
   const actions = view.modules.backup || view.modules.stalePrune ? resolveSlot(
     slots?.actions,
-    /* @__PURE__ */ jsxs25("div", { "data-keepkit": "workspace-actions", children: [
-      view.modules.stalePrune ? /* @__PURE__ */ jsx30(KeepPruneStaleButton, { ...stalePruneProps }) : null,
-      view.modules.backup ? /* @__PURE__ */ jsx30(KeepBackup, { ...backupProps }) : null
+    /* @__PURE__ */ jsxs26("div", { "data-keepkit": "workspace-actions", children: [
+      view.modules.stalePrune ? /* @__PURE__ */ jsx31(KeepPruneStaleButton, { ...stalePruneProps }) : null,
+      view.modules.backup ? /* @__PURE__ */ jsx31(KeepBackup, { ...backupProps }) : null
     ] }),
     state
   ) : null;
-  const undo = view.modules.undo ? resolveSlot(slots?.undo, /* @__PURE__ */ jsx30(KeepUndo, { ...undoProps }), state) : null;
+  const undo = view.modules.undo ? resolveSlot(slots?.undo, /* @__PURE__ */ jsx31(KeepUndo, { ...undoProps }), state) : null;
   const recovery = view.modules.recovery ? resolveSlot(
     slots?.recovery,
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx31(
       KeepSyncRecoveryDialog,
       {
         ...recoveryProps,
@@ -6053,7 +6362,7 @@ function KeepWorkspace({
   ) : null;
   const additionalContent = resolveOptionalSlot(children, state);
   const after = resolveOptionalSlot(slots?.after, state);
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "section",
     {
       ...props,
@@ -6086,7 +6395,7 @@ function resolveOptionalSlot(slot, state) {
 
 // src/foundation/theme.tsx
 import { isValidElement as isValidElement9 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var keepThemeNames = [
   "default",
   "ocean",
@@ -6145,7 +6454,7 @@ function KeepThemeProvider({
       throw new Error("KeepThemeProvider with asChild requires a single React element child.");
     return createSlot(children, rootProps);
   }
-  return /* @__PURE__ */ jsx31("div", { ...rootProps, children });
+  return /* @__PURE__ */ jsx32("div", { ...rootProps, children });
 }
 
 // src/index.tsx
@@ -6153,8 +6462,8 @@ import { createAuthenticatedSyncKit } from "@keepkit/core/core";
 import {
   KeepErrorBoundary as KeepErrorBoundary3,
   KeepProvider,
-  useKeepCollections as useKeepCollections3,
-  useKeepContext as useKeepContext9,
+  useKeepCollections as useKeepCollections4,
+  useKeepContext as useKeepContext10,
   useKeepItem as useKeepItem8,
   useKeepList as useKeepList5,
   useKeepNavigator as useKeepNavigator2,
@@ -6170,9 +6479,10 @@ import {
   LocalStorageSyncQueueAdapter,
   SyncStorageAdapter
 } from "@keepkit/core/storage";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 function KeepKitProvider({
   labels,
+  labelOptions,
   locale,
   labelResolver,
   onFeedback,
@@ -6190,31 +6500,42 @@ function KeepKitProvider({
   children,
   ...providerProps
 }) {
-  return /* @__PURE__ */ jsx32(KeepUiProvider, { labels, locale, labelResolver, onFeedback, children: /* @__PURE__ */ jsx32(
-    KeepThemeProvider,
+  return /* @__PURE__ */ jsx33(
+    KeepUiProvider,
     {
-      theme,
-      mode,
-      density,
-      radius,
-      accentColor,
-      highContrast,
-      reducedMotion,
-      variables,
-      className: themeClassName,
-      style: themeStyle,
-      asChild: themeAsChild,
-      children: /* @__PURE__ */ jsxs26(CoreKeepProvider, { ...providerProps, children: [
-        /* @__PURE__ */ jsx32(KeepSyncFeedbackObserver, {}),
-        children,
-        /* @__PURE__ */ jsx32(KeepAnnouncements, {})
-      ] })
+      labels,
+      labelOptions,
+      locale,
+      labelResolver,
+      onFeedback,
+      children: /* @__PURE__ */ jsx33(
+        KeepThemeProvider,
+        {
+          theme,
+          mode,
+          density,
+          radius,
+          accentColor,
+          highContrast,
+          reducedMotion,
+          variables,
+          className: themeClassName,
+          style: themeStyle,
+          asChild: themeAsChild,
+          children: /* @__PURE__ */ jsxs27(CoreKeepProvider, { ...providerProps, children: [
+            /* @__PURE__ */ jsx33(KeepSyncFeedbackObserver, {}),
+            children,
+            /* @__PURE__ */ jsx33(KeepAnnouncements, {})
+          ] })
+        }
+      )
     }
-  ) });
+  );
 }
 function createKeepKit(options = {}) {
   const {
     labels,
+    labelOptions,
     locale,
     labelResolver,
     onFeedback,
@@ -6234,11 +6555,12 @@ function createKeepKit(options = {}) {
   } = options;
   const coreKit = createCoreKeepKit(coreOptions);
   return {
-    Provider: (props) => /* @__PURE__ */ jsx32(
+    Provider: (props) => /* @__PURE__ */ jsx33(
       KeepKitProvider,
       {
         ...coreOptions,
         labels,
+        labelOptions,
         locale,
         labelResolver,
         onFeedback,
@@ -6255,9 +6577,9 @@ function createKeepKit(options = {}) {
         ...props
       }
     ),
-    Button: (props) => /* @__PURE__ */ jsx32(KeepButton, { ...props }),
-    Backup: (props) => /* @__PURE__ */ jsx32(KeepBackup, { ...props }),
-    Collection: (props) => /* @__PURE__ */ jsx32(
+    Button: (props) => /* @__PURE__ */ jsx33(KeepButton, { ...props }),
+    Backup: (props) => /* @__PURE__ */ jsx33(KeepBackup, { ...props }),
+    Collection: (props) => /* @__PURE__ */ jsx33(
       KeepCollection,
       {
         ...props,
@@ -6268,7 +6590,7 @@ function createKeepKit(options = {}) {
         }
       }
     ),
-    Workspace: (props) => /* @__PURE__ */ jsx32(
+    Workspace: (props) => /* @__PURE__ */ jsx33(
       KeepWorkspace,
       {
         ...props,
@@ -6303,6 +6625,7 @@ export {
   KeepBulkActions,
   KeepButton,
   KeepCollection,
+  KeepCollectionCreate,
   KeepCollectionFilter,
   KeepCollectionSelect,
   KeepEmptyState,
@@ -6355,8 +6678,8 @@ export {
   keepThemeNames,
   mergeProps,
   toggleSelectAll,
-  useKeepCollections3 as useKeepCollections,
-  useKeepContext9 as useKeepContext,
+  useKeepCollections4 as useKeepCollections,
+  useKeepContext10 as useKeepContext,
   useKeepItem8 as useKeepItem,
   useKeepList5 as useKeepList,
   useKeepNavigator2 as useKeepNavigator,
@@ -6365,6 +6688,7 @@ export {
   useKeepToastFeedback,
   useKeepTourShortcuts,
   useKeepUiLabels,
-  useKeepUrlSync
+  useKeepUrlSync,
+  useUiLabelVisibility
 };
 //# sourceMappingURL=index.js.map