@hina-ui/vue 1.7.11 → 1.7.13

package/dist/shared/primitives/tree/index.ts

@@ -0,0 +1,248 @@
+import { handleAndDispatchCustomEvent } from '../dismissable-layer'
+import { findValuesBetween, type ListboxSelectionBehavior } from '../listbox'
+import type { FocusIntent } from '../roving-focus'
+
+export type TreeValue = Record<string, any>
+
+export interface FlattenedItem<T> {
+  _id: string
+  index: number
+  value: T
+  level: number
+  hasChildren: boolean
+  parentItem?: T
+  bind: {
+    value: T
+    level: number
+    'aria-setsize': number
+    'aria-posinset': number
+  }
+}
+
+export interface TreeAccessors<T> {
+  getKey: (value: T) => string
+  getChildren: (value: T) => T[] | undefined
+}
+
+export const TREE_SELECT = 'tree.select'
+export const TREE_TOGGLE = 'tree.toggle'
+
+export const TREE_KEY_TO_INTENT: Record<string, FocusIntent> = {
+  ArrowLeft: 'prev',
+  ArrowUp: 'prev',
+  ArrowRight: 'next',
+  ArrowDown: 'next',
+  PageUp: 'first',
+  Home: 'first',
+  PageDown: 'last',
+  End: 'last',
+}
+
+export function defaultTreeChildren<T extends TreeValue>(value: T) {
+  return value.children as T[] | undefined
+}
+
+export function flatten<U, T extends { children?: any[] }>(items: T[]): U[] {
+  return items.reduce((acc: any[], item: T) => {
+    acc.push(item)
+    if (item.children) acc.push(...flatten(item.children))
+    return acc
+  }, [])
+}
+
+export function flattenTree<T>(
+  items: T[],
+  accessors: TreeAccessors<T>,
+  expanded: string[],
+  level = 1,
+  parentItem?: T,
+): FlattenedItem<T>[] {
+  return items.reduce((acc: FlattenedItem<T>[], item: T, index: number) => {
+    const key = accessors.getKey(item)
+    const children = accessors.getChildren(item)
+    acc.push({
+      _id: key,
+      value: item,
+      index,
+      level,
+      parentItem,
+      hasChildren: !!children,
+      bind: {
+        value: item,
+        level,
+        'aria-setsize': items.length,
+        'aria-posinset': index + 1,
+      },
+    })
+    if (children && expanded.includes(key))
+      acc.push(...flattenTree(children, accessors, expanded, level + 1, item))
+    return acc
+  }, [])
+}
+
+export function treeSelectedKeys<T>(
+  model: unknown,
+  multiple: boolean,
+  getKey: (value: T) => string,
+) {
+  if (multiple && Array.isArray(model)) return model.map(item => getKey(item as T))
+  return [getKey((model ?? {}) as T)]
+}
+
+export interface TreeSelectionOptions<T> extends TreeAccessors<T> {
+  multiple: boolean
+  selectionBehavior: ListboxSelectionBehavior
+  propagateSelect: boolean
+  bubbleSelect: boolean
+  flattened: FlattenedItem<T>[]
+}
+
+function bubbleSelection<T>(
+  item: FlattenedItem<T>,
+  model: T[],
+  options: TreeSelectionOptions<T>,
+): T[] {
+  const { getKey, getChildren, flattened } = options
+  if (item.parentItem == null || !options.multiple) return model
+  const parentItem = flattened.find(
+    entry => item.parentItem != null && getKey(entry.value) === getKey(item.parentItem),
+  )
+  if (parentItem == null) return model
+  const all = getChildren(parentItem.value)?.every(child =>
+    model.find(value => getKey(value) === getKey(child)),
+  )
+  const next = all
+    ? [...model, parentItem.value]
+    : model.filter(value => getKey(value) !== getKey(parentItem.value))
+  return bubbleSelection(parentItem, next, options)
+}
+
+export function nextTreeSelection<T>(
+  model: unknown,
+  value: T,
+  options: TreeSelectionOptions<T>,
+): { value: unknown; anchor: boolean } {
+  const { getKey, getChildren, multiple, selectionBehavior } = options
+  const condition = (base: unknown) => getKey((base ?? {}) as T) === getKey(value)
+  const exist = multiple && Array.isArray(model) ? model.findIndex(condition) !== -1 : undefined
+  let next: unknown
+  let anchor = false
+  if (multiple && Array.isArray(model)) {
+    if (selectionBehavior === 'replace') {
+      next = [value]
+      anchor = true
+    } else {
+      const index = model.findIndex(item => condition(item))
+      next = index !== -1 ? model.filter((_, i) => i !== index) : [...model, value]
+    }
+  } else if (selectionBehavior === 'replace') next = { ...value }
+  else if (!Array.isArray(model) && condition(model)) next = undefined
+  else next = { ...value }
+
+  if (options.bubbleSelect && multiple && Array.isArray(next)) {
+    const item = options.flattened.find(entry => getKey(entry.value) === getKey(value))
+    if (item != null) next = bubbleSelection(item, next as T[], options)
+  }
+
+  if (options.propagateSelect && multiple && Array.isArray(next)) {
+    const children = flatten<T, any>((getChildren(value) ?? []) as any[])
+    next = exist
+      ? (next as T[]).filter(
+          item => !children.some(child => getKey((item ?? {}) as T) === getKey(child)),
+        )
+      : [...(next as T[]), ...children]
+  }
+
+  return { value: next, anchor }
+}
+
+export function treeRangeValues(
+  intent: FocusIntent | undefined,
+  current: Element | null,
+  entries: { ref: HTMLElement; value?: unknown }[],
+  options: unknown[],
+  state: { firstValue: unknown; multiple: boolean; model: unknown },
+): unknown[] | null | undefined {
+  if (!state.firstValue || !state.multiple || !Array.isArray(state.model)) return
+  const lastValue = entries
+    .filter(item => item.ref.dataset.disabled !== '')
+    .find(item => item.ref === current)?.value
+  if (!lastValue) return
+  switch (intent) {
+    case 'prev':
+    case 'next':
+      return findValuesBetween(options, state.firstValue, lastValue)
+    case 'first':
+      return findValuesBetween(options, state.firstValue, options[0])
+    case 'last':
+      return findValuesBetween(options, state.firstValue, options.at(-1))
+  }
+  return null
+}
+
+export function toggleTreeExpanded(expanded: string[], key: string) {
+  return expanded.includes(key) ? expanded.filter(item => item !== key) : [...expanded, key]
+}
+
+export function treeIndeterminate<T>(input: {
+  value: T
+  model: unknown
+  isSelected: boolean
+  hasChildren: boolean
+  bubbleSelect: boolean
+  propagateSelect: boolean
+  getKey: (value: T) => string
+  getChildren: (value: T) => T[] | undefined
+}) {
+  const { model, getKey } = input
+  if (!input.hasChildren || !Array.isArray(model)) return undefined
+  const found = (child: T) => model.find(item => getKey(item as T) === getKey(child))
+  if (input.bubbleSelect) {
+    const children = flatten<T, any>((input.getChildren(input.value) || []) as any[])
+    return children.some(found) && !children.every(found)
+  }
+  if (input.propagateSelect && input.isSelected) {
+    const children = flatten<T, any>((input.getChildren(input.value) || []) as any[])
+    return !children.every(found)
+  }
+  return undefined
+}
+
+function indent(element: HTMLElement) {
+  return Number(element.getAttribute('data-indent'))
+}
+
+export function treeChildTarget(collection: HTMLElement[], current: Element | null, level: number) {
+  const index = collection.indexOf(current as HTMLElement)
+  return collection.slice(index).find(element => indent(element) === level + 1)
+}
+
+export function treeParentTarget(
+  collection: HTMLElement[],
+  current: Element | null,
+  level: number,
+) {
+  const index = collection.indexOf(current as HTMLElement)
+  return collection
+    .slice(0, index)
+    .reverse()
+    .find(element => indent(element) === level - 1)
+}
+
+export interface TreeItemEventDetail<T> {
+  originalEvent: Event
+  value?: T
+  isExpanded: boolean
+  isSelected: boolean
+}
+
+export type TreeItemSelectEvent<T> = CustomEvent<TreeItemEventDetail<T>>
+export type TreeItemToggleEvent<T> = CustomEvent<TreeItemEventDetail<T>>
+
+export function dispatchTreeItemEvent<T>(
+  name: typeof TREE_SELECT | typeof TREE_TOGGLE,
+  handler: (event: CustomEvent<TreeItemEventDetail<T>>) => void,
+  detail: TreeItemEventDetail<T>,
+) {
+  handleAndDispatchCustomEvent<CustomEvent<TreeItemEventDetail<T>>>(name, handler, detail)
+}

package/dist/shared/styles/interaction.css

@@ -132,7 +132,9 @@
   @media (hover: hover) {
     &:hover:not(:disabled):not([data-disabled]):not(
         :has(:is(input, textarea, [data-hn-segment]):focus-visible)
-      ):not([data-invalid]) {
+      ):not([data-invalid]),
+    :where([data-hn-field-group]:hover:not(:has(input:focus-visible)))
+      &:not([data-disabled]):not([data-invalid]) {
       background-color: color-mix(
         in oklab,
         var(--hn-field-bg, var(--hn-surface)) calc(100% - var(--hn-state-hover-opacity) * 100%),
@@ -142,7 +144,9 @@
 
     &[data-invalid]:hover:not(:disabled):not([data-disabled]):not(
         :has(:is(input, textarea, [data-hn-segment]):focus-visible)
-      ) {
+      ),
+    :where([data-hn-field-group]:hover:not(:has(input:focus-visible)))
+      &[data-invalid]:not([data-disabled]) {
       background-color: color-mix(
         in oklab,
         color-mix(

package/dist/shared/styles/line-clamp.css

@@ -9,14 +9,18 @@
   min-width: 0;
 }
 
+.hn-line-clamp {
+  display: flow-root;
+}
+
 .hn-line-clamp:not([data-expanded]),
 .hn-line-clamp[data-animating],
 .hn-line-clamp[data-measuring] {
   overflow: hidden;
 }
 
-.hn-line-clamp:not([data-expanded]):not([data-animating]),
-.hn-line-clamp[data-measuring] {
+.hn-line-clamp:not([data-expanded]):not([data-animating]):not([data-measuring='full']),
+.hn-line-clamp[data-measuring='clamped'] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: var(--hn-line-clamp, 3);

package/dist/shared/styles/pin-input.css

@@ -0,0 +1,84 @@
+.hn-pin-native {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  background: transparent;
+  box-shadow: none;
+  color: transparent;
+  caret-color: transparent;
+  cursor: text;
+  font-family: ui-monospace, monospace;
+  font-size: var(--hn-pin-size, 2.5rem);
+  line-height: 1;
+  letter-spacing: -0.5em;
+  appearance: none;
+  forced-color-adjust: none;
+}
+
+@supports (-webkit-touch-callout: none) {
+  .hn-pin-native {
+    left: -1px;
+    right: 1px;
+    font-weight: 100;
+    font-stretch: ultra-condensed;
+    font-optical-sizing: none;
+    letter-spacing: -0.6em;
+  }
+}
+
+.hn-pin-native:disabled {
+  cursor: not-allowed;
+}
+
+.hn-pin-native::selection {
+  background: transparent;
+  color: transparent;
+}
+
+.hn-pin-native::-ms-reveal {
+  display: none;
+}
+
+.hn-pin-native::-ms-clear {
+  display: none;
+}
+
+.hn-pin-native::-webkit-credentials-auto-fill-button,
+.hn-pin-native::-webkit-contacts-auto-fill-button,
+.hn-pin-native::-webkit-strong-password-auto-fill-button,
+.hn-pin-native::-webkit-caps-lock-indicator {
+  display: none !important;
+  visibility: hidden;
+  pointer-events: none;
+}
+
+.hn-pin-native:-webkit-autofill {
+  opacity: 0;
+}
+
+.hn-pin-native:autofill {
+  opacity: 0;
+}
+
+[data-hn-pin-cell]::before {
+  content: '\200b';
+}
+
+.hn-pin-caret {
+  width: 1px;
+  height: 1.25em;
+  background-color: var(--hn-fg-default);
+  animation: hn-pin-caret 1.2s step-end infinite;
+}
+
+@keyframes hn-pin-caret {
+  50% {
+    opacity: 0;
+  }
+}

package/dist/shared/styles/tokens.css

@@ -11,8 +11,10 @@
 @import './data-table.css';
 @import './timeline.css';
 @import './stepper.css';
+@import './tour.css';
 @import './float-button.css';
 @import './line-clamp.css';
+@import './pin-input.css';
 @import './masonry.css';
 @import './carousel.css';
 @import './base.css';

package/dist/shared/styles/tour.css

@@ -0,0 +1,29 @@
+@keyframes hn-tour-hole-in {
+  from {
+    clip-path: var(--hn-tour-hole-origin);
+  }
+}
+
+@keyframes hn-tour-hole-out {
+  from {
+    clip-path: var(--hn-tour-hole);
+  }
+  to {
+    clip-path: var(--hn-tour-hole-origin);
+  }
+}
+
+@utility hn-tour-mask {
+  transition: clip-path var(--hn-duration-base) var(--hn-ease-move);
+
+  &[data-state='open'][data-hn-tour-hole='shown'] {
+    animation:
+      hn-fade-in var(--hn-duration-base) var(--hn-ease-enter),
+      hn-tour-hole-in var(--hn-duration-base) var(--hn-ease-enter);
+  }
+  &[data-state='open'][data-hn-tour-hole='hidden'] {
+    animation:
+      hn-fade-in var(--hn-duration-base) var(--hn-ease-enter),
+      hn-tour-hole-out var(--hn-duration-exit) var(--hn-ease-exit);
+  }
+}

package/dist/shared/variants/nav-link.ts

@@ -2,7 +2,7 @@ import { tv, type VariantProps } from '../lib/tv'
 
 export const navLink = tv({
   base: [
-    'hn-interactive hn-state-layer hn-press-none relative isolate flex cursor-pointer items-center',
+    'hn-interactive hn-state-layer hn-press-none relative isolate flex min-w-0 cursor-pointer items-center',
     'data-disabled:pointer-events-none data-disabled:opacity-50',
     'h-9 gap-[var(--hn-control-gap)] rounded-md ps-2.5 pe-2 text-sm select-none',
     '[&_svg]:size-4 [&_svg]:shrink-0',
@@ -17,5 +17,9 @@ export const navLink = tv({
 })
 
 export const navLinkLabel = tv({
-  base: 'hn-sidebar-label shrink-0 whitespace-nowrap',
+  base: 'hn-sidebar-label min-w-0 truncate',
+})
+
+export const navLinkTrailing = tv({
+  base: 'hn-sidebar-label ms-auto flex shrink-0 items-center',
 })

package/dist/shared/variants/pin-input.ts

@@ -1,14 +1,25 @@
 import { tv, type VariantProps } from '../lib/tv'
 
 export const pinInput = tv({
-  base: 'inline-flex max-w-full gap-2',
+  base: 'relative inline-flex max-w-full gap-2',
+  variants: {
+    size: {
+      sm: '[--hn-pin-size:var(--hn-control-h-sm)]',
+      md: '[--hn-pin-size:var(--hn-control-h-md)]',
+      lg: '[--hn-pin-size:var(--hn-control-h-lg)]',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
 })
 
 export const pinInputCell = tv({
   base: [
-    'hn-field text-fg shrink-0 rounded-md border text-center font-medium tabular-nums outline-none [font-family:inherit]',
-    'placeholder:text-faint placeholder:font-normal',
-    'disabled:cursor-not-allowed disabled:opacity-50',
+    'hn-field text-fg inline-flex size-[var(--hn-pin-size)] shrink-0 items-center justify-center rounded-md border font-medium tabular-nums select-none',
+    'not-data-filled:text-faint not-data-filled:font-normal',
+    'data-active:[--hn-field-ring-w:2px] data-invalid:data-active:[--hn-field-ring-w:1px]',
+    'data-disabled:opacity-50',
   ],
   variants: {
     variant: {
@@ -17,9 +28,9 @@ export const pinInputCell = tv({
       secondary: 'border-transparent [--hn-field-bg:var(--hn-bg-inset)]',
     },
     size: {
-      sm: 'size-[var(--hn-control-h-sm)] text-sm',
-      md: 'size-[var(--hn-control-h-md)] text-base',
-      lg: 'size-[var(--hn-control-h-lg)] text-md',
+      sm: 'text-sm',
+      md: 'text-base',
+      lg: 'text-md',
     },
   },
   defaultVariants: {
@@ -28,4 +39,12 @@ export const pinInputCell = tv({
   },
 })
 
+export const pinInputNative = tv({
+  base: 'hn-pin-native',
+})
+
+export const pinInputCaret = tv({
+  base: 'hn-pin-caret',
+})
+
 export type PinInputVariants = VariantProps<typeof pinInputCell>

package/dist/shared/variants/tour.ts

@@ -0,0 +1,29 @@
+import { tv } from '../lib/tv'
+
+export const tourMask = tv({ base: 'hn-scrim hn-tour-mask' })
+
+export const tourBlocker = tv({ base: 'fixed z-(--hn-z-overlay)' })
+
+export const tourCard = tv({
+  base: 'relative z-(--hn-z-overlay) flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-3 overflow-visible p-4 shadow-lg outline-none',
+})
+
+export const tourCentered = tv({
+  base: 'pointer-events-none fixed inset-0 z-(--hn-z-overlay) grid place-items-center p-4 [&>*]:pointer-events-auto',
+})
+
+export const tourBeacon = tv({
+  base: 'hn-focus-ring fixed z-(--hn-z-overlay) size-4 -translate-x-1/2 -translate-y-1/2 cursor-pointer rounded-full',
+})
+
+export const tourBeaconPulse = tv({
+  base: 'hn-ping bg-accent pointer-events-none absolute inset-0 rounded-full',
+})
+
+export const tourBeaconDot = tv({
+  base: 'bg-accent ring-surface pointer-events-none relative block size-full rounded-full ring-2',
+})
+
+export const tourHeader = tv({ base: 'flex items-start gap-2' })
+
+export const tourFooter = tv({ base: 'flex items-center gap-2' })

package/dist/types/shared/src/lib/css-time.d.ts

@@ -0,0 +1,2 @@
+export declare function cssTimeToMs(value: string): number;
+//# sourceMappingURL=css-time.d.ts.map

package/dist/types/shared/src/lib/css-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-time.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/lib/css-time.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,UAKxC"}

package/dist/types/shared/src/lib/line-clamp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"line-clamp.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/lib/line-clamp.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,IAAI,CAAA;AAEnC,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,UAGvD;AAUD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,kBAIpD;AAUD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,cA0CzF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,QAEvD"}
+{"version":3,"file":"line-clamp.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/lib/line-clamp.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,IAAI,CAAA;AAEnC,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,UAGvD;AASD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,kBAIpD;AAUD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,cA2CzF;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,QAEvD"}

package/dist/types/shared/src/lib/tour.d.ts

@@ -0,0 +1,81 @@
+export type TourSide = 'top' | 'right' | 'bottom' | 'left';
+export type TourAlign = 'start' | 'center' | 'end';
+export type TourTarget = string | HTMLElement | (() => HTMLElement | null | undefined) | null;
+export interface TourStepBase {
+    target?: TourTarget;
+    title?: string;
+    description?: string;
+    side?: TourSide;
+    align?: TourAlign;
+    padding?: number;
+    radius?: number;
+    blockTarget?: boolean;
+    scroll?: boolean;
+    beacon?: boolean;
+}
+export type TourBeforeChange = (step: number, previousStep: number) => boolean | void | Promise<boolean | void>;
+export interface TourRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare const TOUR_PADDING = 8;
+export declare const TOUR_RADIUS = 8;
+export declare const TOUR_SIDE_OFFSET = 12;
+export declare const TOUR_ARROW_WIDTH = 16;
+export declare const TOUR_ARROW_HEIGHT = 8;
+export declare const TOUR_ARROW_PADDING = 12;
+export declare const TOUR_ARROW_PATH = "M0 0L6 6L12 0";
+export declare function tourBeaconOnArrival(step: TourStepBase, beacon: boolean, navigated: boolean): boolean;
+export declare function tourTargetBlocked(step: TourStepBase, blockTarget: boolean): boolean;
+export declare function resolveTourTarget(target: TourTarget | undefined): HTMLElement | null;
+export declare function clampTourStep(step: number | undefined, count: number): number;
+export declare function spotlightRect(rect: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, padding?: number): TourRect;
+export declare function spotlightPath(viewport: {
+    width: number;
+    height: number;
+}, hole: TourRect, radius?: number): string;
+export interface TourSpotlight {
+    shape: string;
+    origin: string;
+}
+export type TourHoleState = 'shown' | 'hidden';
+export declare function spotlightShape(viewport: {
+    width: number;
+    height: number;
+}, hole: TourRect, radius?: number): TourSpotlight;
+export declare function spotlightMask(spotlight: TourSpotlight | null, last: TourSpotlight | null): {
+    hole?: TourHoleState;
+    style?: Record<string, string>;
+};
+export declare function beaconPoint(rect: TourRect, dir: 'ltr' | 'rtl'): {
+    x: number;
+    y: number;
+};
+export declare function tourKeyAction(event: KeyboardEvent, dir: 'ltr' | 'rtl'): "prev" | "next" | null;
+export declare function runTourChange(beforeChange: TourBeforeChange | undefined, step: number, previousStep: number, setBusy: (busy: boolean) => void): Promise<boolean>;
+export declare function tourReference(element: HTMLElement, padding?: number): {
+    contextElement: HTMLElement;
+    getBoundingClientRect(): {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+};
+export declare function watchTourTarget(element: HTMLElement, onChange: () => void): () => void;
+export declare function isFullyVisible(element: HTMLElement): boolean;
+export declare function revealTourTarget(element: HTMLElement): void;
+export declare function hideOutsideTour(elements: (HTMLElement | null | undefined)[]): import("aria-hidden").Undo;
+export declare function trapTourFocus(getContainers: () => (HTMLElement | null | undefined)[], getLayer: () => HTMLElement | null | undefined): () => void;
+//# sourceMappingURL=tour.d.ts.map

package/dist/types/shared/src/lib/tour.d.ts.map

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

package/dist/types/shared/src/lib/virtual/filter.d.ts

@@ -0,0 +1,6 @@
+export declare function createCollatorFilter(options?: Intl.CollatorOptions): {
+    startsWith(string: string, substring: string): boolean;
+    endsWith(string: string, substring: string): boolean;
+    contains(string: string, substring: string): boolean;
+};
+//# sourceMappingURL=filter.d.ts.map

package/dist/types/shared/src/lib/virtual/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../../../shared/src/lib/virtual/filter.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe;uBAG5C,MAAM,aAAa,MAAM;qBAM3B,MAAM,aAAa,MAAM;qBAMzB,MAAM,aAAa,MAAM;EAU7C"}

package/dist/types/shared/src/locale/en-US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/locale/en-US.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UA6NlB,CAAA"}
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/locale/en-US.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UAqOlB,CAAA"}

package/dist/types/shared/src/locale/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE5D,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,GAAG,UAAU,CA8CtF;AAED,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE5D,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,GAAG,UAAU,CA+CtF;AAED,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/shared/src/locale/ja-JP.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ja-JP.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/locale/ja-JP.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UAkOlB,CAAA"}
+{"version":3,"file":"ja-JP.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/locale/ja-JP.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UA2OlB,CAAA"}

package/dist/types/shared/src/locale/types.d.ts

@@ -42,6 +42,14 @@ export interface UiMessages {
         completed: string;
         error: string;
     };
+    tour: {
+        prev: string;
+        next: string;
+        finish: string;
+        skip: string;
+        progress: (step: number, total: number) => string;
+        beacon: (step: number, title: string) => string;
+    };
     common: {
         close: string;
         copy: string;