rei-kit 2.17.0 → 2.18.1

package/dist/styles.css

@@ -1117,20 +1117,20 @@ to {
   font-size: 0.8125rem;
 }
 
-.rk-cal[data-v-6d0b0811] {
+.rk-cal[data-v-30197a85] {
   display: flex;
   width: 100%;
   max-width: 19rem;
   flex-direction: column;
   gap: 0.5rem;
 }
-.rk-cal-head[data-v-6d0b0811] {
+.rk-cal-head[data-v-30197a85] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.25rem;
 }
-.rk-cal-arrow[data-v-6d0b0811] {
+.rk-cal-arrow[data-v-30197a85] {
   display: grid;
   width: 2rem;
   height: 2rem;
@@ -1139,40 +1139,40 @@ to {
   color: var(--color-ink);
   transition: background-color var(--duration-fast) var(--ease-standard);
 }
-.rk-cal-arrow[data-v-6d0b0811]:hover {
+.rk-cal-arrow[data-v-30197a85]:hover {
   background: var(--color-muted);
 }
-.rk-cal-title[data-v-6d0b0811] {
+.rk-cal-title[data-v-30197a85] {
   border-radius: var(--radius-cell);
   padding: 0.25rem 0.625rem;
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--color-ink);
 }
-.rk-cal-title[data-v-6d0b0811]:hover {
+.rk-cal-title[data-v-30197a85]:hover {
   background: var(--color-muted);
 }
-.rk-cal-weekdays[data-v-6d0b0811],
-.rk-cal-week[data-v-6d0b0811] {
+.rk-cal-weekdays[data-v-30197a85],
+.rk-cal-week[data-v-30197a85] {
   display: grid;
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
-.rk-cal-weekdays[data-v-6d0b0811] {
+.rk-cal-weekdays[data-v-30197a85] {
   gap: 2px;
   font-size: 0.6875rem;
   font-weight: 600;
   text-align: center;
   color: var(--color-ink-soft);
 }
-.rk-cal-grid[data-v-6d0b0811] {
+.rk-cal-grid[data-v-30197a85] {
   display: grid;
   gap: 2px;
 }
-.rk-cal-cell[data-v-6d0b0811] {
+.rk-cal-cell[data-v-30197a85] {
   display: grid;
   place-items: center;
 }
-.rk-cal-day[data-v-6d0b0811] {
+.rk-cal-day[data-v-30197a85] {
   display: grid;
   width: 100%;
   height: 2.25rem;
@@ -1185,49 +1185,49 @@ to {
     background-color var(--duration-fast) var(--ease-standard),
     color var(--duration-fast) var(--ease-standard);
 }
-.rk-cal-day[data-v-6d0b0811]:hover:not(:disabled) {
+.rk-cal-day[data-v-30197a85]:hover:not(:disabled) {
   background: var(--color-muted);
 }
-.rk-cal-day[data-v-6d0b0811]:focus-visible {
+.rk-cal-day[data-v-30197a85]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: -2px;
 }
 
 /* A day from the month either side: still reachable, visibly not this month. */
-.rk-cal-day.is-outside[data-v-6d0b0811] {
+.rk-cal-day.is-outside[data-v-30197a85] {
   color: var(--color-ink-soft);
   opacity: 0.55;
 }
-.rk-cal-day.is-inside[data-v-6d0b0811] {
+.rk-cal-day.is-inside[data-v-30197a85] {
   background: color-mix(in oklab, var(--color-primary) 14%, transparent);
   border-radius: 0;
 }
-.rk-cal-day.is-selected[data-v-6d0b0811] {
+.rk-cal-day.is-selected[data-v-30197a85] {
   background: var(--color-primary);
   color: var(--color-on-primary);
   font-weight: 600;
   opacity: 1;
 }
-.rk-cal-day[aria-current='date'][data-v-6d0b0811]:not(.is-selected) {
+.rk-cal-day[aria-current='date'][data-v-30197a85]:not(.is-selected) {
   box-shadow: inset 0 0 0 1px var(--color-primary);
 }
-.rk-cal-day[data-v-6d0b0811]:disabled {
+.rk-cal-day[data-v-30197a85]:disabled {
   cursor: not-allowed;
   opacity: 0.3;
 }
-.rk-cal-blocks[data-v-6d0b0811] {
+.rk-cal-blocks[data-v-30197a85] {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0.375rem;
 }
-.rk-cal-block[data-v-6d0b0811] {
+.rk-cal-block[data-v-30197a85] {
   height: 2.5rem;
   border-radius: var(--radius-cell);
   font-size: 0.8125rem;
   color: var(--color-ink);
   transition: background-color var(--duration-fast) var(--ease-standard);
 }
-.rk-cal-block[data-v-6d0b0811]:hover {
+.rk-cal-block[data-v-30197a85]:hover {
   background: var(--color-muted);
 }
 
@@ -1362,17 +1362,17 @@ to {
   vertical-align: -0.1em;
 }
 
-.rk-rating[data-v-38007368] {
+.rk-rating[data-v-3118ad6b] {
   display: inline-flex;
   align-items: center;
   gap: 0.125rem;
   border-radius: var(--radius-cell);
 }
-.rk-rating[data-v-38007368]:focus-visible {
+.rk-rating[data-v-3118ad6b]:focus-visible {
   outline: 2px solid var(--color-primary);
   outline-offset: 2px;
 }
-.rk-rating-star[data-v-38007368] {
+.rk-rating-star[data-v-3118ad6b] {
   display: grid;
   place-items: center;
   padding: 0.125rem;
@@ -1381,34 +1381,34 @@ to {
     color var(--duration-fast) var(--ease-standard),
     transform var(--duration-fast) var(--ease-standard);
 }
-.rk-rating:not(.is-readonly) .rk-rating-star[data-v-38007368] {
+.rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b] {
   cursor: pointer;
 }
-.rk-rating-star.is-on[data-v-38007368] {
+.rk-rating-star.is-on[data-v-3118ad6b] {
   color: var(--color-warning);
 }
-.rk-rating:not(.is-readonly) .rk-rating-star[data-v-38007368]:hover {
+.rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b]:hover {
   transform: scale(1.12);
 }
-.rk-rating-icon[data-v-38007368] {
+.rk-rating-icon[data-v-3118ad6b] {
   width: 1.25rem;
   height: 1.25rem;
   fill: currentColor;
   stroke-width: 1.25;
 }
-.is-sm .rk-rating-icon[data-v-38007368] {
+.is-sm .rk-rating-icon[data-v-3118ad6b] {
   width: 1rem;
   height: 1rem;
 }
-.is-lg .rk-rating-icon[data-v-38007368] {
+.is-lg .rk-rating-icon[data-v-3118ad6b] {
   width: 1.75rem;
   height: 1.75rem;
 }
 @media (prefers-reduced-motion: reduce) {
-.rk-rating-star[data-v-38007368] {
+.rk-rating-star[data-v-3118ad6b] {
     transition: none;
 }
-.rk-rating:not(.is-readonly) .rk-rating-star[data-v-38007368]:hover {
+.rk-rating:not(.is-readonly) .rk-rating-star[data-v-3118ad6b]:hover {
     transform: none;
 }
 }
@@ -2834,7 +2834,7 @@ to {
   color: var(--color-ink-soft);
 }
 
-.rk-command[data-v-cce1dd03] {
+.rk-command[data-v-f72521e7] {
   position: fixed;
   inset: 0;
   z-index: 90;
@@ -2845,13 +2845,13 @@ to {
      grows downwards into space rather than pushing itself off both edges. */
   padding-top: min(12vh, 6rem);
 }
-.rk-command-scrim[data-v-cce1dd03] {
+.rk-command-scrim[data-v-f72521e7] {
   position: absolute;
   inset: 0;
   background: color-mix(in oklab, var(--color-ink) 45%, transparent);
   backdrop-filter: blur(2px);
 }
-.rk-command-panel[data-v-cce1dd03] {
+.rk-command-panel[data-v-f72521e7] {
   position: relative;
   display: flex;
   width: 100%;
@@ -2861,14 +2861,14 @@ to {
   overflow: hidden;
   border-radius: var(--radius-card);
 }
-.rk-command-field[data-v-cce1dd03] {
+.rk-command-field[data-v-f72521e7] {
   display: flex;
   align-items: center;
   gap: 0.625rem;
   border-bottom: 1px solid var(--surface-border-color);
   padding: 0.875rem 1rem;
 }
-.rk-command-input[data-v-cce1dd03] {
+.rk-command-input[data-v-f72521e7] {
   min-width: 0;
   flex: 1;
   background: transparent;
@@ -2880,15 +2880,15 @@ to {
 /* The field takes focus the moment this opens, so a full ring around it
    would be on the whole time. The rule under it turns instead: enough to
    say where the keyboard is, quiet enough to live with. */
-.rk-command-field[data-v-cce1dd03]:has(.rk-command-input:focus-visible) {
+.rk-command-field[data-v-f72521e7]:has(.rk-command-input:focus-visible) {
   border-bottom-color: var(--color-primary);
   box-shadow: inset 0 -1px 0 var(--color-primary);
 }
-.rk-command-list[data-v-cce1dd03] {
+.rk-command-list[data-v-f72521e7] {
   overflow-y: auto;
   padding: 0.375rem;
 }
-.rk-command-group[data-v-cce1dd03] {
+.rk-command-group[data-v-f72521e7] {
   padding: 0.5rem 0.625rem 0.25rem;
   font-size: 0.6875rem;
   font-weight: 600;
@@ -2896,7 +2896,7 @@ to {
   text-transform: uppercase;
   color: var(--color-ink-soft);
 }
-.rk-command-item[data-v-cce1dd03] {
+.rk-command-item[data-v-f72521e7] {
   display: flex;
   cursor: pointer;
   align-items: center;
@@ -2906,35 +2906,35 @@ to {
   font-size: 0.875rem;
   color: var(--color-ink);
 }
-.rk-command-item.is-active[data-v-cce1dd03] {
+.rk-command-item.is-active[data-v-f72521e7] {
   background: var(--color-muted);
 }
-.rk-command-hint[data-v-cce1dd03] {
+.rk-command-hint[data-v-f72521e7] {
   margin-left: auto;
   flex-shrink: 0;
   font-size: 0.75rem;
   color: var(--color-ink-soft);
 }
-.rk-command-empty[data-v-cce1dd03] {
+.rk-command-empty[data-v-f72521e7] {
   padding: 1.5rem 0.625rem;
   text-align: center;
   font-size: 0.875rem;
   color: var(--color-ink-soft);
 }
-.rk-command-enter-active[data-v-cce1dd03],
-.rk-command-leave-active[data-v-cce1dd03] {
+.rk-command-enter-active[data-v-f72521e7],
+.rk-command-leave-active[data-v-f72521e7] {
   transition: opacity var(--duration-fast) var(--ease-standard);
 }
-.rk-command-enter-active .rk-command-panel[data-v-cce1dd03],
-.rk-command-leave-active .rk-command-panel[data-v-cce1dd03] {
+.rk-command-enter-active .rk-command-panel[data-v-f72521e7],
+.rk-command-leave-active .rk-command-panel[data-v-f72521e7] {
   transition: transform var(--duration-fast) var(--ease-standard);
 }
-.rk-command-enter-from[data-v-cce1dd03],
-.rk-command-leave-to[data-v-cce1dd03] {
+.rk-command-enter-from[data-v-f72521e7],
+.rk-command-leave-to[data-v-f72521e7] {
   opacity: 0;
 }
-.rk-command-enter-from .rk-command-panel[data-v-cce1dd03],
-.rk-command-leave-to .rk-command-panel[data-v-cce1dd03] {
+.rk-command-enter-from .rk-command-panel[data-v-f72521e7],
+.rk-command-leave-to .rk-command-panel[data-v-f72521e7] {
   transform: translateY(-0.5rem) scale(0.98);
 }
 

package/dist/web.js

@@ -454,9 +454,26 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const field = useTemplateRef("field");
 		const sheetRoot = ensureSheetRoot();
 		let release = null;
+		/**
+		* Every word has to appear somewhere, rather than the whole query in one
+		* place.
+		*
+		* Matching the query as a single string means "date picker" finds nothing
+		* when the name is `BaseDatePicker` and the word "picker" lives in the
+		* keywords beside it — the two halves are in different fields, and a person
+		* typing has no way of knowing that. Splitting on spaces is what makes a
+		* palette feel like it is reading the request rather than the string.
+		*
+		* The words may land in any order and in any field, which is why the
+		* searchable text is joined first.
+		*/
 		const matches = computed(() => {
-			const needle = query.value.trim().toLowerCase();
-			const keep = (item) => needle === "" || [item.label, ...item.keywords ?? []].some((word) => word.toLowerCase().includes(needle));
+			const terms = query.value.trim().toLowerCase().split(/\s+/).filter(Boolean);
+			const keep = (item) => {
+				if (terms.length === 0) return true;
+				const haystack = [item.label, ...item.keywords ?? []].join(" ").toLowerCase();
+				return terms.every((term) => haystack.includes(term));
+			};
 			return __props.groups.map((group) => ({
 				...group,
 				items: group.items.filter(keep)
@@ -586,7 +603,7 @@ var CommandMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			})], 8, ["to"]);
 		};
 	}
-}), [["__scopeId", "data-v-cce1dd03"]]);
+}), [["__scopeId", "data-v-f72521e7"]]);
 //#endregion
 //#region src/web/DataTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$9 = ["aria-label"];