@vielzeug/refine 26.10.1 → 26.10.6

package/dist/frameworks/elements.d.ts

@@ -1,5 +1,5 @@
 // Generated from src/types/elements.d.ts. Do not edit directly.
 import type {} from '../types/elements.js';
 
-export type RefineElementTag = 'ore-accordion' | 'ore-accordion-item' | 'ore-alert' | 'ore-async' | 'ore-avatar' | 'ore-avatar-group' | 'ore-badge' | 'ore-box' | 'ore-breadcrumb' | 'ore-breadcrumb-item' | 'ore-button' | 'ore-button-group' | 'ore-calendar' | 'ore-card' | 'ore-carousel' | 'ore-carousel-slide' | 'ore-chat-message' | 'ore-chat-panel' | 'ore-checkbox' | 'ore-checkbox-group' | 'ore-chip' | 'ore-code-window' | 'ore-column' | 'ore-combobox' | 'ore-combobox-option' | 'ore-command-palette' | 'ore-command-palette-item' | 'ore-cookie-banner' | 'ore-copy-command' | 'ore-counter' | 'ore-datagrid' | 'ore-date-picker' | 'ore-dialog' | 'ore-drawer' | 'ore-file-input' | 'ore-grid' | 'ore-grid-item' | 'ore-icon' | 'ore-input' | 'ore-keyboard-key' | 'ore-keyboard-shortcut' | 'ore-list' | 'ore-list-item' | 'ore-marquee' | 'ore-menu' | 'ore-menu-item' | 'ore-menu-separator' | 'ore-message-composer' | 'ore-navbar' | 'ore-navbar-item' | 'ore-navigation-menu' | 'ore-navigation-menu-item' | 'ore-navigation-menu-panel' | 'ore-number-input' | 'ore-otp-input' | 'ore-pagination' | 'ore-password-strength' | 'ore-popover' | 'ore-progress' | 'ore-qr-code' | 'ore-qr-scanner' | 'ore-radio' | 'ore-radio-group' | 'ore-rank-item' | 'ore-rank-list' | 'ore-rating' | 'ore-select' | 'ore-separator' | 'ore-sidebar' | 'ore-sidebar-group' | 'ore-sidebar-item' | 'ore-skeleton' | 'ore-slider' | 'ore-speech-player' | 'ore-stats' | 'ore-step' | 'ore-stepper' | 'ore-switch' | 'ore-tab-item' | 'ore-tab-panel' | 'ore-table' | 'ore-tabs' | 'ore-td' | 'ore-text' | 'ore-textarea' | 'ore-th' | 'ore-time-picker' | 'ore-toast' | 'ore-tooltip' | 'ore-tr' | 'ore-typing-indicator';
+export type RefineElementTag = 'ore-accordion' | 'ore-accordion-item' | 'ore-alert' | 'ore-async' | 'ore-avatar' | 'ore-avatar-group' | 'ore-badge' | 'ore-box' | 'ore-breadcrumb' | 'ore-breadcrumb-item' | 'ore-button' | 'ore-button-group' | 'ore-calendar' | 'ore-card' | 'ore-carousel' | 'ore-carousel-slide' | 'ore-chat-message' | 'ore-chat-panel' | 'ore-checkbox' | 'ore-checkbox-group' | 'ore-chip' | 'ore-code-window' | 'ore-column' | 'ore-combobox' | 'ore-combobox-option' | 'ore-command-palette' | 'ore-command-palette-item' | 'ore-cookie-banner' | 'ore-copy-command' | 'ore-counter' | 'ore-datagrid' | 'ore-date-picker' | 'ore-dialog' | 'ore-drawer' | 'ore-file-input' | 'ore-grid' | 'ore-grid-item' | 'ore-icon' | 'ore-input' | 'ore-keyboard-key' | 'ore-keyboard-shortcut' | 'ore-list' | 'ore-list-item' | 'ore-marquee' | 'ore-menu' | 'ore-menu-item' | 'ore-menu-separator' | 'ore-message-composer' | 'ore-navbar' | 'ore-navbar-item' | 'ore-navigation-menu' | 'ore-navigation-menu-item' | 'ore-navigation-menu-panel' | 'ore-number-input' | 'ore-otp-input' | 'ore-pagination' | 'ore-password-strength' | 'ore-popover' | 'ore-progress' | 'ore-qr-code' | 'ore-qr-scanner' | 'ore-query-bar' | 'ore-radio' | 'ore-radio-group' | 'ore-rank-item' | 'ore-rank-list' | 'ore-rating' | 'ore-select' | 'ore-separator' | 'ore-sidebar' | 'ore-sidebar-group' | 'ore-sidebar-item' | 'ore-skeleton' | 'ore-slider' | 'ore-speech-player' | 'ore-stats' | 'ore-step' | 'ore-stepper' | 'ore-switch' | 'ore-tab-item' | 'ore-tab-panel' | 'ore-table' | 'ore-tabs' | 'ore-td' | 'ore-text' | 'ore-textarea' | 'ore-th' | 'ore-time-picker' | 'ore-toast' | 'ore-tooltip' | 'ore-tr' | 'ore-typing-indicator';
 export type RefineElementMap = Pick<HTMLElementTagNameMap, RefineElementTag>;

package/dist/inputs/index.d.ts

@@ -29,6 +29,8 @@ export type { OreOtpInputEvents, OreOtpInputProps } from './otp-input/otp-input'
 export { OTP_INPUT_TAG } from './otp-input/otp-input';
 export type { OreQrScannerEvents, OreQrScannerProps, OreQrScannerStatus, QrScannerFactory, } from './qr-scanner/qr-scanner';
 export { QR_SCANNER_TAG } from './qr-scanner/qr-scanner';
+export { QUERY_BAR_TAG, type QueryDraft, type QueryOption, type QueryState, type QuerySuggestion, type QueryToken, type QueryTokenDef, } from './query-bar/query-bar';
+export type { OreQueryBarEvents, OreQueryBarProps } from './query-bar/query-bar.types';
 export type { OreRadioEvents, OreRadioProps } from './radio/radio';
 export { RADIO_TAG } from './radio/radio';
 export type { OreRadioGroupEvents, OreRadioGroupProps } from './radio-group/radio-group';

package/dist/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inputs/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/inputs/index.ts"],"names":[],"mappings":"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"}

package/dist/inputs/query-bar/query-bar-grammar.cjs

@@ -0,0 +1,2 @@
+var e=/^([a-z][a-z0-9-]*):(.*)$/i,lower=e=>e.toLowerCase();function keyIndex(e){return new Map(e.map(e=>[lower(e.key),e]))}function resolveOption(e,t){let n=lower(t);return e.options.find(e=>lower(e.value)===n||lower(e.label)===n)}function draftOf(t,n){let r=e.exec(t);if(!r)return null;let i=n.get(lower(r[1]));return i?{key:i.key,valuePrefix:r[2]}:null}function trailingDraft(e,t,n){if(/\s$/.test(e))return null;let r=draftOf(t[t.length-1]??``,n);if(!r)return null;let i=n.get(lower(r.key));return i&&resolveOption(i,r.valuePrefix)?null:r}function commitToken(e,t,n){let r=[...e.tokens],i=r.findIndex(e=>e.key===t);return i>=0?r[i]={key:t,value:n}:r.push({key:t,value:n}),{text:e.text,tokens:r}}function removeToken(e,t){return{text:e.text,tokens:e.tokens.filter(e=>e.key!==t)}}function tokenValue(e,t){return e.tokens.find(e=>e.key===t)?.value}var hasQueryFilters=e=>e.text.trim()!==``||e.tokens.length>0;function parseQuery(t,n){let r=t.trim();if(r===``)return{draft:null,text:``,tokens:[]};let i=keyIndex(n),a=r.split(/\s+/),o=trailingDraft(t,a,i),s=o?a.slice(0,-1):a,c=[],l=[];for(let t of s){let n=e.exec(t),r=n?i.get(lower(n[1])):void 0,a=r&&n?resolveOption(r,n[2]):void 0;if(r&&a){let e=l.findIndex(e=>e.key===r.key);e>=0?l[e]={key:r.key,value:a.value}:l.push({key:r.key,value:a.value})}else c.push(t)}return{draft:o,text:c.join(` `),tokens:l}}function suggestQuery(e,t){let n=parseQuery(e,t).draft,matches=(e,t)=>lower(t.value).startsWith(e)||lower(t.label).startsWith(e);if(n){let e=keyIndex(t).get(lower(n.key));if(!e)return[];let r=lower(n.valuePrefix);return e.options.filter(e=>matches(r,e)).map(t=>({key:e.key,kind:`value`,label:t.label,value:t.value}))}let r=lower(/\s$/.test(e)||e.trim()===``?``:e.trim().split(/\s+/).pop()??``),i=t.filter(e=>lower(e.key).startsWith(r)||lower(e.label).startsWith(r)).map(e=>({key:e.key,kind:`key`,label:e.label})),a=r===``?[]:t.flatMap(e=>e.options.filter(e=>matches(r,e)).map(t=>({key:e.key,kind:`value`,label:t.label,value:t.value})));return[...i,...a]}exports.commitToken=commitToken,exports.hasQueryFilters=hasQueryFilters,exports.parseQuery=parseQuery,exports.removeToken=removeToken,exports.suggestQuery=suggestQuery,exports.tokenValue=tokenValue;
+//# sourceMappingURL=query-bar-grammar.cjs.map

package/dist/inputs/query-bar/query-bar-grammar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar-grammar.cjs","names":[],"sources":["../../../src/inputs/query-bar/query-bar-grammar.ts"],"sourcesContent":["/**\n * The query-bar grammar: one search language for a field that accepts free text and\n * `key:value` tokens together (GitHub's pull-request search is the reference UX).\n * A surface decides which keys exist and which values they accept by passing a\n * vocabulary; the bar turns committed tokens into removable pills and keeps free\n * text in the field.\n *\n * This module is pure: no DOM, no framework, no locale access. Consumers build a\n * vocabulary from their own lists (localized where the labels are localized), pass\n * it in, and consume the resulting state. Token keys are locale-stable (`author:`\n * stays `author:` in German) while the vocabulary's labels stay localized.\n *\n * Semantics:\n * - A complete `key:value` fragment resolves against the vocabulary (value or label,\n *   case-insensitive) and commits immediately — the bar moves it out of the field\n *   into a removable pill.\n * - Unknown keys and unresolved values degrade to free text, never errors.\n * - One value per key: a second token for the same key replaces the first in place.\n * - The last fragment is a draft while the caret is inside it: `author:al…` stays\n *   out of the free text so partial tokens never leak into the live search, and it\n *   drives the suggestion list instead.\n */\n\n/** One selectable value of a token key. */\nexport interface QueryOption {\n  label: string;\n  value: string;\n}\n\n/** A vocabulary entry: the token key, its display name, and its accepted values. */\nexport interface QueryTokenDef {\n  key: string;\n  label: string;\n  options: QueryOption[];\n}\n\n/** A committed `key:value` filter. */\nexport interface QueryToken {\n  key: string;\n  value: string;\n}\n\n/** The bar's whole state: free text plus committed tokens. */\nexport interface QueryState {\n  text: string;\n  tokens: QueryToken[];\n}\n\n/** A `key:…` fragment still being composed at the end of the field. */\nexport interface QueryDraft {\n  key: string;\n  valuePrefix: string;\n}\n\n/** What parsing extracted from the raw field content. */\nexport interface ParsedQuery {\n  draft: QueryDraft | null;\n  text: string;\n  tokens: QueryToken[];\n}\n\n/** A suggestion the dropdown offers: pick a key to compose, or a value to commit. */\nexport type QuerySuggestion =\n  | { key: string; kind: 'key'; label: string }\n  | { key: string; kind: 'value'; label: string; value: string };\n\nconst TOKEN_SYNTAX = /^([a-z][a-z0-9-]*):(.*)$/i;\n\nconst lower = (value: string): string => value.toLowerCase();\n\nfunction keyIndex(vocabulary: readonly QueryTokenDef[]): Map<string, QueryTokenDef> {\n  return new Map(vocabulary.map((def) => [lower(def.key), def]));\n}\n\n/** Resolves a typed value against a key's options: exact, case-insensitive, by value or label. */\nfunction resolveOption(def: QueryTokenDef, raw: string): QueryOption | undefined {\n  const needle = lower(raw);\n  return def.options.find((option) => lower(option.value) === needle || lower(option.label) === needle);\n}\n\n/** The trailing `key:…` fragment if it opens a known key, `null` for plain words. */\nfunction draftOf(fragment: string, index: Map<string, QueryTokenDef>): QueryDraft | null {\n  const match = TOKEN_SYNTAX.exec(fragment);\n  if (!match) return null;\n  const def = index.get(lower(match[1]));\n  return def ? { key: def.key, valuePrefix: match[2] } : null;\n}\n\n/**\n * The trailing fragment as a draft: a known key whose value is still being composed.\n * A fragment that already resolves to a whole option is NOT a draft — typing\n * `author:alice` commits the token immediately instead of waiting for a space.\n */\nfunction trailingDraft(input: string, fragments: string[], index: Map<string, QueryTokenDef>): QueryDraft | null {\n  if (/\\s$/.test(input)) return null;\n  const candidate = draftOf(fragments[fragments.length - 1] ?? '', index);\n  if (!candidate) return null;\n  const def = index.get(lower(candidate.key));\n  return def && resolveOption(def, candidate.valuePrefix) ? null : candidate;\n}\n\n/** One value per key: a second token replaces the first and keeps the pill's slot. */\nexport function commitToken(state: QueryState, key: string, value: string): QueryState {\n  const tokens = [...state.tokens];\n  const slot = tokens.findIndex((token) => token.key === key);\n  if (slot >= 0) tokens[slot] = { key, value };\n  else tokens.push({ key, value });\n  return { text: state.text, tokens };\n}\n\nexport function removeToken(state: QueryState, key: string): QueryState {\n  return { text: state.text, tokens: state.tokens.filter((token) => token.key !== key) };\n}\n\nexport function tokenValue(state: QueryState, key: string): string | undefined {\n  return state.tokens.find((token) => token.key === key)?.value;\n}\n\nexport const hasQueryFilters = (state: QueryState): boolean => state.text.trim() !== '' || state.tokens.length > 0;\n\n/**\n * Splits a raw field into free text, committed tokens, and the trailing draft.\n * The draft only exists while the input does not end in whitespace and the last\n * fragment is an unfinished `key:…` — a finished fragment is either a token or text.\n */\nexport function parseQuery(input: string, vocabulary: readonly QueryTokenDef[]): ParsedQuery {\n  const trimmed = input.trim();\n  if (trimmed === '') return { draft: null, text: '', tokens: [] };\n\n  const index = keyIndex(vocabulary);\n  const fragments = trimmed.split(/\\s+/);\n  const draft = trailingDraft(input, fragments, index);\n  const complete = draft ? fragments.slice(0, -1) : fragments;\n\n  const text: string[] = [];\n  const tokens: QueryToken[] = [];\n  for (const fragment of complete) {\n    const match = TOKEN_SYNTAX.exec(fragment);\n    const def = match ? index.get(lower(match[1])) : undefined;\n    const option = def && match ? resolveOption(def, match[2]) : undefined;\n    if (def && option) {\n      const slot = tokens.findIndex((token) => token.key === def.key);\n      if (slot >= 0) tokens[slot] = { key: def.key, value: option.value };\n      else tokens.push({ key: def.key, value: option.value });\n    } else {\n      text.push(fragment);\n    }\n  }\n  return { draft, text: text.join(' '), tokens };\n}\n\n/**\n * The dropdown's offers for the current field:\n * - inside a `key:…` draft: that key's options whose value or label matches the prefix;\n * - otherwise: the vocabulary's keys whose name matches the word being typed, plus\n *   any option across all keys that reads like that word (so typing `ali` offers\n *   `author:Alice` directly — the tap-first path).\n */\nexport function suggestQuery(input: string, vocabulary: readonly QueryTokenDef[]): QuerySuggestion[] {\n  const draft = parseQuery(input, vocabulary).draft;\n  const matches = (needle: string, option: QueryOption): boolean =>\n    lower(option.value).startsWith(needle) || lower(option.label).startsWith(needle);\n\n  if (draft) {\n    const def = keyIndex(vocabulary).get(lower(draft.key));\n    if (!def) return [];\n    const needle = lower(draft.valuePrefix);\n    return def.options\n      .filter((option) => matches(needle, option))\n      .map((option) => ({ key: def.key, kind: 'value', label: option.label, value: option.value }));\n  }\n\n  // The word being typed: none once the field ends in whitespace (focus fresh on a\n  // finished query), so the dropdown falls back to listing the vocabulary's keys.\n  const fragment = /\\s$/.test(input) || input.trim() === '' ? '' : (input.trim().split(/\\s+/).pop() ?? '');\n  const needle = lower(fragment);\n  const keys: QuerySuggestion[] = vocabulary\n    .filter((def) => lower(def.key).startsWith(needle) || lower(def.label).startsWith(needle))\n    .map((def) => ({ key: def.key, kind: 'key', label: def.label }));\n  const values: QuerySuggestion[] =\n    needle === ''\n      ? []\n      : vocabulary.flatMap((def) =>\n          def.options\n            .filter((option) => matches(needle, option))\n            .map((option) => ({ key: def.key, kind: 'value', label: option.label, value: option.value })),\n        );\n  return [...keys, ...values];\n}\n"],"mappings":"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"}

package/dist/inputs/query-bar/query-bar-grammar.d.ts

@@ -0,0 +1,85 @@
+/**
+ * The query-bar grammar: one search language for a field that accepts free text and
+ * `key:value` tokens together (GitHub's pull-request search is the reference UX).
+ * A surface decides which keys exist and which values they accept by passing a
+ * vocabulary; the bar turns committed tokens into removable pills and keeps free
+ * text in the field.
+ *
+ * This module is pure: no DOM, no framework, no locale access. Consumers build a
+ * vocabulary from their own lists (localized where the labels are localized), pass
+ * it in, and consume the resulting state. Token keys are locale-stable (`author:`
+ * stays `author:` in German) while the vocabulary's labels stay localized.
+ *
+ * Semantics:
+ * - A complete `key:value` fragment resolves against the vocabulary (value or label,
+ *   case-insensitive) and commits immediately — the bar moves it out of the field
+ *   into a removable pill.
+ * - Unknown keys and unresolved values degrade to free text, never errors.
+ * - One value per key: a second token for the same key replaces the first in place.
+ * - The last fragment is a draft while the caret is inside it: `author:al…` stays
+ *   out of the free text so partial tokens never leak into the live search, and it
+ *   drives the suggestion list instead.
+ */
+/** One selectable value of a token key. */
+export interface QueryOption {
+    label: string;
+    value: string;
+}
+/** A vocabulary entry: the token key, its display name, and its accepted values. */
+export interface QueryTokenDef {
+    key: string;
+    label: string;
+    options: QueryOption[];
+}
+/** A committed `key:value` filter. */
+export interface QueryToken {
+    key: string;
+    value: string;
+}
+/** The bar's whole state: free text plus committed tokens. */
+export interface QueryState {
+    text: string;
+    tokens: QueryToken[];
+}
+/** A `key:…` fragment still being composed at the end of the field. */
+export interface QueryDraft {
+    key: string;
+    valuePrefix: string;
+}
+/** What parsing extracted from the raw field content. */
+export interface ParsedQuery {
+    draft: QueryDraft | null;
+    text: string;
+    tokens: QueryToken[];
+}
+/** A suggestion the dropdown offers: pick a key to compose, or a value to commit. */
+export type QuerySuggestion = {
+    key: string;
+    kind: 'key';
+    label: string;
+} | {
+    key: string;
+    kind: 'value';
+    label: string;
+    value: string;
+};
+/** One value per key: a second token replaces the first and keeps the pill's slot. */
+export declare function commitToken(state: QueryState, key: string, value: string): QueryState;
+export declare function removeToken(state: QueryState, key: string): QueryState;
+export declare function tokenValue(state: QueryState, key: string): string | undefined;
+export declare const hasQueryFilters: (state: QueryState) => boolean;
+/**
+ * Splits a raw field into free text, committed tokens, and the trailing draft.
+ * The draft only exists while the input does not end in whitespace and the last
+ * fragment is an unfinished `key:…` — a finished fragment is either a token or text.
+ */
+export declare function parseQuery(input: string, vocabulary: readonly QueryTokenDef[]): ParsedQuery;
+/**
+ * The dropdown's offers for the current field:
+ * - inside a `key:…` draft: that key's options whose value or label matches the prefix;
+ * - otherwise: the vocabulary's keys whose name matches the word being typed, plus
+ *   any option across all keys that reads like that word (so typing `ali` offers
+ *   `author:Alice` directly — the tap-first path).
+ */
+export declare function suggestQuery(input: string, vocabulary: readonly QueryTokenDef[]): QuerySuggestion[];
+//# sourceMappingURL=query-bar-grammar.d.ts.map

package/dist/inputs/query-bar/query-bar-grammar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar-grammar.d.ts","sourceRoot":"","sources":["../../../src/inputs/query-bar/query-bar-grammar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,2CAA2C;AAC3C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oFAAoF;AACpF,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;AAED,sCAAsC;AACtC,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,8DAA8D;AAC9D,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,uEAAuE;AACvE,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,yDAAyD;AACzD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,qFAAqF;AACrF,MAAM,MAAM,eAAe,GACvB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAqCjE,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,UAAU,CAMrF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,UAAU,CAEtE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE7E;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,UAAU,KAAG,OAA8D,CAAC;AAEnH;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,aAAa,EAAE,GAAG,WAAW,CAwB3F;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,aAAa,EAAE,GAAG,eAAe,EAAE,CA8BnG"}

package/dist/inputs/query-bar/query-bar-grammar.js

@@ -0,0 +1,2 @@
+var e=/^([a-z][a-z0-9-]*):(.*)$/i,lower=e=>e.toLowerCase();function keyIndex(e){return new Map(e.map(e=>[lower(e.key),e]))}function resolveOption(e,t){let n=lower(t);return e.options.find(e=>lower(e.value)===n||lower(e.label)===n)}function draftOf(t,n){let r=e.exec(t);if(!r)return null;let i=n.get(lower(r[1]));return i?{key:i.key,valuePrefix:r[2]}:null}function trailingDraft(e,t,n){if(/\s$/.test(e))return null;let r=draftOf(t[t.length-1]??``,n);if(!r)return null;let i=n.get(lower(r.key));return i&&resolveOption(i,r.valuePrefix)?null:r}function commitToken(e,t,n){let r=[...e.tokens],i=r.findIndex(e=>e.key===t);return i>=0?r[i]={key:t,value:n}:r.push({key:t,value:n}),{text:e.text,tokens:r}}function removeToken(e,t){return{text:e.text,tokens:e.tokens.filter(e=>e.key!==t)}}function tokenValue(e,t){return e.tokens.find(e=>e.key===t)?.value}var hasQueryFilters=e=>e.text.trim()!==``||e.tokens.length>0;function parseQuery(t,n){let r=t.trim();if(r===``)return{draft:null,text:``,tokens:[]};let i=keyIndex(n),a=r.split(/\s+/),o=trailingDraft(t,a,i),s=o?a.slice(0,-1):a,c=[],l=[];for(let t of s){let n=e.exec(t),r=n?i.get(lower(n[1])):void 0,a=r&&n?resolveOption(r,n[2]):void 0;if(r&&a){let e=l.findIndex(e=>e.key===r.key);e>=0?l[e]={key:r.key,value:a.value}:l.push({key:r.key,value:a.value})}else c.push(t)}return{draft:o,text:c.join(` `),tokens:l}}function suggestQuery(e,t){let n=parseQuery(e,t).draft,matches=(e,t)=>lower(t.value).startsWith(e)||lower(t.label).startsWith(e);if(n){let e=keyIndex(t).get(lower(n.key));if(!e)return[];let r=lower(n.valuePrefix);return e.options.filter(e=>matches(r,e)).map(t=>({key:e.key,kind:`value`,label:t.label,value:t.value}))}let r=lower(/\s$/.test(e)||e.trim()===``?``:e.trim().split(/\s+/).pop()??``),i=t.filter(e=>lower(e.key).startsWith(r)||lower(e.label).startsWith(r)).map(e=>({key:e.key,kind:`key`,label:e.label})),a=r===``?[]:t.flatMap(e=>e.options.filter(e=>matches(r,e)).map(t=>({key:e.key,kind:`value`,label:t.label,value:t.value})));return[...i,...a]}export{commitToken,hasQueryFilters,parseQuery,removeToken,suggestQuery,tokenValue};
+//# sourceMappingURL=query-bar-grammar.js.map

package/dist/inputs/query-bar/query-bar-grammar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar-grammar.js","names":[],"sources":["../../../src/inputs/query-bar/query-bar-grammar.ts"],"sourcesContent":["/**\n * The query-bar grammar: one search language for a field that accepts free text and\n * `key:value` tokens together (GitHub's pull-request search is the reference UX).\n * A surface decides which keys exist and which values they accept by passing a\n * vocabulary; the bar turns committed tokens into removable pills and keeps free\n * text in the field.\n *\n * This module is pure: no DOM, no framework, no locale access. Consumers build a\n * vocabulary from their own lists (localized where the labels are localized), pass\n * it in, and consume the resulting state. Token keys are locale-stable (`author:`\n * stays `author:` in German) while the vocabulary's labels stay localized.\n *\n * Semantics:\n * - A complete `key:value` fragment resolves against the vocabulary (value or label,\n *   case-insensitive) and commits immediately — the bar moves it out of the field\n *   into a removable pill.\n * - Unknown keys and unresolved values degrade to free text, never errors.\n * - One value per key: a second token for the same key replaces the first in place.\n * - The last fragment is a draft while the caret is inside it: `author:al…` stays\n *   out of the free text so partial tokens never leak into the live search, and it\n *   drives the suggestion list instead.\n */\n\n/** One selectable value of a token key. */\nexport interface QueryOption {\n  label: string;\n  value: string;\n}\n\n/** A vocabulary entry: the token key, its display name, and its accepted values. */\nexport interface QueryTokenDef {\n  key: string;\n  label: string;\n  options: QueryOption[];\n}\n\n/** A committed `key:value` filter. */\nexport interface QueryToken {\n  key: string;\n  value: string;\n}\n\n/** The bar's whole state: free text plus committed tokens. */\nexport interface QueryState {\n  text: string;\n  tokens: QueryToken[];\n}\n\n/** A `key:…` fragment still being composed at the end of the field. */\nexport interface QueryDraft {\n  key: string;\n  valuePrefix: string;\n}\n\n/** What parsing extracted from the raw field content. */\nexport interface ParsedQuery {\n  draft: QueryDraft | null;\n  text: string;\n  tokens: QueryToken[];\n}\n\n/** A suggestion the dropdown offers: pick a key to compose, or a value to commit. */\nexport type QuerySuggestion =\n  | { key: string; kind: 'key'; label: string }\n  | { key: string; kind: 'value'; label: string; value: string };\n\nconst TOKEN_SYNTAX = /^([a-z][a-z0-9-]*):(.*)$/i;\n\nconst lower = (value: string): string => value.toLowerCase();\n\nfunction keyIndex(vocabulary: readonly QueryTokenDef[]): Map<string, QueryTokenDef> {\n  return new Map(vocabulary.map((def) => [lower(def.key), def]));\n}\n\n/** Resolves a typed value against a key's options: exact, case-insensitive, by value or label. */\nfunction resolveOption(def: QueryTokenDef, raw: string): QueryOption | undefined {\n  const needle = lower(raw);\n  return def.options.find((option) => lower(option.value) === needle || lower(option.label) === needle);\n}\n\n/** The trailing `key:…` fragment if it opens a known key, `null` for plain words. */\nfunction draftOf(fragment: string, index: Map<string, QueryTokenDef>): QueryDraft | null {\n  const match = TOKEN_SYNTAX.exec(fragment);\n  if (!match) return null;\n  const def = index.get(lower(match[1]));\n  return def ? { key: def.key, valuePrefix: match[2] } : null;\n}\n\n/**\n * The trailing fragment as a draft: a known key whose value is still being composed.\n * A fragment that already resolves to a whole option is NOT a draft — typing\n * `author:alice` commits the token immediately instead of waiting for a space.\n */\nfunction trailingDraft(input: string, fragments: string[], index: Map<string, QueryTokenDef>): QueryDraft | null {\n  if (/\\s$/.test(input)) return null;\n  const candidate = draftOf(fragments[fragments.length - 1] ?? '', index);\n  if (!candidate) return null;\n  const def = index.get(lower(candidate.key));\n  return def && resolveOption(def, candidate.valuePrefix) ? null : candidate;\n}\n\n/** One value per key: a second token replaces the first and keeps the pill's slot. */\nexport function commitToken(state: QueryState, key: string, value: string): QueryState {\n  const tokens = [...state.tokens];\n  const slot = tokens.findIndex((token) => token.key === key);\n  if (slot >= 0) tokens[slot] = { key, value };\n  else tokens.push({ key, value });\n  return { text: state.text, tokens };\n}\n\nexport function removeToken(state: QueryState, key: string): QueryState {\n  return { text: state.text, tokens: state.tokens.filter((token) => token.key !== key) };\n}\n\nexport function tokenValue(state: QueryState, key: string): string | undefined {\n  return state.tokens.find((token) => token.key === key)?.value;\n}\n\nexport const hasQueryFilters = (state: QueryState): boolean => state.text.trim() !== '' || state.tokens.length > 0;\n\n/**\n * Splits a raw field into free text, committed tokens, and the trailing draft.\n * The draft only exists while the input does not end in whitespace and the last\n * fragment is an unfinished `key:…` — a finished fragment is either a token or text.\n */\nexport function parseQuery(input: string, vocabulary: readonly QueryTokenDef[]): ParsedQuery {\n  const trimmed = input.trim();\n  if (trimmed === '') return { draft: null, text: '', tokens: [] };\n\n  const index = keyIndex(vocabulary);\n  const fragments = trimmed.split(/\\s+/);\n  const draft = trailingDraft(input, fragments, index);\n  const complete = draft ? fragments.slice(0, -1) : fragments;\n\n  const text: string[] = [];\n  const tokens: QueryToken[] = [];\n  for (const fragment of complete) {\n    const match = TOKEN_SYNTAX.exec(fragment);\n    const def = match ? index.get(lower(match[1])) : undefined;\n    const option = def && match ? resolveOption(def, match[2]) : undefined;\n    if (def && option) {\n      const slot = tokens.findIndex((token) => token.key === def.key);\n      if (slot >= 0) tokens[slot] = { key: def.key, value: option.value };\n      else tokens.push({ key: def.key, value: option.value });\n    } else {\n      text.push(fragment);\n    }\n  }\n  return { draft, text: text.join(' '), tokens };\n}\n\n/**\n * The dropdown's offers for the current field:\n * - inside a `key:…` draft: that key's options whose value or label matches the prefix;\n * - otherwise: the vocabulary's keys whose name matches the word being typed, plus\n *   any option across all keys that reads like that word (so typing `ali` offers\n *   `author:Alice` directly — the tap-first path).\n */\nexport function suggestQuery(input: string, vocabulary: readonly QueryTokenDef[]): QuerySuggestion[] {\n  const draft = parseQuery(input, vocabulary).draft;\n  const matches = (needle: string, option: QueryOption): boolean =>\n    lower(option.value).startsWith(needle) || lower(option.label).startsWith(needle);\n\n  if (draft) {\n    const def = keyIndex(vocabulary).get(lower(draft.key));\n    if (!def) return [];\n    const needle = lower(draft.valuePrefix);\n    return def.options\n      .filter((option) => matches(needle, option))\n      .map((option) => ({ key: def.key, kind: 'value', label: option.label, value: option.value }));\n  }\n\n  // The word being typed: none once the field ends in whitespace (focus fresh on a\n  // finished query), so the dropdown falls back to listing the vocabulary's keys.\n  const fragment = /\\s$/.test(input) || input.trim() === '' ? '' : (input.trim().split(/\\s+/).pop() ?? '');\n  const needle = lower(fragment);\n  const keys: QuerySuggestion[] = vocabulary\n    .filter((def) => lower(def.key).startsWith(needle) || lower(def.label).startsWith(needle))\n    .map((def) => ({ key: def.key, kind: 'key', label: def.label }));\n  const values: QuerySuggestion[] =\n    needle === ''\n      ? []\n      : vocabulary.flatMap((def) =>\n          def.options\n            .filter((option) => matches(needle, option))\n            .map((option) => ({ key: def.key, kind: 'value', label: option.label, value: option.value })),\n        );\n  return [...keys, ...values];\n}\n"],"mappings":"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"}

package/dist/inputs/query-bar/query-bar.css.cjs

@@ -0,0 +1,2 @@
+var e=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));min-width:var(--query-bar-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.prefix{display:contents}.prefix>ore-icon{color:var(--text-color-tertiary);flex-shrink:0}.prefix>ore-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}.prefix>ore-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.pills{display:contents}.prefix ore-chip{flex:none}.prefix ore-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}.prefix ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border);border-radius:var(--rounded-sm)}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;min-width:var(--query-bar-dropdown-min-width,16rem);max-width:var(--query-bar-dropdown-max-width,min(28rem, calc(100vw - var(--size-4))));max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{box-sizing:border-box;gap:var(--size-2);height:var(--query-bar-option-height,36px);padding:var(--size-1) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:baseline;display:flex}.option:hover{background:var(--_option-hover-bg)}.option[data-focused]{color:var(--_theme-base);background:var(--_option-focus-bg)}.no-match{box-sizing:border-box;height:var(--query-bar-option-height,36px);padding:var(--size-1) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-color-tertiary);border-radius:var(--rounded-sm);align-items:center;display:flex}.option-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.option-meta{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:1;overflow:hidden}.option-meta:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.option-meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}}`;exports.default=e;
+//# sourceMappingURL=query-bar.css.cjs.map

package/dist/inputs/query-bar/query-bar.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar.css.cjs","names":[],"sources":["../../../src/inputs/query-bar/query-bar.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_dropdown-bg: var(--combobox-dropdown-bg, var(--color-canvas));\n    --_dropdown-border-color: var(--combobox-dropdown-border-color, var(--color-contrast-200));\n    --_option-hover-bg: var(--combobox-option-hover-bg, var(--color-contrast-100));\n    --_option-focus-bg: var(\n      --combobox-option-focus-bg,\n      color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))\n    );\n\n    display: inline-flex;\n    flex-direction: column;\n    align-items: stretch;\n    min-width: var(--query-bar-min-width, 12rem);\n  }\n\n  :host([open]) {\n    /* Nothing yet: the open state is reflected for consumer styling. */\n  }\n\n  /* ore-input cursor override so the field still feels like a text input */\n  .trigger::part(input) {\n    cursor: text;\n  }\n\n  /* Allow the field to grow vertically when pills wrap to multiple rows. */\n  .trigger::part(field) {\n    height: auto;\n    min-height: var(--input-height, var(--size-10));\n  }\n\n  /* Wrap pills + input across rows; the suffix stays on the input's row.\n     Only row-gap is set here: spacing between pills is handled via margin on\n     ore-chip so the empty prefix adds no extra offset. */\n  .trigger::part(input-row) {\n    flex-wrap: wrap;\n    row-gap: var(--size-1);\n    align-items: center;\n  }\n\n  /* ========================================\n     Prefix: search icon + pill tokens\n     ======================================== */\n\n  /* display:contents removes the prefix wrapper from the flex layout so the\n     icon and chips become direct flex items of input-row. */\n  .prefix {\n    display: contents;\n  }\n\n  .prefix > ore-icon {\n    flex-shrink: 0;\n    margin-inline-end: var(--size-1);\n    color: var(--text-color-tertiary);\n  }\n\n  /* .pills is also display:contents so individual ore-chip elements are the\n     direct flex items, wrapping inline with the search input. */\n  .pills {\n    display: contents;\n  }\n\n  /* Trailing space after each chip covers both inter-chip spacing and\n     the gap between the last chip and the search input. Pills never shrink:\n     they keep their readable size and wrap instead. */\n  .prefix ore-chip {\n    flex: none;\n    margin-inline-end: var(--size-1);\n  }\n\n  /* ========================================\n     Suffix: clear button\n     ======================================== */\n\n  .suffix {\n    display: flex;\n    flex-shrink: 0;\n    gap: var(--size-1);\n    align-items: center;\n  }\n\n  .clear-btn {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    padding: 0;\n    color: var(--color-contrast-400);\n    cursor: pointer;\n    background: none;\n    border: 0;\n  }\n\n  .clear-btn[hidden] {\n    display: none;\n  }\n\n  .clear-btn:hover {\n    color: var(--color-contrast-600);\n  }\n\n  .clear-btn:focus-visible {\n    outline: var(--border-2) solid var(--_theme-focus);\n    outline-offset: var(--border);\n    border-radius: var(--rounded-sm);\n  }\n\n  /* ========================================\n     Dropdown / Listbox\n     ======================================== */\n\n  .dropdown {\n    position: fixed;\n    inset: 0 auto auto 0;\n    z-index: calc(var(--z-popover, 1000) + 1);\n    box-sizing: border-box;\n    min-width: var(--query-bar-dropdown-min-width, 16rem);\n    max-width: var(--query-bar-dropdown-max-width, min(28rem, calc(100vw - var(--size-4))));\n    max-height: min(16rem, 50dvh);\n    padding: var(--size-1);\n    margin: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    text-align: start;\n    pointer-events: none;\n    scrollbar-width: thin;\n    background: var(--_dropdown-bg);\n    border: var(--border) solid var(--_dropdown-border-color);\n    border-radius: var(--_radius);\n    box-shadow: var(--shadow-lg);\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-md));\n    transform: translateY(var(--overlay-enter-translate-y));\n    transition: var(\n      --_motion-transition,\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete\n    );\n  }\n\n  .dropdown[data-open] {\n    pointer-events: auto;\n    opacity: 1;\n    transform: translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: translateY(var(--overlay-enter-translate-y));\n    }\n  }\n\n  /* ========================================\n     Suggestion rows\n     ======================================== */\n\n  .option {\n    box-sizing: border-box;\n    display: flex;\n    gap: var(--size-2);\n    align-items: baseline;\n    height: var(--query-bar-option-height, 36px);\n    padding: var(--size-1) var(--size-2-5);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  .option:hover {\n    background: var(--_option-hover-bg);\n  }\n\n  .option[data-focused] {\n    color: var(--_theme-base);\n    background: var(--_option-focus-bg);\n  }\n\n  /* The muted dead-draft row: explains the degradation instead of closing silently.\n     Follows the combobox \"no-results\" presentation pattern. */\n  .no-match {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    height: var(--query-bar-option-height, 36px);\n    padding: var(--size-1) var(--size-2-5);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    color: var(--text-color-tertiary);\n    border-radius: var(--rounded-sm);\n  }\n\n  .option-label {\n    flex: 0 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* The muted second column names the dimension a value belongs to, or the\n     `key:` syntax a key suggestion inserts. */\n  .option-meta {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--text-xs);\n    color: var(--text-color-tertiary);\n    text-align: end;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/inputs/query-bar/query-bar.css.js

@@ -0,0 +1,2 @@
+var e=`@layer refine.base{:host{--_dropdown-bg:var(--combobox-dropdown-bg,var(--color-canvas));--_dropdown-border-color:var(--combobox-dropdown-border-color,var(--color-contrast-200));--_option-hover-bg:var(--combobox-option-hover-bg,var(--color-contrast-100));--_option-focus-bg:var(--combobox-option-focus-bg,color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100)));min-width:var(--query-bar-min-width,12rem);flex-direction:column;align-items:stretch;display:inline-flex}.trigger::part(input){cursor:text}.trigger::part(field){height:auto;min-height:var(--input-height,var(--size-10))}.trigger::part(input-row){row-gap:var(--size-1);flex-wrap:wrap;align-items:center}.prefix{display:contents}.prefix>ore-icon{color:var(--text-color-tertiary);flex-shrink:0}.prefix>ore-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}.prefix>ore-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.pills{display:contents}.prefix ore-chip{flex:none}.prefix ore-chip:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:var(--size-1)}.prefix ore-chip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:var(--size-1)}.suffix{gap:var(--size-1);flex-shrink:0;align-items:center;display:flex}.clear-btn{color:var(--color-contrast-400);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.clear-btn[hidden]{display:none}.clear-btn:hover{color:var(--color-contrast-600)}.clear-btn:focus-visible{outline:var(--border-2) solid var(--_theme-focus);outline-offset:var(--border);border-radius:var(--rounded-sm)}.dropdown{z-index:calc(var(--z-popover,1000) + 1);box-sizing:border-box;min-width:var(--query-bar-dropdown-min-width,16rem);max-width:var(--query-bar-dropdown-max-width,min(28rem, calc(100vw - var(--size-4))));max-height:min(16rem,50dvh);padding:var(--size-1);overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;background:var(--_dropdown-bg);border:var(--border) solid var(--_dropdown-border-color);border-radius:var(--_radius);box-shadow:var(--shadow-lg);opacity:0;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transform:translateY(var(--overlay-enter-translate-y));transition:var(--_motion-transition,opacity var(--transition-fast), transform var(--transition-fast), display var(--transition-fast) allow-discrete);margin:0;position:fixed;inset:0 auto auto 0;overflow-y:auto}.dropdown:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.dropdown:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.dropdown[data-open]{pointer-events:auto;opacity:1;transform:translateY(0)}@starting-style{.dropdown[data-open]{opacity:0;transform:translateY(var(--overlay-enter-translate-y))}}.option{box-sizing:border-box;gap:var(--size-2);height:var(--query-bar-option-height,36px);padding:var(--size-1) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);cursor:pointer;border-radius:var(--rounded-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:baseline;display:flex}.option:hover{background:var(--_option-hover-bg)}.option[data-focused]{color:var(--_theme-base);background:var(--_option-focus-bg)}.no-match{box-sizing:border-box;height:var(--query-bar-option-height,36px);padding:var(--size-1) var(--size-2-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-color-tertiary);border-radius:var(--rounded-sm);align-items:center;display:flex}.option-label{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.option-meta{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-color-tertiary);white-space:nowrap;flex:1;overflow:hidden}.option-meta:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.option-meta:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}}`;export{e as default};
+//# sourceMappingURL=query-bar.css.js.map

package/dist/inputs/query-bar/query-bar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar.css.js","names":[],"sources":["../../../src/inputs/query-bar/query-bar.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_dropdown-bg: var(--combobox-dropdown-bg, var(--color-canvas));\n    --_dropdown-border-color: var(--combobox-dropdown-border-color, var(--color-contrast-200));\n    --_option-hover-bg: var(--combobox-option-hover-bg, var(--color-contrast-100));\n    --_option-focus-bg: var(\n      --combobox-option-focus-bg,\n      color-mix(in oklch, var(--_theme-base) 12%, var(--color-contrast-100))\n    );\n\n    display: inline-flex;\n    flex-direction: column;\n    align-items: stretch;\n    min-width: var(--query-bar-min-width, 12rem);\n  }\n\n  :host([open]) {\n    /* Nothing yet: the open state is reflected for consumer styling. */\n  }\n\n  /* ore-input cursor override so the field still feels like a text input */\n  .trigger::part(input) {\n    cursor: text;\n  }\n\n  /* Allow the field to grow vertically when pills wrap to multiple rows. */\n  .trigger::part(field) {\n    height: auto;\n    min-height: var(--input-height, var(--size-10));\n  }\n\n  /* Wrap pills + input across rows; the suffix stays on the input's row.\n     Only row-gap is set here: spacing between pills is handled via margin on\n     ore-chip so the empty prefix adds no extra offset. */\n  .trigger::part(input-row) {\n    flex-wrap: wrap;\n    row-gap: var(--size-1);\n    align-items: center;\n  }\n\n  /* ========================================\n     Prefix: search icon + pill tokens\n     ======================================== */\n\n  /* display:contents removes the prefix wrapper from the flex layout so the\n     icon and chips become direct flex items of input-row. */\n  .prefix {\n    display: contents;\n  }\n\n  .prefix > ore-icon {\n    flex-shrink: 0;\n    margin-inline-end: var(--size-1);\n    color: var(--text-color-tertiary);\n  }\n\n  /* .pills is also display:contents so individual ore-chip elements are the\n     direct flex items, wrapping inline with the search input. */\n  .pills {\n    display: contents;\n  }\n\n  /* Trailing space after each chip covers both inter-chip spacing and\n     the gap between the last chip and the search input. Pills never shrink:\n     they keep their readable size and wrap instead. */\n  .prefix ore-chip {\n    flex: none;\n    margin-inline-end: var(--size-1);\n  }\n\n  /* ========================================\n     Suffix: clear button\n     ======================================== */\n\n  .suffix {\n    display: flex;\n    flex-shrink: 0;\n    gap: var(--size-1);\n    align-items: center;\n  }\n\n  .clear-btn {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    padding: 0;\n    color: var(--color-contrast-400);\n    cursor: pointer;\n    background: none;\n    border: 0;\n  }\n\n  .clear-btn[hidden] {\n    display: none;\n  }\n\n  .clear-btn:hover {\n    color: var(--color-contrast-600);\n  }\n\n  .clear-btn:focus-visible {\n    outline: var(--border-2) solid var(--_theme-focus);\n    outline-offset: var(--border);\n    border-radius: var(--rounded-sm);\n  }\n\n  /* ========================================\n     Dropdown / Listbox\n     ======================================== */\n\n  .dropdown {\n    position: fixed;\n    inset: 0 auto auto 0;\n    z-index: calc(var(--z-popover, 1000) + 1);\n    box-sizing: border-box;\n    min-width: var(--query-bar-dropdown-min-width, 16rem);\n    max-width: var(--query-bar-dropdown-max-width, min(28rem, calc(100vw - var(--size-4))));\n    max-height: min(16rem, 50dvh);\n    padding: var(--size-1);\n    margin: 0;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    text-align: start;\n    pointer-events: none;\n    scrollbar-width: thin;\n    background: var(--_dropdown-bg);\n    border: var(--border) solid var(--_dropdown-border-color);\n    border-radius: var(--_radius);\n    box-shadow: var(--shadow-lg);\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-md));\n    transform: translateY(var(--overlay-enter-translate-y));\n    transition: var(\n      --_motion-transition,\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete\n    );\n  }\n\n  .dropdown[data-open] {\n    pointer-events: auto;\n    opacity: 1;\n    transform: translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: translateY(var(--overlay-enter-translate-y));\n    }\n  }\n\n  /* ========================================\n     Suggestion rows\n     ======================================== */\n\n  .option {\n    box-sizing: border-box;\n    display: flex;\n    gap: var(--size-2);\n    align-items: baseline;\n    height: var(--query-bar-option-height, 36px);\n    padding: var(--size-1) var(--size-2-5);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  .option:hover {\n    background: var(--_option-hover-bg);\n  }\n\n  .option[data-focused] {\n    color: var(--_theme-base);\n    background: var(--_option-focus-bg);\n  }\n\n  /* The muted dead-draft row: explains the degradation instead of closing silently.\n     Follows the combobox \"no-results\" presentation pattern. */\n  .no-match {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    height: var(--query-bar-option-height, 36px);\n    padding: var(--size-1) var(--size-2-5);\n    font-size: var(--text-sm);\n    line-height: var(--leading-normal);\n    color: var(--text-color-tertiary);\n    border-radius: var(--rounded-sm);\n  }\n\n  .option-label {\n    flex: 0 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  /* The muted second column names the dimension a value belongs to, or the\n     `key:` syntax a key suggestion inserts. */\n  .option-meta {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--text-xs);\n    color: var(--text-color-tertiary);\n    text-align: end;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/inputs/query-bar/query-bar.d.ts

@@ -0,0 +1,68 @@
+export { CHIP_TAG } from '../../feedback/chip/chip';
+export { INPUT_TAG } from '../input/input';
+export type { OreQueryBarEvents, OreQueryBarProps } from './query-bar.types';
+export * from './query-bar-grammar';
+/**
+ * A search field that accepts free text and `key:value` tokens together, in the
+ * grammar GitHub's pull-request search made familiar. Committed tokens render as
+ * removable pills inside the field; a suggestion dropdown lists the vocabulary's
+ * keys and matching values while typing, so phones never need to type a colon.
+ *
+ * The bar is state-driven: `vocabulary` defines the token keys and their accepted
+ * values, `state` carries `{ text, tokens }`, and every edit emits `input` +
+ * `change` with the new state readable from the element's `state` property. Omit
+ * `state` for uncontrolled use. External `state` writes whose `tokens` array is
+ * identical to the current one are treated as echoes — only token changes are
+ * adopted — so text-only round-trips never wipe the field's live draft.
+ *
+ * The dropdown opens while the field holds focus (and reopens on typing after
+ * Escape) and overlays the page from the top layer. Picking a key suggestion
+ * starts composing `key:`; picking a value commits its pill. Typing a complete
+ * `key:value` commits immediately. Backspace on an empty field removes the last
+ * pill. A draft whose value matches nothing shows a "searching as text" row
+ * instead of closing; on blur, a bare `key:` fragment reverts and a dead draft
+ * degrades into the searched text, so the field never carries silent residue.
+ *
+ * @element ore-query-bar
+ *
+ * @attr {string} label - Accessible name for the entry field
+ * @attr {string} placeholder - Field placeholder, typically the surface's search hint
+ * @attr {string} error - Inline error under the field
+ * @attr {string} helper - Helper text under the field
+ * @attr {boolean} hide-label - Hide the visible label while keeping its accessible name
+ * @attr {boolean} clearable - Show a clear (×) button; it clears the free text only
+ * @attr {boolean} disabled - Disable the whole bar
+ * @attr {string} size - Field size: 'sm' | 'md' | 'lg'
+ * @attr {string} rounded - Field radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
+ * @attr {string} variant - Field variant: 'flat' | 'solid' | 'bordered' | 'outline' | 'ghost'
+ *
+ * @prop {QueryState} state - The controlled query state; write a new object to apply external changes
+ * @prop {QueryTokenDef[]} vocabulary - The token vocabulary
+ *
+ * @fires input - The query changed; read the new state from the `state` property
+ * @fires change - Same as `input`
+ * @fires open-change - The suggestion dropdown opened or closed. detail: { open, reason }
+ *
+ * @part wrapper - The ore-input field host
+ * @part dropdown - The suggestion dropdown container
+ * @cssprop --query-bar-min-width - Minimum host width (default 12rem)
+ * @cssprop --query-bar-icon-size - Leading search icon size (default 16px)
+ * @cssprop --query-bar-option-height - Suggestion row height (default 36px)
+ * @cssprop --query-bar-dropdown-min-width - Dropdown panel minimum width (default 16rem)
+ * @cssprop --query-bar-dropdown-max-width - Dropdown panel maximum width (default 28rem, viewport-capped)
+ * @cssprop --chip-* - Pill styling (see ore-chip)
+ * @cssprop --combobox-dropdown-* - Dropdown panel and option styling (see ore-combobox)
+ *
+ * @example
+ * ```html
+ * <ore-query-bar id="bar" label="Search issues" placeholder="Title, author or label…" clearable>
+ * </ore-query-bar>
+ * <script>
+ *   bar.vocabulary = [
+ *     { key: 'author', label: 'Author', options: [{ label: 'Alice', value: 'alice' }] },
+ *   ];
+ * </script>
+ * ```
+ */
+export declare const QUERY_BAR_TAG: "ore-query-bar";
+//# sourceMappingURL=query-bar.d.ts.map

package/dist/inputs/query-bar/query-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar.d.ts","sourceRoot":"","sources":["../../../src/inputs/query-bar/query-bar.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,cAAc,qBAAqB,CAAC;AAKpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC"}

package/dist/inputs/query-bar/query-bar.types.d.ts

@@ -0,0 +1,42 @@
+import type { QueryState, QueryToken, QueryTokenDef } from './query-bar-grammar';
+/** Component properties for `ore-query-bar`. */
+export type OreQueryBarProps = {
+    /** Show the field's own clear (×) button; it clears the free text only. */
+    clearable?: boolean;
+    /** Disable the whole bar: field, suggestions, and pill removal. */
+    disabled?: boolean;
+    /** Inline error under the field, e.g. a server-side search-length message. */
+    error?: string;
+    /** Helper text under the field. */
+    helper?: string;
+    /** Hide the visible label while keeping its accessible name. */
+    'hide-label'?: boolean;
+    /** Accessible name for the entry field. */
+    label?: string;
+    /** Field placeholder, typically the surface's search hint. */
+    placeholder?: string;
+    /** Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'. */
+    rounded?: string;
+    /** Component size: 'sm' | 'md' | 'lg'. */
+    size?: string;
+    /** The controlled query state. Omit for uncontrolled use; write a new object (with a
+     *  different `tokens` array) to apply external changes such as deep-link presets. */
+    state?: QueryState;
+    /** Field variant: 'flat' | 'solid' | 'bordered' | 'outline' | 'ghost'. */
+    variant?: string;
+    /** The token vocabulary: which keys exist and which values each accepts. */
+    vocabulary?: QueryTokenDef[];
+};
+export type OreQueryBarEvents = {
+    /** The query changed: free text edited, a token committed, or a token removed. */
+    change: void;
+    /** Same as `change`; read the new query from the host's `state` property. */
+    input: void;
+    /** The suggestion dropdown opened or closed. detail: { open, reason } */
+    'open-change': {
+        open: boolean;
+        reason: string;
+    };
+};
+export type { QueryState, QueryToken, QueryTokenDef };
+//# sourceMappingURL=query-bar.types.d.ts.map

package/dist/inputs/query-bar/query-bar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-bar.types.d.ts","sourceRoot":"","sources":["../../../src/inputs/query-bar/query-bar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEjF,gDAAgD;AAChD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;yFACqF;IACrF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kFAAkF;IAClF,MAAM,EAAE,IAAI,CAAC;IACb,6EAA6E;IAC7E,KAAK,EAAE,IAAI,CAAC;IACZ,yEAAyE;IACzE,aAAa,EAAE;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAClD,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}

package/dist/navbar.cjs

@@ -48,7 +48,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
           <slot name="mobile-menu"></slot>
         </div>
       </nav>
-    `},styles:[n.colorThemeMixin,n.elevationMixin,t.roundedVariantMixin,e.coarsePointerMixin,e.reducedMotionMixin,r.frostVariantMixin(`.navbar`),s.default]});var p=`ore-navbar-item`;(0,u.define)(p,{props:{active:u.prop.bool(!1),ariaLabel:u.prop.string(),disabled:u.prop.bool(!1),href:u.prop.string(),"icon-only":u.prop.bool(!1),rel:u.prop.string(),target:u.prop.string()},setup(e){let t=(0,u.useSlots)(),hasIcon=()=>t.has(`icon`).value,hasEnd=()=>t.has(`end`).value,n=(0,u.inject)(d);(0,u.bind)({attr:{"navbar-mobile":()=>n?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>n?.mobileMenuOpen.value?!0:void 0}});let isLink=()=>!!e.href.value&&!e.disabled.value,r=(0,c.computed)(()=>a.computeSafeRel(e.rel.value,e.target.value)),closeMobileMenuIfOpen=()=>{n?.mobileMenuOpen.value&&n.closeMobileMenu()},renderItemContent=()=>u.html`
+    `},styles:[n.colorThemeMixin,n.elevationMixin,t.roundedVariantMixin,e.coarsePointerMixin,e.reducedMotionMixin,r.frostVariantMixin(`.navbar`),s.default]});var p=`ore-navbar-item`;(0,u.define)(p,{props:{active:u.prop.bool(!1),ariaLabel:u.prop.string(),disabled:u.prop.bool(!1),href:u.prop.string(),"icon-only":u.prop.bool(!1),rel:u.prop.string(),target:u.prop.string()},setup(e){let t=(0,u.useSlots)(),hasIcon=()=>t.has(`icon`).value,hasEnd=()=>t.has(`end`).value,n=(0,u.inject)(d);(0,u.bind)({attr:{"navbar-mobile":()=>n?.isMobile.value?!0:void 0,"navbar-mobile-open":()=>n?.mobileMenuOpen.value?!0:void 0}});let isLink=()=>!!e.href.value&&!e.disabled.value,r=(0,c.computed)(()=>a.computeSafeRel(e.rel.value,e.target.value)),i=(0,c.computed)(()=>{if(!e.active.value)return null;let t=e.href.value;return t!==void 0&&t.startsWith(`#`)?`location`:`page`}),closeMobileMenuIfOpen=()=>{n?.mobileMenuOpen.value&&n.closeMobileMenu()},renderItemContent=()=>u.html`
       <span class="item-icon" part="item-icon" ?hidden=${()=>!hasIcon()} aria-hidden="true">
         <slot name="icon"></slot>
       </span>
@@ -65,7 +65,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
               rel="${r}"
               target="${e.target}"
               aria-label="${()=>e.ariaLabel.value??null}"
-              aria-current="${()=>e.active.value?`page`:null}"
+              aria-current="${i}"
               @click=${closeMobileMenuIfOpen}>
               ${renderItemContent()}
             </a>