@k2b/ui 0.41.0 → 0.42.0

package/dist/browser/inputs/IconChoices.js

@@ -0,0 +1,121 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-icon-choices__group role=radiogroup>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<button type=button role=radio class=k2b-icon-choices__option><i aria-hidden=true>`);
+import { For } from "solid-js";
+import { createFieldMeta, Field, fieldDescribedBy } from "../internal/field";
+import { radioKeyTarget } from "../internal/radio-keys";
+import { resolveMaybeAccessor } from "./field-contract";
+/**
+ * A labeled single choice from a few named icons, shown as a row of icon buttons. Use `IconInput` when any icon of the
+ * catalogue is allowed.
+ */
+export function IconChoices(props) {
+  const meta = createFieldMeta(props.id);
+  let group;
+  const value = () => resolveMaybeAccessor(props.value) ?? null;
+  const tabStop = (option, index) => value() === option.value || index === 0 && !props.options.some(candidate => candidate.value === value());
+  const choose = (index, focus = false) => {
+    const option = props.options[index];
+    if (!option || props.disabled) return;
+    props.onValueChange?.(option.value);
+    props.onValueCommit?.(option.value);
+    // The radios in their current DOM order: options may have been reordered since they rendered.
+    if (focus) queueMicrotask(() => group?.querySelectorAll('[role="radio"]')[index]?.focus());
+  };
+  return _$createComponent(Field, {
+    meta: meta,
+    labelFor: false,
+    get ["class"]() {
+      return props.class;
+    },
+    get label() {
+      return props.label;
+    },
+    get description() {
+      return props.description;
+    },
+    get error() {
+      return props.error;
+    },
+    get required() {
+      return props.required;
+    },
+    get disabled() {
+      return props.disabled;
+    },
+    get children() {
+      var _el$ = _$getNextElement(_tmpl$);
+      var _ref$ = group;
+      typeof _ref$ === "function" ? _$use(_ref$, _el$) : group = _el$;
+      _$insert(_el$, _$createComponent(For, {
+        get each() {
+          return props.options;
+        },
+        children: (option, index) => (() => {
+          var _el$2 = _$getNextElement(_tmpl$2),
+            _el$3 = _el$2.firstChild;
+          _el$2.$$keydown = event => {
+            const target = radioKeyTarget(event.key, index(), props.options.length);
+            if (target === undefined) return;
+            event.preventDefault();
+            choose(target, true);
+          };
+          _el$2.$$click = () => choose(index());
+          _$effect(_p$ => {
+            var _v$5 = value() === option.value,
+              _v$6 = option.label,
+              _v$7 = option.label,
+              _v$8 = props.disabled,
+              _v$9 = tabStop(option, index()) ? 0 : -1,
+              _v$0 = option.icon;
+            _v$5 !== _p$.e && _$setAttribute(_el$2, "aria-checked", _p$.e = _v$5);
+            _v$6 !== _p$.t && _$setAttribute(_el$2, "aria-label", _p$.t = _v$6);
+            _v$7 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$7);
+            _v$8 !== _p$.o && _$setProperty(_el$2, "disabled", _p$.o = _v$8);
+            _v$9 !== _p$.i && _$setAttribute(_el$2, "tabindex", _p$.i = _v$9);
+            _v$0 !== _p$.n && _$className(_el$3, _p$.n = _v$0);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined
+          });
+          _$runHydrationEvents();
+          return _el$2;
+        })()
+      }));
+      _$effect(_p$ => {
+        var _v$ = props.label ? undefined : props["aria-label"],
+          _v$2 = props.label ? meta.labelId : undefined,
+          _v$3 = fieldDescribedBy(meta, props),
+          _v$4 = props.disabled ? "true" : undefined;
+        _v$ !== _p$.e && _$setAttribute(_el$, "aria-label", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$, "aria-labelledby", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$, "aria-describedby", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$, "aria-disabled", _p$.o = _v$4);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined,
+        a: undefined,
+        o: undefined
+      });
+      return _el$;
+    }
+  });
+}
+_$delegateEvents(["click", "keydown"]);
+//# sourceMappingURL=IconChoices.js.map

package/dist/browser/inputs/IconChoices.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/IconChoices.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport { createFieldMeta, Field, fieldDescribedBy } from \"../internal/field\";\nimport { radioKeyTarget } from \"../internal/radio-keys\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { resolveMaybeAccessor } from \"./field-contract\";\n\nexport type IconChoiceOption<T extends string = string> = {\n  value: T;\n  /** What the icon shows; screen readers and the tooltip use it, so the picture is never the only signal. */\n  label: string;\n  /** An icon class, such as `ti ti-report`. */\n  icon: string;\n};\n\nexport type IconChoicesProps<T extends string = string> = Omit<ValueFieldProps<T | null>, \"onValueChange\" | \"onValueCommit\"> & {\n  options: readonly IconChoiceOption<T>[];\n  onValueChange?: (value: T) => void;\n  onValueCommit?: (value: T) => void;\n};\n\n/**\n * A labeled single choice from a few named icons, shown as a row of icon buttons. Use `IconInput` when any icon of the\n * catalogue is allowed.\n */\nexport function IconChoices<T extends string = string>(props: IconChoicesProps<T>): JSX.Element {\n  const meta = createFieldMeta(props.id);\n  let group: HTMLDivElement | undefined;\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const tabStop = (option: IconChoiceOption<T>, index: number) =>\n    value() === option.value || (index === 0 && !props.options.some((candidate) => candidate.value === value()));\n  const choose = (index: number, focus = false) => {\n    const option = props.options[index];\n    if (!option || props.disabled) return;\n    props.onValueChange?.(option.value);\n    props.onValueCommit?.(option.value);\n    // The radios in their current DOM order: options may have been reordered since they rendered.\n    if (focus) queueMicrotask(() => group?.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')[index]?.focus());\n  };\n  return (\n    <Field\n      meta={meta}\n      labelFor={false}\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={props.error}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-icon-choices__group\"\n        ref={group}\n        role=\"radiogroup\"\n        aria-label={props.label ? undefined : props[\"aria-label\"]}\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-describedby={fieldDescribedBy(meta, props)}\n        aria-disabled={props.disabled ? \"true\" : undefined}\n      >\n        <For each={props.options}>\n          {(option, index) => (\n            <button\n              type=\"button\"\n              role=\"radio\"\n              class=\"k2b-icon-choices__option\"\n              aria-checked={value() === option.value}\n              aria-label={option.label}\n              title={option.label}\n              disabled={props.disabled}\n              tabIndex={tabStop(option, index()) ? 0 : -1}\n              onClick={() => choose(index())}\n              onKeyDown={(event) => {\n                const target = radioKeyTarget(event.key, index(), props.options.length);\n                if (target === undefined) return;\n                event.preventDefault();\n                choose(target, true);\n              }}\n            >\n              <i class={option.icon} aria-hidden=\"true\" />\n            </button>\n          )}\n        </For>\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/index.js

@@ -17,6 +17,7 @@ export { EmojiPicker } from "./emoji/EmojiPicker";
 export { rememberEmoji } from "./emoji/emoji-index";
 export { FileDropTarget, fileDropTarget } from "./FileDropTarget";
 export { FileDropzone, ImageCropper, ImageInput } from "./FileInputs";
+export { IconChoices } from "./IconChoices";
 export { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from "./icon-options";
 export { clampImageCropRect, createCroppedImageCanvas, createCroppedImageDataUrl, getInitialImageCropRect, imageCropRectToPixels, normalizeImageCropRotation, resizeImageCropAroundCenter, rotateImageCropRight } from "./image-crop";
 export { MultiSelectInput } from "./MultiSelectInput";

package/dist/browser/inputs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/index.ts"],"sourcesContent":["export type { AutocompleteEditorProps } from \"./AutocompleteEditor\";\nexport { AutocompleteEditor } from \"./AutocompleteEditor\";\nexport type {\n  AutocompleteSelectOption,\n  AutocompleteSelectProps,\n  AutocompleteSelectSearchResult,\n} from \"./AutocompleteSelect\";\nexport { AutocompleteSelect } from \"./AutocompleteSelect\";\nexport type { CheckboxProps } from \"./Checkbox\";\nexport { Checkbox } from \"./Checkbox\";\nexport type { CheckboxCardProps } from \"./CheckboxCard\";\nexport { CheckboxCard } from \"./CheckboxCard\";\nexport type { ChoiceChipOption, ChoiceChipsProps } from \"./ChoiceChips\";\nexport { ChoiceChips } from \"./ChoiceChips\";\nexport type {\n  ColorInputProps,\n  PinInputProps,\n  SliderProps,\n} from \"./ChoiceInputs\";\nexport { ColorInput, PinInput, Slider } from \"./ChoiceInputs\";\nexport type { ChoiceListOption, ChoiceListProps } from \"./ChoiceList\";\nexport { ChoiceList } from \"./ChoiceList\";\nexport type { ChoiceSliderOption, ChoiceSliderProps } from \"./ChoiceSlider\";\nexport { ChoiceSlider } from \"./ChoiceSlider\";\nexport type { ChoiceTileOption, ChoiceTilesProps } from \"./ChoiceTiles\";\nexport { ChoiceTiles } from \"./ChoiceTiles\";\nexport type { ColorChoiceOption, ColorChoicesProps } from \"./ColorChoices\";\nexport { ColorChoices } from \"./ColorChoices\";\nexport type { ComboboxOption, ComboboxProps } from \"./Combobox\";\nexport { Combobox } from \"./Combobox\";\nexport type { ChoiceOption, ChoiceOptionsLoader } from \"./choice\";\nexport type {\n  Completion,\n  QueryContext,\n  SuggestContext,\n  Suggestion,\n} from \"./completion\";\nexport { abbreviations } from \"./completion\";\nexport type {\n  DatePickerBaseProps,\n  DatePickerProps,\n  DatePreset,\n  DateRangePickerProps,\n  DateRangeValue,\n  DateTimePickerProps,\n  DurationPreset,\n} from \"./DatePicker\";\nexport { DatePicker, DateRangePicker, DateTimePicker } from \"./DatePicker\";\nexport type { DictationController, DictationNotice, DictationOptions, DictationStatus } from \"./dictation/create-dictation\";\nexport { createDictation } from \"./dictation/create-dictation\";\nexport type { DictationBarProps, DictationButtonProps } from \"./dictation/Dictation\";\nexport { DictationBar, DictationButton, dictationBarShown } from \"./dictation/Dictation\";\nexport type {\n  DictationAlternative,\n  DictationDevice,\n  DictationEndReason,\n  DictationErrorCode,\n  DictationEvent,\n  DictationSession,\n  DictationSource,\n  DictationTarget,\n} from \"./dictation/types\";\nexport type { EmojiPickerPopoverProps, EmojiPickerProps } from \"./emoji/EmojiPicker\";\nexport { EmojiPicker } from \"./emoji/EmojiPicker\";\nexport type { EmojiSkinTone } from \"./emoji/emoji-index\";\nexport { rememberEmoji } from \"./emoji/emoji-index\";\nexport type { FileDropDetails, FileDropOptions, FileDropRejection, FileDropTargetProps } from \"./FileDropTarget\";\nexport { FileDropTarget, fileDropTarget } from \"./FileDropTarget\";\nexport type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from \"./FileInputs\";\nexport { FileDropzone, ImageCropper, ImageInput } from \"./FileInputs\";\nexport type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nexport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nexport type {\n  ImageCropAspect,\n  ImageCropOutput,\n  ImageCropRect,\n  ImageCropRotation,\n  ImageCropSize,\n  ImageCropSource,\n  ImageCropState,\n} from \"./image-crop\";\nexport {\n  clampImageCropRect,\n  createCroppedImageCanvas,\n  createCroppedImageDataUrl,\n  getInitialImageCropRect,\n  imageCropRectToPixels,\n  normalizeImageCropRotation,\n  resizeImageCropAroundCenter,\n  rotateImageCropRight,\n} from \"./image-crop\";\nexport type {\n  MultiSelectFetchDataFn,\n  MultiSelectInputProps,\n  MultiSelectOption,\n} from \"./MultiSelectInput\";\nexport { MultiSelectInput } from \"./MultiSelectInput\";\nexport type { MarkdownEditorProps } from \"./markdown/MarkdownEditor\";\nexport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\nexport type { NumberInputProps } from \"./NumberInput\";\nexport { NumberInput } from \"./NumberInput\";\nexport type { QrScannerError, QrScannerProps } from \"./QrScanner\";\nexport { QrScanner } from \"./QrScanner\";\nexport type {\n  RichSelectFact,\n  RichSelectFooter,\n  RichSelectItem,\n  RichSelectProps,\n  RichSelectSection,\n  RichSelectStatus,\n} from \"./RichSelect\";\nexport { RichSelect, RichSelectFacts } from \"./RichSelect\";\nexport type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from \"./Select\";\nexport { Select } from \"./Select\";\nexport type { SelectChipOption, SelectChipProps } from \"./SelectChip\";\nexport { SelectChip } from \"./SelectChip\";\nexport type { SignatureInputProps } from \"./SignatureInput\";\nexport { SignatureInput } from \"./SignatureInput\";\nexport type { IconInputProps, IconOption } from \"./SpecialInputs\";\nexport { IconInput } from \"./SpecialInputs\";\nexport type { SwitchProps } from \"./Switch\";\nexport { Switch } from \"./Switch\";\nexport type { SignaturePngOptions, SignatureValue } from \"./signature\";\nexport { parseSignature, signatureToPng } from \"./signature\";\nexport type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from \"./TagEditor\";\nexport { TagEditor } from \"./TagEditor\";\nexport type { TagsInputProps } from \"./TagsInput\";\nexport { TagsInput } from \"./TagsInput\";\nexport type {\n  TemplateEditorLayout,\n  TemplateEditorProps,\n  TemplatePreviewProps,\n  TemplateSampleDataProps,\n  TemplateVariable,\n  TemplateVariableKind,\n} from \"./TemplateEditor\";\nexport {\n  createTemplateEditorPanesLayout,\n  TemplateEditor,\n  TemplatePreview,\n  TemplateSampleData,\n} from \"./TemplateEditor\";\nexport type { TextInputProps } from \"./TextInput\";\nexport { TextInput } from \"./TextInput\";\n"],"mappings":"AACA,SAAS,kBAAkB,QAAQ,sBAAsB;AAMzD,SAAS,kBAAkB,QAAQ,sBAAsB;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,WAAW,QAAQ,eAAe;AAM3C,SAAS,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,gBAAgB;AAE7D,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,aAAa,QAAQ,cAAc;AAU5C,SAAS,UAAU,EAAE,eAAe,EAAE,cAAc,QAAQ,cAAc;AAE1E,SAAS,eAAe,QAAQ,8BAA8B;AAE9D,SAAS,YAAY,EAAE,eAAe,EAAE,iBAAiB,QAAQ,uBAAuB;AAYxF,SAAS,WAAW,QAAQ,qBAAqB;AAEjD,SAAS,aAAa,QAAQ,qBAAqB;AAEnD,SAAS,cAAc,EAAE,cAAc,QAAQ,kBAAkB;AAEjE,SAAS,YAAY,EAAE,YAAY,EAAE,UAAU,QAAQ,cAAc;AAErE,SAAS,mBAAmB,EAAE,oBAAoB,QAAQ,gBAAgB;AAU1E,SACE,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,QACf,cAAc;AAMrB,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,cAAc,QAAQ,2BAA2B;AAE1D,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,SAAS,QAAQ,aAAa;AASvC,SAAS,UAAU,EAAE,eAAe,QAAQ,cAAc;AAE1D,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,cAAc,QAAQ,kBAAkB;AAEjD,SAAS,SAAS,QAAQ,iBAAiB;AAE3C,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,cAAc,EAAE,cAAc,QAAQ,aAAa;AAE5D,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,SAAS,QAAQ,aAAa;AASvC,SACE,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,SAAS,QAAQ,aAAa","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/index.ts"],"sourcesContent":["export type { AutocompleteEditorProps } from \"./AutocompleteEditor\";\nexport { AutocompleteEditor } from \"./AutocompleteEditor\";\nexport type {\n  AutocompleteSelectOption,\n  AutocompleteSelectProps,\n  AutocompleteSelectSearchResult,\n} from \"./AutocompleteSelect\";\nexport { AutocompleteSelect } from \"./AutocompleteSelect\";\nexport type { CheckboxProps } from \"./Checkbox\";\nexport { Checkbox } from \"./Checkbox\";\nexport type { CheckboxCardProps } from \"./CheckboxCard\";\nexport { CheckboxCard } from \"./CheckboxCard\";\nexport type { ChoiceChipOption, ChoiceChipsProps } from \"./ChoiceChips\";\nexport { ChoiceChips } from \"./ChoiceChips\";\nexport type {\n  ColorInputProps,\n  PinInputProps,\n  SliderProps,\n} from \"./ChoiceInputs\";\nexport { ColorInput, PinInput, Slider } from \"./ChoiceInputs\";\nexport type { ChoiceListOption, ChoiceListProps } from \"./ChoiceList\";\nexport { ChoiceList } from \"./ChoiceList\";\nexport type { ChoiceSliderOption, ChoiceSliderProps } from \"./ChoiceSlider\";\nexport { ChoiceSlider } from \"./ChoiceSlider\";\nexport type { ChoiceTileOption, ChoiceTilesProps } from \"./ChoiceTiles\";\nexport { ChoiceTiles } from \"./ChoiceTiles\";\nexport type { ColorChoiceOption, ColorChoicesProps } from \"./ColorChoices\";\nexport { ColorChoices } from \"./ColorChoices\";\nexport type { ComboboxOption, ComboboxProps } from \"./Combobox\";\nexport { Combobox } from \"./Combobox\";\nexport type { ChoiceOption, ChoiceOptionsLoader } from \"./choice\";\nexport type {\n  Completion,\n  QueryContext,\n  SuggestContext,\n  Suggestion,\n} from \"./completion\";\nexport { abbreviations } from \"./completion\";\nexport type {\n  DatePickerBaseProps,\n  DatePickerProps,\n  DatePreset,\n  DateRangePickerProps,\n  DateRangeValue,\n  DateTimePickerProps,\n  DurationPreset,\n} from \"./DatePicker\";\nexport { DatePicker, DateRangePicker, DateTimePicker } from \"./DatePicker\";\nexport type { DictationController, DictationNotice, DictationOptions, DictationStatus } from \"./dictation/create-dictation\";\nexport { createDictation } from \"./dictation/create-dictation\";\nexport type { DictationBarProps, DictationButtonProps } from \"./dictation/Dictation\";\nexport { DictationBar, DictationButton, dictationBarShown } from \"./dictation/Dictation\";\nexport type {\n  DictationAlternative,\n  DictationDevice,\n  DictationEndReason,\n  DictationErrorCode,\n  DictationEvent,\n  DictationSession,\n  DictationSource,\n  DictationTarget,\n} from \"./dictation/types\";\nexport type { EmojiPickerPopoverProps, EmojiPickerProps } from \"./emoji/EmojiPicker\";\nexport { EmojiPicker } from \"./emoji/EmojiPicker\";\nexport type { EmojiSkinTone } from \"./emoji/emoji-index\";\nexport { rememberEmoji } from \"./emoji/emoji-index\";\nexport type { FileDropDetails, FileDropOptions, FileDropRejection, FileDropTargetProps } from \"./FileDropTarget\";\nexport { FileDropTarget, fileDropTarget } from \"./FileDropTarget\";\nexport type { FileDropzoneProps, ImageCropperProps, ImageInputProps } from \"./FileInputs\";\nexport { FileDropzone, ImageCropper, ImageInput } from \"./FileInputs\";\nexport type { DateContext, FieldProps, MaybeAccessor, ValueFieldProps } from \"./field-contract\";\nexport type { IconChoiceOption, IconChoicesProps } from \"./IconChoices\";\nexport { IconChoices } from \"./IconChoices\";\nexport { DEFAULT_ICON_GROUPS, DEFAULT_ICON_OPTIONS } from \"./icon-options\";\nexport type {\n  ImageCropAspect,\n  ImageCropOutput,\n  ImageCropRect,\n  ImageCropRotation,\n  ImageCropSize,\n  ImageCropSource,\n  ImageCropState,\n} from \"./image-crop\";\nexport {\n  clampImageCropRect,\n  createCroppedImageCanvas,\n  createCroppedImageDataUrl,\n  getInitialImageCropRect,\n  imageCropRectToPixels,\n  normalizeImageCropRotation,\n  resizeImageCropAroundCenter,\n  rotateImageCropRight,\n} from \"./image-crop\";\nexport type {\n  MultiSelectFetchDataFn,\n  MultiSelectInputProps,\n  MultiSelectOption,\n} from \"./MultiSelectInput\";\nexport { MultiSelectInput } from \"./MultiSelectInput\";\nexport type { MarkdownEditorProps } from \"./markdown/MarkdownEditor\";\nexport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\nexport type { NumberInputProps } from \"./NumberInput\";\nexport { NumberInput } from \"./NumberInput\";\nexport type { QrScannerError, QrScannerProps } from \"./QrScanner\";\nexport { QrScanner } from \"./QrScanner\";\nexport type {\n  RichSelectFact,\n  RichSelectFooter,\n  RichSelectItem,\n  RichSelectProps,\n  RichSelectSection,\n  RichSelectStatus,\n} from \"./RichSelect\";\nexport { RichSelect, RichSelectFacts } from \"./RichSelect\";\nexport type { ChoiceAppearance, SelectGridSize, SelectGroup, SelectOption, SelectProps, SelectSourceOption, SelectView } from \"./Select\";\nexport { Select } from \"./Select\";\nexport type { SelectChipOption, SelectChipProps } from \"./SelectChip\";\nexport { SelectChip } from \"./SelectChip\";\nexport type { SignatureInputProps } from \"./SignatureInput\";\nexport { SignatureInput } from \"./SignatureInput\";\nexport type { IconInputProps, IconOption } from \"./SpecialInputs\";\nexport { IconInput } from \"./SpecialInputs\";\nexport type { SwitchProps } from \"./Switch\";\nexport { Switch } from \"./Switch\";\nexport type { SignaturePngOptions, SignatureValue } from \"./signature\";\nexport { parseSignature, signatureToPng } from \"./signature\";\nexport type { TagEditorItem, TagEditorLabels, TagEditorProps, TagEditorValue } from \"./TagEditor\";\nexport { TagEditor } from \"./TagEditor\";\nexport type { TagsInputProps } from \"./TagsInput\";\nexport { TagsInput } from \"./TagsInput\";\nexport type {\n  TemplateEditorLayout,\n  TemplateEditorProps,\n  TemplatePreviewProps,\n  TemplateSampleDataProps,\n  TemplateVariable,\n  TemplateVariableKind,\n} from \"./TemplateEditor\";\nexport {\n  createTemplateEditorPanesLayout,\n  TemplateEditor,\n  TemplatePreview,\n  TemplateSampleData,\n} from \"./TemplateEditor\";\nexport type { TextInputProps } from \"./TextInput\";\nexport { TextInput } from \"./TextInput\";\n"],"mappings":"AACA,SAAS,kBAAkB,QAAQ,sBAAsB;AAMzD,SAAS,kBAAkB,QAAQ,sBAAsB;AAEzD,SAAS,QAAQ,QAAQ,YAAY;AAErC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,WAAW,QAAQ,eAAe;AAM3C,SAAS,UAAU,EAAE,QAAQ,EAAE,MAAM,QAAQ,gBAAgB;AAE7D,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,QAAQ,QAAQ,YAAY;AAQrC,SAAS,aAAa,QAAQ,cAAc;AAU5C,SAAS,UAAU,EAAE,eAAe,EAAE,cAAc,QAAQ,cAAc;AAE1E,SAAS,eAAe,QAAQ,8BAA8B;AAE9D,SAAS,YAAY,EAAE,eAAe,EAAE,iBAAiB,QAAQ,uBAAuB;AAYxF,SAAS,WAAW,QAAQ,qBAAqB;AAEjD,SAAS,aAAa,QAAQ,qBAAqB;AAEnD,SAAS,cAAc,EAAE,cAAc,QAAQ,kBAAkB;AAEjE,SAAS,YAAY,EAAE,YAAY,EAAE,UAAU,QAAQ,cAAc;AAGrE,SAAS,WAAW,QAAQ,eAAe;AAC3C,SAAS,mBAAmB,EAAE,oBAAoB,QAAQ,gBAAgB;AAU1E,SACE,kBAAkB,EAClB,wBAAwB,EACxB,yBAAyB,EACzB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,QACf,cAAc;AAMrB,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,cAAc,QAAQ,2BAA2B;AAE1D,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,SAAS,QAAQ,aAAa;AASvC,SAAS,UAAU,EAAE,eAAe,QAAQ,cAAc;AAE1D,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,cAAc,QAAQ,kBAAkB;AAEjD,SAAS,SAAS,QAAQ,iBAAiB;AAE3C,SAAS,MAAM,QAAQ,UAAU;AAEjC,SAAS,cAAc,EAAE,cAAc,QAAQ,aAAa;AAE5D,SAAS,SAAS,QAAQ,aAAa;AAEvC,SAAS,SAAS,QAAQ,aAAa;AASvC,SACE,+BAA+B,EAC/B,cAAc,EACd,eAAe,EACf,kBAAkB,QACb,kBAAkB;AAEzB,SAAS,SAAS,QAAQ,aAAa","ignoreList":[]}

package/dist/browser/intl/messages.js

@@ -48,6 +48,9 @@ const uiMessages = i18n.define({
       search: "Search...",
       searchLabel: "Search",
       searchResults: "Search results",
+      searchMatches: ({
+        count
+      }) => count === 1 ? "1 match" : `${count} matches`,
       save: "Save",
       select: "Select...",
       time: "Time",
@@ -133,6 +136,9 @@ const uiMessages = i18n.define({
       search: "Suchen...",
       searchLabel: "Suchen",
       searchResults: "Suchergebnisse",
+      searchMatches: ({
+        count
+      }) => count === 1 ? "1 Treffer" : `${count} Treffer`,
       save: "Speichern",
       select: "Auswählen...",
       time: "Uhrzeit",

package/dist/browser/intl/messages.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["intl/messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"./locale\";\n\n/** Common control chrome and date basics; specialized strings live beside their component families. */\nconst uiMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      actions: \"Actions\",\n      add: \"Add\",\n      apply: \"Apply\",\n      all: \"All\",\n      calendar: \"Calendar\",\n      clear: \"Clear\",\n      clearDate: \"Clear date\",\n      clearSelection: \"Clear selection\",\n      close: \"Close\",\n      closeDialog: \"close dialog\",\n      copied: \"Copied\",\n      copy: \"Copy\",\n      couldNotLoadData: \"Could not load this data\",\n      datePicker: \"Date picker\",\n      datePresets: \"Date presets\",\n      download: \"Download\",\n      dropdownMenu: \"Dropdown menu\",\n      durationPresets: \"Duration presets\",\n      loading: \"Loading...\",\n      noData: \"No data.\",\n      noResults: \"No results\",\n      nothingHere: \"Nothing here yet.\",\n      nothingToShow: \"Nothing to show.\",\n      no: \"No\",\n      options: \"Options\",\n      more: \"More\",\n      moreViews: \"More views\",\n      pickDate: \"Pick date\",\n      previousMonth: \"Previous month\",\n      previousYear: \"Previous year\",\n      nextMonth: \"Next month\",\n      nextYear: \"Next year\",\n      retry: \"Retry\",\n      tryAgain: \"Try again\",\n      movedHintDismiss: \"Got it\",\n      reset: \"Reset\",\n      required: \"Required\",\n      delete: \"Delete\",\n      remove: \"Remove\",\n      search: \"Search...\",\n      searchLabel: \"Search\",\n      searchResults: \"Search results\",\n      save: \"Save\",\n      select: \"Select...\",\n      time: \"Time\",\n      timeLabel: ({ label }: { label: string }) => `${label} time`,\n      contextMenu: \"Context menu\",\n      start: \"Start\",\n      end: \"End\",\n      today: \"Today\",\n      todayDate: ({ date }: { date: string }) => `Today, ${date}`,\n      day: \"Day\",\n      week: \"Week\",\n      month: \"Month\",\n      year: \"Year\",\n      allDay: \"All day\",\n      addTime: \"Add time\",\n      removeTime: \"Remove time\",\n      previous: \"Previous\",\n      next: \"Next\",\n      cancel: \"Cancel\",\n      code: \"Code\",\n      change: \"Change\",\n      message: \"Message\",\n      dialog: \"Dialog\",\n      error: \"Error\",\n      info: \"Info\",\n      ok: \"OK\",\n      success: \"Success\",\n      unknown: \"Unknown\",\n      name: \"Name\",\n      color: \"Color\",\n      preview: \"Preview\",\n      closeNamed: ({ name }: { name: string }) => `Close ${name}`,\n      range: \"Range\",\n      edit: \"Edit\",\n      yes: \"Yes\",\n    },\n    de: {\n      actions: \"Aktionen\",\n      add: \"Hinzufügen\",\n      apply: \"Übernehmen\",\n      all: \"Alle\",\n      calendar: \"Kalender\",\n      clear: \"Leeren\",\n      clearDate: \"Datum löschen\",\n      clearSelection: \"Auswahl löschen\",\n      close: \"Schließen\",\n      closeDialog: \"Dialog schließen\",\n      copied: \"Kopiert\",\n      copy: \"Kopieren\",\n      couldNotLoadData: \"Diese Daten konnten nicht geladen werden\",\n      datePicker: \"Datumsauswahl\",\n      datePresets: \"Datumsvorgaben\",\n      download: \"Herunterladen\",\n      dropdownMenu: \"Dropdown-Menü\",\n      durationPresets: \"Dauervorgaben\",\n      loading: \"Wird geladen...\",\n      noData: \"Keine Daten.\",\n      noResults: \"Keine Ergebnisse\",\n      nothingHere: \"Noch nichts vorhanden.\",\n      nothingToShow: \"Nichts anzuzeigen.\",\n      no: \"Nein\",\n      options: \"Optionen\",\n      more: \"Weitere\",\n      moreViews: \"Weitere Ansichten\",\n      pickDate: \"Datum auswählen\",\n      previousMonth: \"Vorheriger Monat\",\n      previousYear: \"Vorheriges Jahr\",\n      nextMonth: \"Nächster Monat\",\n      nextYear: \"Nächstes Jahr\",\n      retry: \"Erneut versuchen\",\n      tryAgain: \"Erneut versuchen\",\n      movedHintDismiss: \"Verstanden\",\n      reset: \"Zurücksetzen\",\n      required: \"Erforderlich\",\n      delete: \"Löschen\",\n      remove: \"Entfernen\",\n      search: \"Suchen...\",\n      searchLabel: \"Suchen\",\n      searchResults: \"Suchergebnisse\",\n      save: \"Speichern\",\n      select: \"Auswählen...\",\n      time: \"Uhrzeit\",\n      timeLabel: ({ label }) => `${label}zeit`,\n      contextMenu: \"Kontextmenü\",\n      start: \"Beginn\",\n      end: \"Ende\",\n      today: \"Heute\",\n      todayDate: ({ date }) => `Heute, ${date}`,\n      day: \"Tag\",\n      week: \"Woche\",\n      month: \"Monat\",\n      year: \"Jahr\",\n      allDay: \"Ganztägig\",\n      addTime: \"Uhrzeit hinzufügen\",\n      removeTime: \"Uhrzeit entfernen\",\n      previous: \"Zurück\",\n      next: \"Weiter\",\n      cancel: \"Abbrechen\",\n      code: \"Code\",\n      change: \"Ändern\",\n      message: \"Nachricht\",\n      dialog: \"Dialog\",\n      error: \"Fehler\",\n      info: \"Information\",\n      ok: \"OK\",\n      success: \"Erfolg\",\n      unknown: \"Unbekannt\",\n      name: \"Name\",\n      color: \"Farbe\",\n      preview: \"Vorschau\",\n      closeNamed: ({ name }) => `${name} schließen`,\n      range: \"Zeitraum\",\n      edit: \"Bearbeiten\",\n      yes: \"Ja\",\n    },\n  },\n});\n\nexport type UiMessages = ReturnType<(typeof uiMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useUiMessages = (): (() => UiMessages) => {\n  const locale = useLocale();\n  return () => uiMessages.resolve([locale()]).t;\n};\n\n/** Imperative UI inherits the document locale when no locale is supplied. */\nexport const resolveUiMessages = (locale?: string): UiMessages =>\n  uiMessages.resolve([locale ?? (typeof document === \"undefined\" ? uiMessages.baseLocale : document.documentElement.lang)]).t;\n\nexport const checkUiMessages = () => uiMessages.check();\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["intl/messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\nimport { useLocale } from \"./locale\";\n\n/** Common control chrome and date basics; specialized strings live beside their component families. */\nconst uiMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      actions: \"Actions\",\n      add: \"Add\",\n      apply: \"Apply\",\n      all: \"All\",\n      calendar: \"Calendar\",\n      clear: \"Clear\",\n      clearDate: \"Clear date\",\n      clearSelection: \"Clear selection\",\n      close: \"Close\",\n      closeDialog: \"close dialog\",\n      copied: \"Copied\",\n      copy: \"Copy\",\n      couldNotLoadData: \"Could not load this data\",\n      datePicker: \"Date picker\",\n      datePresets: \"Date presets\",\n      download: \"Download\",\n      dropdownMenu: \"Dropdown menu\",\n      durationPresets: \"Duration presets\",\n      loading: \"Loading...\",\n      noData: \"No data.\",\n      noResults: \"No results\",\n      nothingHere: \"Nothing here yet.\",\n      nothingToShow: \"Nothing to show.\",\n      no: \"No\",\n      options: \"Options\",\n      more: \"More\",\n      moreViews: \"More views\",\n      pickDate: \"Pick date\",\n      previousMonth: \"Previous month\",\n      previousYear: \"Previous year\",\n      nextMonth: \"Next month\",\n      nextYear: \"Next year\",\n      retry: \"Retry\",\n      tryAgain: \"Try again\",\n      movedHintDismiss: \"Got it\",\n      reset: \"Reset\",\n      required: \"Required\",\n      delete: \"Delete\",\n      remove: \"Remove\",\n      search: \"Search...\",\n      searchLabel: \"Search\",\n      searchResults: \"Search results\",\n      searchMatches: ({ count }: { count: number }) => (count === 1 ? \"1 match\" : `${count} matches`),\n      save: \"Save\",\n      select: \"Select...\",\n      time: \"Time\",\n      timeLabel: ({ label }: { label: string }) => `${label} time`,\n      contextMenu: \"Context menu\",\n      start: \"Start\",\n      end: \"End\",\n      today: \"Today\",\n      todayDate: ({ date }: { date: string }) => `Today, ${date}`,\n      day: \"Day\",\n      week: \"Week\",\n      month: \"Month\",\n      year: \"Year\",\n      allDay: \"All day\",\n      addTime: \"Add time\",\n      removeTime: \"Remove time\",\n      previous: \"Previous\",\n      next: \"Next\",\n      cancel: \"Cancel\",\n      code: \"Code\",\n      change: \"Change\",\n      message: \"Message\",\n      dialog: \"Dialog\",\n      error: \"Error\",\n      info: \"Info\",\n      ok: \"OK\",\n      success: \"Success\",\n      unknown: \"Unknown\",\n      name: \"Name\",\n      color: \"Color\",\n      preview: \"Preview\",\n      closeNamed: ({ name }: { name: string }) => `Close ${name}`,\n      range: \"Range\",\n      edit: \"Edit\",\n      yes: \"Yes\",\n    },\n    de: {\n      actions: \"Aktionen\",\n      add: \"Hinzufügen\",\n      apply: \"Übernehmen\",\n      all: \"Alle\",\n      calendar: \"Kalender\",\n      clear: \"Leeren\",\n      clearDate: \"Datum löschen\",\n      clearSelection: \"Auswahl löschen\",\n      close: \"Schließen\",\n      closeDialog: \"Dialog schließen\",\n      copied: \"Kopiert\",\n      copy: \"Kopieren\",\n      couldNotLoadData: \"Diese Daten konnten nicht geladen werden\",\n      datePicker: \"Datumsauswahl\",\n      datePresets: \"Datumsvorgaben\",\n      download: \"Herunterladen\",\n      dropdownMenu: \"Dropdown-Menü\",\n      durationPresets: \"Dauervorgaben\",\n      loading: \"Wird geladen...\",\n      noData: \"Keine Daten.\",\n      noResults: \"Keine Ergebnisse\",\n      nothingHere: \"Noch nichts vorhanden.\",\n      nothingToShow: \"Nichts anzuzeigen.\",\n      no: \"Nein\",\n      options: \"Optionen\",\n      more: \"Weitere\",\n      moreViews: \"Weitere Ansichten\",\n      pickDate: \"Datum auswählen\",\n      previousMonth: \"Vorheriger Monat\",\n      previousYear: \"Vorheriges Jahr\",\n      nextMonth: \"Nächster Monat\",\n      nextYear: \"Nächstes Jahr\",\n      retry: \"Erneut versuchen\",\n      tryAgain: \"Erneut versuchen\",\n      movedHintDismiss: \"Verstanden\",\n      reset: \"Zurücksetzen\",\n      required: \"Erforderlich\",\n      delete: \"Löschen\",\n      remove: \"Entfernen\",\n      search: \"Suchen...\",\n      searchLabel: \"Suchen\",\n      searchResults: \"Suchergebnisse\",\n      searchMatches: ({ count }: { count: number }) => (count === 1 ? \"1 Treffer\" : `${count} Treffer`),\n      save: \"Speichern\",\n      select: \"Auswählen...\",\n      time: \"Uhrzeit\",\n      timeLabel: ({ label }) => `${label}zeit`,\n      contextMenu: \"Kontextmenü\",\n      start: \"Beginn\",\n      end: \"Ende\",\n      today: \"Heute\",\n      todayDate: ({ date }) => `Heute, ${date}`,\n      day: \"Tag\",\n      week: \"Woche\",\n      month: \"Monat\",\n      year: \"Jahr\",\n      allDay: \"Ganztägig\",\n      addTime: \"Uhrzeit hinzufügen\",\n      removeTime: \"Uhrzeit entfernen\",\n      previous: \"Zurück\",\n      next: \"Weiter\",\n      cancel: \"Abbrechen\",\n      code: \"Code\",\n      change: \"Ändern\",\n      message: \"Nachricht\",\n      dialog: \"Dialog\",\n      error: \"Fehler\",\n      info: \"Information\",\n      ok: \"OK\",\n      success: \"Erfolg\",\n      unknown: \"Unbekannt\",\n      name: \"Name\",\n      color: \"Farbe\",\n      preview: \"Vorschau\",\n      closeNamed: ({ name }) => `${name} schließen`,\n      range: \"Zeitraum\",\n      edit: \"Bearbeiten\",\n      yes: \"Ja\",\n    },\n  },\n});\n\nexport type UiMessages = ReturnType<(typeof uiMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the inherited render locale. */\nexport const useUiMessages = (): (() => UiMessages) => {\n  const locale = useLocale();\n  return () => uiMessages.resolve([locale()]).t;\n};\n\n/** Imperative UI inherits the document locale when no locale is supplied. */\nexport const resolveUiMessages = (locale?: string): UiMessages =>\n  uiMessages.resolve([locale ?? (typeof document === \"undefined\" ? uiMessages.baseLocale : document.documentElement.lang)]).t;\n\nexport const checkUiMessages = () => uiMessages.check();\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/layout/AppWorkspace.js

@@ -73,15 +73,16 @@ var _tmpl$ = /*#__PURE__*/_$template(`<button type=button class=k2b-app-workspac
   _tmpl$53 = /*#__PURE__*/_$template(`<div role=tree>`),
   _tmpl$54 = /*#__PURE__*/_$template(`<section><!$><!/><div class=k2b-app-workspace__sidebar-icon-grid>`),
   _tmpl$55 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
-  _tmpl$56 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__head-primary-label>`),
-  _tmpl$57 = /*#__PURE__*/_$template(`<i class="ti ti-layout-sidebar"aria-hidden=true>`),
-  _tmpl$58 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-views>`),
-  _tmpl$59 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-filters role=group><!$><!/><!$><!/>`),
-  _tmpl$60 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__head-count><span>`),
-  _tmpl$61 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-actions><!$><!/><!$><!/>`),
-  _tmpl$62 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head><!$><!/><div class=k2b-app-workspace__head-lead><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`),
-  _tmpl$63 = /*#__PURE__*/_$template(`<h1 class=k2b-app-workspace__head-heading data-k2b-page-trail-title>`),
-  _tmpl$64 = /*#__PURE__*/_$template(`<div data-k2b-app-workspace>`);
+  _tmpl$56 = /*#__PURE__*/_$template(`<i class="ti ti-chevron-down k2b-app-workspace__head-primary-chevron"aria-hidden=true>`),
+  _tmpl$57 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__head-primary-label><!$><!/><!$><!/>`),
+  _tmpl$58 = /*#__PURE__*/_$template(`<i class="ti ti-layout-sidebar"aria-hidden=true>`),
+  _tmpl$59 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-views>`),
+  _tmpl$60 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-filters role=group><!$><!/><!$><!/>`),
+  _tmpl$61 = /*#__PURE__*/_$template(`<span class=k2b-app-workspace__head-count><span>`),
+  _tmpl$62 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head-actions><!$><!/><!$><!/>`),
+  _tmpl$63 = /*#__PURE__*/_$template(`<div class=k2b-app-workspace__head><!$><!/><div class=k2b-app-workspace__head-lead><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/></div><!$><!/>`),
+  _tmpl$64 = /*#__PURE__*/_$template(`<h1 class=k2b-app-workspace__head-heading data-k2b-page-trail-title>`),
+  _tmpl$65 = /*#__PURE__*/_$template(`<div data-k2b-app-workspace>`);
 import { Link } from "@k2b/ssr/nav";
 import { children, createContext, createEffect, createMemo, createRoot, createSignal, createUniqueId, For, getOwner, mergeProps, on, onCleanup, onMount, Show, useContext } from "solid-js";
 import { Dynamic, isServer } from "solid-js/web";
@@ -2603,38 +2604,50 @@ function AppWorkspaceHead(props) {
     _$effect(() => _$className(_el$120, props.head?.primary?.icon));
     return _el$120;
   })(), (() => {
-    var _el$121 = _$getNextElement(_tmpl$56);
-    _$insert(_el$121, () => props.head?.primary?.label);
+    var _el$121 = _$getNextElement(_tmpl$57),
+      _el$123 = _el$121.firstChild,
+      [_el$124, _co$18] = _$getNextMarker(_el$123.nextSibling),
+      _el$125 = _el$124.nextSibling,
+      [_el$126, _co$19] = _$getNextMarker(_el$125.nextSibling);
+    _$insert(_el$121, () => props.head?.primary?.label, _el$124, _co$18);
+    _$insert(_el$121, _$createComponent(Show, {
+      get when() {
+        return props.head?.primary?.popup;
+      },
+      get children() {
+        return _$getNextElement(_tmpl$56);
+      }
+    }), _el$126, _co$19);
     return _el$121;
   })()];
   return (() => {
-    var _el$122 = _$getNextElement(_tmpl$62),
-      _el$148 = _el$122.firstChild,
-      [_el$149, _co$27] = _$getNextMarker(_el$148.nextSibling),
-      _el$123 = _el$149.nextSibling,
-      _el$133 = _el$123.firstChild,
-      [_el$134, _co$20] = _$getNextMarker(_el$133.nextSibling),
-      _el$135 = _el$134.nextSibling,
-      [_el$136, _co$21] = _$getNextMarker(_el$135.nextSibling),
-      _el$137 = _el$136.nextSibling,
-      [_el$138, _co$22] = _$getNextMarker(_el$137.nextSibling),
-      _el$139 = _el$138.nextSibling,
-      [_el$140, _co$23] = _$getNextMarker(_el$139.nextSibling),
-      _el$141 = _el$140.nextSibling,
-      [_el$142, _co$24] = _$getNextMarker(_el$141.nextSibling),
-      _el$150 = _el$123.nextSibling,
-      [_el$151, _co$28] = _$getNextMarker(_el$150.nextSibling);
-    _$insert(_el$122, _$createComponent(Show, {
+    var _el$127 = _$getNextElement(_tmpl$63),
+      _el$153 = _el$127.firstChild,
+      [_el$154, _co$29] = _$getNextMarker(_el$153.nextSibling),
+      _el$128 = _el$154.nextSibling,
+      _el$138 = _el$128.firstChild,
+      [_el$139, _co$22] = _$getNextMarker(_el$138.nextSibling),
+      _el$140 = _el$139.nextSibling,
+      [_el$141, _co$23] = _$getNextMarker(_el$140.nextSibling),
+      _el$142 = _el$141.nextSibling,
+      [_el$143, _co$24] = _$getNextMarker(_el$142.nextSibling),
+      _el$144 = _el$143.nextSibling,
+      [_el$145, _co$25] = _$getNextMarker(_el$144.nextSibling),
+      _el$146 = _el$145.nextSibling,
+      [_el$147, _co$26] = _$getNextMarker(_el$146.nextSibling),
+      _el$155 = _el$128.nextSibling,
+      [_el$156, _co$30] = _$getNextMarker(_el$155.nextSibling);
+    _$insert(_el$127, _$createComponent(Show, {
       get when() {
         return mobilePane();
       },
       children: pane => (() => {
-        var _el$152 = _$getNextElement(_tmpl$7);
-        _$effect(() => _$setProperty(_el$152, "innerHTML", mobilePaneRule(pane())));
-        return _el$152;
+        var _el$157 = _$getNextElement(_tmpl$7);
+        _$effect(() => _$setProperty(_el$157, "innerHTML", mobilePaneRule(pane())));
+        return _el$157;
       })()
-    }), _el$149, _co$27);
-    _$insert(_el$123, _$createComponent(IconButton, {
+    }), _el$154, _co$29);
+    _$insert(_el$128, _$createComponent(IconButton, {
       "class": "k2b-app-workspace__head-toggle",
       get label() {
         return messages().showNavigation;
@@ -2645,10 +2658,10 @@ function AppWorkspaceHead(props) {
       "aria-expanded": "false",
       "data-app-workspace-sidebar-toggle": "",
       get children() {
-        return _$getNextElement(_tmpl$57);
+        return _$getNextElement(_tmpl$58);
       }
-    }), _el$134, _co$20);
-    _$insert(_el$123, _$createComponent(Show, {
+    }), _el$139, _co$22);
+    _$insert(_el$128, _$createComponent(Show, {
       get when() {
         return trail();
       },
@@ -2659,34 +2672,34 @@ function AppWorkspaceHead(props) {
         as: "p",
         fallback: true
       }), (() => {
-        var _el$153 = _$getNextElement(_tmpl$63);
-        _$setAttribute(_el$153, "data-k2b-server", isServer ? "" : undefined);
-        _$insert(_el$153, () => current().title);
-        return _el$153;
+        var _el$158 = _$getNextElement(_tmpl$64);
+        _$setAttribute(_el$158, "data-k2b-server", isServer ? "" : undefined);
+        _$insert(_el$158, () => current().title);
+        return _el$158;
       })()]
-    }), _el$136, _co$21);
-    _$insert(_el$123, _$createComponent(Show, {
+    }), _el$141, _co$23);
+    _$insert(_el$128, _$createComponent(Show, {
       get when() {
         return resolvedViews.toArray().some(Boolean);
       },
       get children() {
-        var _el$125 = _$getNextElement(_tmpl$58);
-        _$insert(_el$125, resolvedViews);
-        return _el$125;
+        var _el$130 = _$getNextElement(_tmpl$59);
+        _$insert(_el$130, resolvedViews);
+        return _el$130;
       }
-    }), _el$138, _co$22);
-    _$insert(_el$123, _$createComponent(Show, {
+    }), _el$143, _co$24);
+    _$insert(_el$128, _$createComponent(Show, {
       get when() {
         return resolvedFilters.toArray().some(Boolean) || props.head?.filtered;
       },
       get children() {
-        var _el$126 = _$getNextElement(_tmpl$59),
-          _el$127 = _el$126.firstChild,
-          [_el$128, _co$18] = _$getNextMarker(_el$127.nextSibling),
-          _el$129 = _el$128.nextSibling,
-          [_el$130, _co$19] = _$getNextMarker(_el$129.nextSibling);
-        _$insert(_el$126, resolvedFilters, _el$128, _co$18);
-        _$insert(_el$126, _$createComponent(Show, {
+        var _el$131 = _$getNextElement(_tmpl$60),
+          _el$132 = _el$131.firstChild,
+          [_el$133, _co$20] = _$getNextMarker(_el$132.nextSibling),
+          _el$134 = _el$133.nextSibling,
+          [_el$135, _co$21] = _$getNextMarker(_el$134.nextSibling);
+        _$insert(_el$131, resolvedFilters, _el$133, _co$20);
+        _$insert(_el$131, _$createComponent(Show, {
           get when() {
             return props.head?.filtered;
           },
@@ -2726,34 +2739,34 @@ function AppWorkspaceHead(props) {
               })
             });
           }
-        }), _el$130, _co$19);
-        _$effect(() => _$setAttribute(_el$126, "aria-label", filters().filters));
-        return _el$126;
+        }), _el$135, _co$21);
+        _$effect(() => _$setAttribute(_el$131, "aria-label", filters().filters));
+        return _el$131;
       }
-    }), _el$140, _co$23);
-    _$insert(_el$123, _$createComponent(Show, {
+    }), _el$145, _co$25);
+    _$insert(_el$128, _$createComponent(Show, {
       get when() {
         return _$memo(() => !!props.head?.filtered)() && resolvedCount.toArray().some(value => value !== undefined && value !== null && value !== false);
       },
       get children() {
-        var _el$131 = _$getNextElement(_tmpl$60),
-          _el$132 = _el$131.firstChild;
-        _$insert(_el$132, resolvedCount);
-        return _el$131;
+        var _el$136 = _$getNextElement(_tmpl$61),
+          _el$137 = _el$136.firstChild;
+        _$insert(_el$137, resolvedCount);
+        return _el$136;
       }
-    }), _el$142, _co$24);
-    _$insert(_el$122, _$createComponent(Show, {
+    }), _el$147, _co$26);
+    _$insert(_el$127, _$createComponent(Show, {
       get when() {
         return resolvedActions.toArray().some(Boolean) || props.head?.primary;
       },
       get children() {
-        var _el$143 = _$getNextElement(_tmpl$61),
-          _el$144 = _el$143.firstChild,
-          [_el$145, _co$25] = _$getNextMarker(_el$144.nextSibling),
-          _el$146 = _el$145.nextSibling,
-          [_el$147, _co$26] = _$getNextMarker(_el$146.nextSibling);
-        _$insert(_el$143, resolvedActions, _el$145, _co$25);
-        _$insert(_el$143, _$createComponent(Show, {
+        var _el$148 = _$getNextElement(_tmpl$62),
+          _el$149 = _el$148.firstChild,
+          [_el$150, _co$27] = _$getNextMarker(_el$149.nextSibling),
+          _el$151 = _el$150.nextSibling,
+          [_el$152, _co$28] = _$getNextMarker(_el$151.nextSibling);
+        _$insert(_el$148, resolvedActions, _el$150, _co$27);
+        _$insert(_el$148, _$createComponent(Show, {
           get when() {
             return props.head?.primary;
           },
@@ -2767,6 +2780,12 @@ function AppWorkspaceHead(props) {
                 size: "sm",
                 "class": "k2b-app-workspace__head-primary",
                 "data-workspace-primary": "",
+                get ["aria-haspopup"]() {
+                  return primary().popup;
+                },
+                get ["aria-expanded"]() {
+                  return primary().popup ? "false" : undefined;
+                },
                 get onClick() {
                   return primary().onClick;
                 },
@@ -2780,6 +2799,12 @@ function AppWorkspaceHead(props) {
               size: "sm",
               "class": "k2b-app-workspace__head-primary",
               "data-workspace-primary": "",
+              get ["aria-haspopup"]() {
+                return primary().popup;
+              },
+              get ["aria-expanded"]() {
+                return primary().popup ? "false" : undefined;
+              },
               get href() {
                 return href();
               },
@@ -2791,24 +2816,24 @@ function AppWorkspaceHead(props) {
               }
             })
           })
-        }), _el$147, _co$26);
-        return _el$143;
+        }), _el$152, _co$28);
+        return _el$148;
       }
-    }), _el$151, _co$28);
+    }), _el$156, _co$30);
     _$effect(_p$ => {
       var _v$87 = trail()?.ancestors.length ? "up" : trail() ? "title" : undefined,
         _v$88 = props.head ? "" : undefined,
         _v$89 = mobilePane();
-      _v$87 !== _p$.e && _$setAttribute(_el$122, "data-trail", _p$.e = _v$87);
-      _v$88 !== _p$.t && _$setAttribute(_el$122, "data-row", _p$.t = _v$88);
-      _v$89 !== _p$.a && _$setAttribute(_el$122, "data-workspace-head-pane", _p$.a = _v$89);
+      _v$87 !== _p$.e && _$setAttribute(_el$127, "data-trail", _p$.e = _v$87);
+      _v$88 !== _p$.t && _$setAttribute(_el$127, "data-row", _p$.t = _v$88);
+      _v$89 !== _p$.a && _$setAttribute(_el$127, "data-workspace-head-pane", _p$.a = _v$89);
       return _p$;
     }, {
       e: undefined,
       t: undefined,
       a: undefined
     });
-    return _el$122;
+    return _el$127;
   })();
 }
 const AppWorkspace = props => {
@@ -2863,10 +2888,10 @@ const AppWorkspace = props => {
       return _$createComponent(WorkspaceContext.Provider, {
         value: workspace,
         get children() {
-          var _el$154 = _$getNextElement(_tmpl$64);
+          var _el$159 = _$getNextElement(_tmpl$65);
           var _ref$8 = root;
-          typeof _ref$8 === "function" ? _$use(_ref$8, _el$154) : root = _el$154;
-          _$insert(_el$154, contents);
+          typeof _ref$8 === "function" ? _$use(_ref$8, _el$159) : root = _el$159;
+          _$insert(_el$159, contents);
           _$effect(_p$ => {
             var _v$90 = `k2b-app-workspace ${props.class ?? ""}`,
               _v$91 = props.mobileSurface,
@@ -2874,12 +2899,12 @@ const AppWorkspace = props => {
               _v$93 = initialLayoutState()?.sidebarCollapsed === undefined ? undefined : String(initialLayoutState()?.sidebarCollapsed),
               _v$94 = props.resizable === false ? "false" : "true",
               _v$95 = appWorkspaceLayoutStyle(initialLayoutState());
-            _v$90 !== _p$.e && _$className(_el$154, _p$.e = _v$90);
-            _v$91 !== _p$.t && _$setAttribute(_el$154, "data-mobile-surface", _p$.t = _v$91);
-            _v$92 !== _p$.a && _$setAttribute(_el$154, "data-flat", _p$.a = _v$92);
-            _v$93 !== _p$.o && _$setAttribute(_el$154, "data-sidebar-collapsed", _p$.o = _v$93);
-            _v$94 !== _p$.i && _$setAttribute(_el$154, "data-workspace-resizable", _p$.i = _v$94);
-            _p$.n = _$style(_el$154, _v$95, _p$.n);
+            _v$90 !== _p$.e && _$className(_el$159, _p$.e = _v$90);
+            _v$91 !== _p$.t && _$setAttribute(_el$159, "data-mobile-surface", _p$.t = _v$91);
+            _v$92 !== _p$.a && _$setAttribute(_el$159, "data-flat", _p$.a = _v$92);
+            _v$93 !== _p$.o && _$setAttribute(_el$159, "data-sidebar-collapsed", _p$.o = _v$93);
+            _v$94 !== _p$.i && _$setAttribute(_el$159, "data-workspace-resizable", _p$.i = _v$94);
+            _p$.n = _$style(_el$159, _v$95, _p$.n);
             return _p$;
           }, {
             e: undefined,
@@ -2889,7 +2914,7 @@ const AppWorkspace = props => {
             i: undefined,
             n: undefined
           });
-          return _el$154;
+          return _el$159;
         }
       });
     }
@@ -2905,10 +2930,10 @@ AppWorkspace.LayoutStateProvider = props => _$createComponent(LayoutStateContext
 });
 AppWorkspace.Head = AppWorkspaceHeadSlot;
 AppWorkspace.Content = props => (() => {
-  var _el$155 = _$getNextElement(_tmpl$6);
-  _$insert(_el$155, () => props.children);
-  _$effect(() => _$className(_el$155, `k2b-app-workspace__content ${props.class ?? ""}`));
-  return _el$155;
+  var _el$160 = _$getNextElement(_tmpl$6);
+  _$insert(_el$160, () => props.children);
+  _$effect(() => _$className(_el$160, `k2b-app-workspace__content ${props.class ?? ""}`));
+  return _el$160;
 })();
 AppWorkspace.Main = AppWorkspaceMain;
 AppWorkspace.MainPane = AppWorkspaceMainPane;