kanto-ds 1.6.1 → 1.8.0

package/dist/chunks/{segmented-field-BBXR4XFL.js.map → segmented-field-BCjCGF4I.js.map}

@@ -1 +1 @@
-{"version":3,"file":"segmented-field-BBXR4XFL.js","sources":["../../src/internal/segments.ts","../../src/internal/segmented-field.ts"],"sourcesContent":["/**\n * The arithmetic of a segmented field — a day, a month, a year, an hour —\n * each typed digit by digit and stepped with the arrows. Pure, so the two\n * fields that share it, `<kt-date-input>` and `<kt-time-input>`, agree on\n * every key.\n */\n\nexport interface SegmentSpec {\n  readonly min: number;\n  readonly max: number;\n  /** Digits when full: 2 for a day, 4 for a year. */\n  readonly length: number;\n}\n\n/**\n * The segment's text once `digit` is typed, and whether the focus should move\n * on. It moves on when the segment is full, or as soon as no further digit\n * could follow — a day starting with 4 is the 4th. A digit that would\n * overshoot the maximum, or one typed into a full segment, starts it over.\n */\nexport function typeDigit(\n  current: string,\n  digit: string,\n  spec: SegmentSpec,\n): { text: string; advance: boolean } {\n  let text = current.length >= spec.length ? digit : current + digit;\n  if (Number(text) > spec.max) text = digit;\n  const advance = text.length >= spec.length || Number(text) * 10 > spec.max;\n  return { text, advance };\n}\n\n/**\n * The value an arrow press lands on: the next multiple of the step — counted\n * from the minimum — in the direction of `by`, wrapping past either end. An\n * empty segment starts from its first value going up, its last going down.\n */\nexport function stepSegment(value: number | null, by: number, spec: SegmentSpec): number {\n  const step = Math.abs(by) || 1;\n  const first = spec.min;\n  const last = spec.min + Math.floor((spec.max - spec.min) / step) * step;\n  if (value === null) return by > 0 ? first : last;\n\n  const offset = value - spec.min;\n  if (by > 0) {\n    const next = spec.min + (Math.floor(offset / step) + 1) * step;\n    return next > spec.max ? first : next;\n  }\n  const next = offset % step === 0 ? value - step : spec.min + Math.floor(offset / step) * step;\n  return next < spec.min ? last : next;\n}\n\n/** A value written with the segment's leading zeros: 4 → \"04\". */\nexport function padSegment(value: number, spec: SegmentSpec): string {\n  return String(value).padStart(spec.length, '0');\n}\n","import { css, html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { KtElement } from './kt-element.js';\nimport { emit, uniqueId } from './events.js';\nimport {\n  attachFormInternals,\n  setFormValue,\n  setValidity,\n  type UsableInternals,\n} from './form-control.js';\nimport { resolveLocale } from './locale.js';\nimport { padSegment, stepSegment, typeDigit, type SegmentSpec } from './segments.js';\n\n/** One part of a segmented field: a number typed digit by digit, or one of a few words. */\nexport interface Segment {\n  readonly key: string;\n  readonly label: string;\n  /** What the segment shows while empty: \"dd\", \"--\". */\n  readonly placeholder: string;\n  /** A number, typed and stepped within these bounds… */\n  readonly spec?: SegmentSpec;\n  /** …stepped by this much with the arrows… */\n  readonly step?: number;\n  /** …or one of these words, picked by its first letter: AM, PM. */\n  readonly choices?: readonly string[];\n}\n\n/** What a segmented field is made of: segments, and the characters between them. */\nexport type FieldItem = Segment | { readonly literal: string };\n\nconst isSegment = (item: FieldItem): item is Segment => 'key' in item;\n\n/** Characters that move on to the next segment, as a typist expects. */\nconst SEPARATORS = new Set(['/', '.', '-', ':', ',', ' ']);\n\nexport type KtSegmentedFieldSize = 'small' | 'medium' | 'large';\n\n/**\n * The common ground of `<kt-date-input>` and `<kt-time-input>`: a field of\n * segments — a day, a month, an hour — each its own spinbutton, typed digit by\n * digit, stepped with the arrows, the focus moving on as each fills.\n *\n * Each segment is `contenteditable`, so a phone shows its number pad, but the\n * text never changes behind the field's back: every keystroke and every input\n * event is turned into the segment's new value here. A subclass says what its\n * segments are, how they read into a value, and how a value fills them.\n */\nexport abstract class KtSegmentedField extends KtElement {\n  static readonly formAssociated = true;\n\n  static override styles = [\n    KtElement.styles,\n    css`\n      :host {\n        display: block;\n        --field-height: var(--button-height);\n      }\n      :host([size='small']) {\n        --field-height: var(--button-height-small);\n      }\n      :host([size='large']) {\n        --field-height: var(--button-height-large);\n      }\n\n      /* The field as kt-input draws one: a fill with a resting hairline, an\n         outline on hover and focus that never reflows it. */\n      .field {\n        display: flex;\n        align-items: center;\n        gap: var(--gap-element);\n        height: var(--field-height);\n        /* Less the segment's own padding, so the digits line up with a\n           kt-input's text. */\n        padding: 0 10px 0 calc(var(--button-padding-x) - 2px);\n        color: var(--text-body);\n        font: var(--font-input);\n        background-color: var(--surface-field);\n        border: var(--border-width) solid var(--border-field);\n        border-radius: var(--radius-input);\n        outline: var(--outline-width) solid transparent;\n        cursor: text;\n        transition: outline-color var(--duration-instant);\n      }\n      .field:hover {\n        outline: var(--outline-width) solid var(--color-text-700);\n      }\n      .field:focus-within,\n      .field.open {\n        outline: var(--outline-width) solid var(--color-primary-base);\n      }\n      .field.error,\n      .field.error:hover,\n      .field.error:focus-within {\n        outline: var(--outline-width) solid var(--color-danger-base);\n      }\n      .field.disabled {\n        color: var(--text-disabled);\n        background-color: var(--color-dark-14);\n        cursor: not-allowed;\n      }\n\n      .segments {\n        display: flex;\n        flex: 1;\n        align-items: center;\n        min-width: 0;\n        font-variant-numeric: tabular-nums;\n      }\n\n      /* A segment takes a tint while it has focus, so it is plain which part\n         a digit will go into; the caret itself would only flicker. */\n      .segment {\n        padding: 1px 2px;\n        border-radius: calc(4px * var(--radius-scale, 1));\n        outline: none;\n        caret-color: transparent;\n        white-space: nowrap;\n      }\n      .segment.empty {\n        color: var(--text-muted);\n      }\n      .segment:focus {\n        color: var(--color-primary-text);\n        background: var(--color-primary-soft);\n      }\n      .error .segment:not(.empty) {\n        color: var(--color-danger-text);\n      }\n      .literal {\n        padding: 0 1px;\n        color: var(--text-muted);\n      }\n\n      .error-icon {\n        flex: none;\n        color: var(--color-danger-text);\n      }\n    `,\n  ];\n\n  protected internals: UsableInternals | null = null;\n  private defaultValue: string | null = null;\n  /** Set while the field writes its own value, which should not refill it. */\n  private committing = false;\n  protected readonly errorId = uniqueId('kt-segmented-error');\n\n  /** What each segment holds, by key: digits, or the index of a choice. */\n  @state() protected texts: Record<string, string> = {};\n  /** Why the segments do not make a value, when they are all filled. */\n  @state() protected typedError = '';\n  @state() private focusedKey: string | null = null;\n  /** Disabled by an enclosing `<fieldset>`, which leaves `disabled` alone. */\n  @state() private formDisabled = false;\n\n  @property({ type: String, reflect: true })\n  value: string | null = null;\n\n  @property({ type: String })\n  name = '';\n\n  /** Accessible name of the field, when no `<kt-label-input>` wraps it. */\n  @property({ type: String })\n  label = '';\n\n  /** BCP 47 locale for the order and names of the segments. Empty: page, then browser. */\n  @property({ type: String })\n  locale = '';\n\n  @property({ type: String })\n  min = '';\n\n  @property({ type: String })\n  max = '';\n\n  @property({ type: String, reflect: true })\n  size: KtSegmentedFieldSize = 'medium';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /** Error message. A non-empty value puts the field in its error state. */\n  @property({ type: String, reflect: true })\n  error = '';\n\n  // --- What a subclass says ---\n\n  /** The segments, in order, with what goes between them. */\n  protected abstract items(): FieldItem[];\n  /** What each segment holds for a value. */\n  protected abstract fill(value: string | null): Record<string, string>;\n  /** The value the segments make — null until they all hold something — and why not, if not. */\n  protected abstract read(texts: Record<string, string>): { value: string | null; error: string };\n  /** The message of a required field left empty. */\n  protected abstract requiredMessage(): string;\n  /** Anything after the segments: a calendar button. */\n  protected renderAfter(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n  /**\n   * What a segment left half-typed becomes when the focus leaves it — a\n   * two-digit year written out — or null to leave it as typed.\n   */\n  protected completeOnBlur(_segment: Segment, _text: string): string | null {\n    return null;\n  }\n  /** Whether a popup belonging to the field is open, for the field's outline. */\n  protected get expanded(): boolean {\n    return false;\n  }\n\n  // --- Lifecycle ---\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.internals ??= attachFormInternals(this);\n    this.defaultValue = this.value;\n    this.texts = this.fill(this.value);\n  }\n\n  override willUpdate(changed: PropertyValues<this>): void {\n    // A value set from outside fills the segments; one the field wrote does not.\n    if ((changed.has('value') || changed.has('locale')) && !this.committing) {\n      this.texts = this.fill(this.value);\n      this.typedError = '';\n    }\n    this.committing = false;\n\n    if (\n      changed.has('value') ||\n      changed.has('required') ||\n      changed.has('error') ||\n      changed.has('typedError' as keyof KtSegmentedField) ||\n      this.stringsChanged(changed)\n    ) {\n      setFormValue(this.internals, this.value);\n      const missing = this.required && this.value === null && !this.typedError;\n      setValidity(\n        this.internals,\n        {\n          valueMissing: missing,\n          badInput: Boolean(this.typedError),\n          customError: Boolean(this.error),\n        },\n        this.error || this.typedError || (missing ? this.requiredMessage() : ''),\n      );\n    }\n  }\n\n  formResetCallback(): void {\n    this.value = this.defaultValue;\n    this.texts = this.fill(this.value);\n    this.typedError = '';\n  }\n\n  /**\n   * Called by the platform when the control's disabled state changes — its\n   * own `disabled`, or an ancestor `<fieldset disabled>` it cannot see.\n   */\n  formDisabledCallback(disabled: boolean): void {\n    this.formDisabled = disabled;\n  }\n\n  /** Called by the platform when the browser restores a session. */\n  formStateRestoreCallback(state: string | null): void {\n    this.value = state;\n  }\n\n  /** Focuses the first segment. */\n  override focus(options?: FocusOptions): void {\n    this.segmentElements()[0]?.focus(options);\n  }\n\n  protected get inactive(): boolean {\n    return this.disabled || this.formDisabled;\n  }\n\n  protected get resolvedLocale(): string {\n    return resolveLocale(this.locale);\n  }\n\n  // --- Values ---\n\n  /** Sets a value chosen outside the segments — a day picked in a calendar. */\n  protected commitValue(value: string | null): void {\n    this.texts = this.fill(value);\n    this.typedError = '';\n    this.apply(value);\n  }\n\n  private setText(key: string, text: string): void {\n    this.texts = { ...this.texts, [key]: text };\n    const { value, error } = this.read(this.texts);\n    this.typedError = error;\n    this.apply(value);\n  }\n\n  private apply(value: string | null): void {\n    if (value === this.value) return;\n    this.committing = true;\n    this.value = value;\n    emit(this, 'kt-change', { value });\n  }\n\n  // --- Keyboard ---\n\n  private segmentElements(): HTMLElement[] {\n    return [...(this.shadowRoot?.querySelectorAll<HTMLElement>('[role=\"spinbutton\"]') ?? [])];\n  }\n\n  private focusSegment(index: number): void {\n    this.segmentElements()[index]?.focus();\n  }\n\n  /** One key's effect on a segment; true when the key was the field's to handle. */\n  private applyKey(key: string, segment: Segment, index: number): boolean {\n    const text = this.texts[segment.key] ?? '';\n\n    if (/^\\d$/.test(key) && segment.spec) {\n      const typed = typeDigit(text, key, segment.spec);\n      this.setText(segment.key, typed.text);\n      if (typed.advance) this.focusSegment(index + 1);\n      return true;\n    }\n    if (segment.choices && /^\\p{L}$/u.test(key)) {\n      const pick = segment.choices.findIndex((choice) =>\n        choice.toLowerCase().startsWith(key.toLowerCase()),\n      );\n      if (pick >= 0) {\n        this.setText(segment.key, String(pick));\n        this.focusSegment(index + 1);\n      }\n      return true;\n    }\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        const by = key === 'ArrowUp' ? 1 : -1;\n        if (segment.spec) {\n          const current = text === '' ? null : Number(text);\n          const next = stepSegment(current, by * (segment.step ?? 1), segment.spec);\n          this.setText(segment.key, padSegment(next, segment.spec));\n        } else if (segment.choices) {\n          const count = segment.choices.length;\n          const current = text === '' ? (by > 0 ? -1 : 0) : Number(text);\n          this.setText(segment.key, String((current + by + count) % count));\n        }\n        return true;\n      }\n      case 'Home':\n      case 'End':\n        if (segment.spec) {\n          const bound = key === 'Home' ? segment.spec.min : segment.spec.max;\n          this.setText(segment.key, padSegment(bound, segment.spec));\n        }\n        return true;\n      case 'ArrowLeft':\n        this.focusSegment(index - 1);\n        return true;\n      case 'ArrowRight':\n        this.focusSegment(index + 1);\n        return true;\n      case 'Backspace':\n      case 'Delete':\n        // Erase a digit at a time; once empty, Backspace goes back a segment.\n        if (text) this.setText(segment.key, segment.choices ? '' : text.slice(0, -1));\n        else if (key === 'Backspace') this.focusSegment(index - 1);\n        return true;\n      default:\n        if (SEPARATORS.has(key)) {\n          if (text) this.focusSegment(index + 1);\n          return true;\n        }\n        // Any other character would land in the contenteditable as text.\n        return key.length === 1;\n    }\n  }\n\n  private onKeyDown(event: KeyboardEvent, segment: Segment, index: number): void {\n    if (this.inactive || event.metaKey || event.ctrlKey || event.altKey) return;\n    if (this.applyKey(event.key, segment, index)) event.preventDefault();\n  }\n\n  /**\n   * What a phone's keyboard sends: input events rather than key presses.\n   * The text is never left to the browser; each character goes through the\n   * same path as a key.\n   */\n  private onBeforeInput(event: InputEvent, segment: Segment, index: number): void {\n    event.preventDefault();\n    if (this.inactive) return;\n    if (event.inputType.startsWith('delete')) {\n      this.applyKey('Backspace', segment, index);\n      return;\n    }\n    for (const character of event.data ?? '') this.applyKey(character, segment, index);\n  }\n\n  /** A click on the field's padding or separators lands in its first empty segment. */\n  private onFieldClick(event: MouseEvent): void {\n    if (this.inactive) return;\n    if ((event.target as HTMLElement).closest('[role=\"spinbutton\"], button, kt-tooltip')) return;\n    const segments = this.items().filter(isSegment);\n    const empty = segments.findIndex((segment) => !this.texts[segment.key]);\n    this.focusSegment(empty >= 0 ? empty : segments.length - 1);\n  }\n\n  // --- Rendering ---\n\n  private renderSegment(segment: Segment, index: number): TemplateResult {\n    const text = this.texts[segment.key] ?? '';\n    const focused = this.focusedKey === segment.key;\n    let shown = segment.placeholder;\n    let now: number | typeof nothing = nothing;\n    if (text !== '') {\n      now = Number(text);\n      if (segment.choices) shown = segment.choices[Number(text)] ?? '';\n      else if (segment.spec) shown = focused ? text : padSegment(Number(text), segment.spec);\n    }\n\n    return html`<span\n      part=\"segment\"\n      role=\"spinbutton\"\n      class=${classMap({ segment: true, empty: text === '' })}\n      data-key=${segment.key}\n      tabindex=${this.inactive ? -1 : 0}\n      contenteditable=${this.inactive ? 'false' : 'true'}\n      inputmode=${segment.spec ? 'numeric' : 'text'}\n      spellcheck=\"false\"\n      autocorrect=\"off\"\n      enterkeyhint=\"next\"\n      aria-label=${segment.label}\n      aria-valuemin=${segment.spec ? segment.spec.min : nothing}\n      aria-valuemax=${segment.spec ? segment.spec.max : nothing}\n      aria-valuenow=${now}\n      aria-valuetext=${text === '' ? segment.placeholder : shown}\n      aria-disabled=${this.inactive ? 'true' : nothing}\n      @keydown=${(event: KeyboardEvent) => this.onKeyDown(event, segment, index)}\n      @beforeinput=${(event: InputEvent) => this.onBeforeInput(event, segment, index)}\n      @focus=${() => {\n        this.focusedKey = segment.key;\n      }}\n      @blur=${() => {\n        this.focusedKey = null;\n        const completed = this.completeOnBlur(segment, this.texts[segment.key] ?? '');\n        if (completed !== null && completed !== this.texts[segment.key]) {\n          this.setText(segment.key, completed);\n        }\n      }}\n      >${shown}</span\n    >`;\n  }\n\n  override render(): TemplateResult {\n    const error = this.error || this.typedError;\n    let index = -1;\n\n    return html`${\n        error ? html`<span id=${this.errorId} class=\"visually-hidden\">${error}</span>` : nothing\n      }\n      <div\n        part=\"field\"\n        class=${classMap({\n          field: true,\n          error: Boolean(error),\n          disabled: this.inactive,\n          open: this.expanded,\n        })}\n        role=\"group\"\n        aria-label=${this.label || nothing}\n        aria-invalid=${error ? 'true' : nothing}\n        aria-describedby=${error ? this.errorId : nothing}\n        @click=${this.onFieldClick}\n      >\n        <div class=\"segments\">\n          ${this.items().map((item) => {\n            if (!isSegment(item)) {\n              return html`<span class=\"literal\" aria-hidden=\"true\">${item.literal}</span>`;\n            }\n            index += 1;\n            return this.renderSegment(item, index);\n          })}\n        </div>\n        ${\n          error\n            ? html`<kt-tooltip class=\"error-icon\" text=${error} ?open=${this.focusedKey !== null}>\n                <kt-icon name=\"circle-alert\" size=\"18\"></kt-icon>\n              </kt-tooltip>`\n            : nothing\n        }\n        ${this.renderAfter()}\n      </div>`;\n  }\n}\n"],"names":["typeDigit","current","digit","spec","text","advance","stepSegment","value","by","step","first","last","offset","next","padSegment","isSegment","item","SEPARATORS","KtSegmentedField","KtElement","uniqueId","css","nothing","_segment","_text","attachFormInternals","changed","setFormValue","missing","setValidity","disabled","state","options","resolveLocale","key","error","emit","index","segment","typed","pick","choice","count","bound","event","character","segments","empty","focused","shown","now","html","classMap","completed","__decorateClass","property"],"mappings":"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"}
+{"version":3,"file":"segmented-field-BCjCGF4I.js","sources":["../../src/internal/segments.ts","../../src/internal/segmented-field.ts"],"sourcesContent":["/**\n * The arithmetic of a segmented field — a day, a month, a year, an hour —\n * each typed digit by digit and stepped with the arrows. Pure, so the two\n * fields that share it, `<kt-date-input>` and `<kt-time-input>`, agree on\n * every key.\n */\n\nexport interface SegmentSpec {\n  readonly min: number;\n  readonly max: number;\n  /** Digits when full: 2 for a day, 4 for a year. */\n  readonly length: number;\n}\n\n/**\n * The segment's text once `digit` is typed, and whether the focus should move\n * on. It moves on when the segment is full, or as soon as no further digit\n * could follow — a day starting with 4 is the 4th. A digit that would\n * overshoot the maximum, or one typed into a full segment, starts it over.\n */\nexport function typeDigit(\n  current: string,\n  digit: string,\n  spec: SegmentSpec,\n): { text: string; advance: boolean } {\n  let text = current.length >= spec.length ? digit : current + digit;\n  if (Number(text) > spec.max) text = digit;\n  const advance = text.length >= spec.length || Number(text) * 10 > spec.max;\n  return { text, advance };\n}\n\n/**\n * The value an arrow press lands on: the next multiple of the step — counted\n * from the minimum — in the direction of `by`, wrapping past either end. An\n * empty segment starts from its first value going up, its last going down.\n */\nexport function stepSegment(value: number | null, by: number, spec: SegmentSpec): number {\n  const step = Math.abs(by) || 1;\n  const first = spec.min;\n  const last = spec.min + Math.floor((spec.max - spec.min) / step) * step;\n  if (value === null) return by > 0 ? first : last;\n\n  const offset = value - spec.min;\n  if (by > 0) {\n    const next = spec.min + (Math.floor(offset / step) + 1) * step;\n    return next > spec.max ? first : next;\n  }\n  const next = offset % step === 0 ? value - step : spec.min + Math.floor(offset / step) * step;\n  return next < spec.min ? last : next;\n}\n\n/** A value written with the segment's leading zeros: 4 → \"04\". */\nexport function padSegment(value: number, spec: SegmentSpec): string {\n  return String(value).padStart(spec.length, '0');\n}\n","import { css, html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { KtElement } from './kt-element.js';\nimport { emit, uniqueId } from './events.js';\nimport {\n  attachFormInternals,\n  setFormValue,\n  setValidity,\n  type UsableInternals,\n} from './form-control.js';\nimport { resolveLocale } from './locale.js';\nimport { padSegment, stepSegment, typeDigit, type SegmentSpec } from './segments.js';\n\n/** One part of a segmented field: a number typed digit by digit, or one of a few words. */\nexport interface Segment {\n  readonly key: string;\n  readonly label: string;\n  /** What the segment shows while empty: \"dd\", \"--\". */\n  readonly placeholder: string;\n  /** A number, typed and stepped within these bounds… */\n  readonly spec?: SegmentSpec;\n  /** …stepped by this much with the arrows… */\n  readonly step?: number;\n  /** …or one of these words, picked by its first letter: AM, PM. */\n  readonly choices?: readonly string[];\n}\n\n/** What a segmented field is made of: segments, and the characters between them. */\nexport type FieldItem = Segment | { readonly literal: string };\n\nconst isSegment = (item: FieldItem): item is Segment => 'key' in item;\n\n/** Characters that move on to the next segment, as a typist expects. */\nconst SEPARATORS = new Set(['/', '.', '-', ':', ',', ' ']);\n\nexport type KtSegmentedFieldSize = 'small' | 'medium' | 'large';\n\n/**\n * The common ground of `<kt-date-input>` and `<kt-time-input>`: a field of\n * segments — a day, a month, an hour — each its own spinbutton, typed digit by\n * digit, stepped with the arrows, the focus moving on as each fills.\n *\n * Each segment is `contenteditable`, so a phone shows its number pad, but the\n * text never changes behind the field's back: every keystroke and every input\n * event is turned into the segment's new value here. A subclass says what its\n * segments are, how they read into a value, and how a value fills them.\n */\nexport abstract class KtSegmentedField extends KtElement {\n  static readonly formAssociated = true;\n\n  static override styles = [\n    KtElement.styles,\n    css`\n      :host {\n        display: block;\n        --field-height: var(--button-height);\n      }\n      :host([size='small']) {\n        --field-height: var(--button-height-small);\n      }\n      :host([size='large']) {\n        --field-height: var(--button-height-large);\n      }\n\n      /* The field as kt-input draws one: a fill with a resting hairline, an\n         outline on hover and focus that never reflows it. */\n      .field {\n        display: flex;\n        align-items: center;\n        gap: var(--gap-element);\n        height: var(--field-height);\n        /* Less the segment's own padding, so the digits line up with a\n           kt-input's text. */\n        padding: 0 10px 0 calc(var(--button-padding-x) - 2px);\n        color: var(--text-body);\n        font: var(--font-input);\n        background-color: var(--surface-field);\n        border: var(--border-width) solid var(--border-field);\n        border-radius: var(--radius-input);\n        outline: var(--outline-width) solid transparent;\n        cursor: text;\n        transition: outline-color var(--duration-instant);\n      }\n      .field:hover {\n        outline: var(--outline-width) solid var(--color-text-700);\n      }\n      .field:focus-within,\n      .field.open {\n        outline: var(--outline-width) solid var(--color-primary-base);\n      }\n      .field.error,\n      .field.error:hover,\n      .field.error:focus-within {\n        outline: var(--outline-width) solid var(--color-danger-base);\n      }\n      .field.disabled {\n        color: var(--text-disabled);\n        background-color: var(--color-dark-14);\n        cursor: not-allowed;\n      }\n\n      .segments {\n        display: flex;\n        flex: 1;\n        align-items: center;\n        min-width: 0;\n        font-variant-numeric: tabular-nums;\n      }\n\n      /* A segment takes a tint while it has focus, so it is plain which part\n         a digit will go into; the caret itself would only flicker. */\n      .segment {\n        padding: 1px 2px;\n        border-radius: calc(4px * var(--radius-scale, 1));\n        outline: none;\n        caret-color: transparent;\n        white-space: nowrap;\n      }\n      .segment.empty {\n        color: var(--text-muted);\n      }\n      .segment:focus {\n        color: var(--color-primary-text);\n        background: var(--color-primary-soft);\n      }\n      .error .segment:not(.empty) {\n        color: var(--color-danger-text);\n      }\n      .literal {\n        padding: 0 1px;\n        color: var(--text-muted);\n      }\n\n      .error-icon {\n        flex: none;\n        color: var(--color-danger-text);\n      }\n    `,\n  ];\n\n  protected internals: UsableInternals | null = null;\n  private defaultValue: string | null = null;\n  /** Set while the field writes its own value, which should not refill it. */\n  private committing = false;\n  protected readonly errorId = uniqueId('kt-segmented-error');\n\n  /** What each segment holds, by key: digits, or the index of a choice. */\n  @state() protected texts: Record<string, string> = {};\n  /** Why the segments do not make a value, when they are all filled. */\n  @state() protected typedError = '';\n  @state() private focusedKey: string | null = null;\n  /** Disabled by an enclosing `<fieldset>`, which leaves `disabled` alone. */\n  @state() private formDisabled = false;\n\n  @property({ type: String, reflect: true })\n  value: string | null = null;\n\n  @property({ type: String })\n  name = '';\n\n  /** Accessible name of the field, when no `<kt-label-input>` wraps it. */\n  @property({ type: String })\n  label = '';\n\n  /** BCP 47 locale for the order and names of the segments. Empty: page, then browser. */\n  @property({ type: String })\n  locale = '';\n\n  @property({ type: String })\n  min = '';\n\n  @property({ type: String })\n  max = '';\n\n  @property({ type: String, reflect: true })\n  size: KtSegmentedFieldSize = 'medium';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /** Error message. A non-empty value puts the field in its error state. */\n  @property({ type: String, reflect: true })\n  error = '';\n\n  // --- What a subclass says ---\n\n  /** The segments, in order, with what goes between them. */\n  protected abstract items(): FieldItem[];\n  /** What each segment holds for a value. */\n  protected abstract fill(value: string | null): Record<string, string>;\n  /** The value the segments make — null until they all hold something — and why not, if not. */\n  protected abstract read(texts: Record<string, string>): { value: string | null; error: string };\n  /** The message of a required field left empty. */\n  protected abstract requiredMessage(): string;\n  /** Anything after the segments: a calendar button. */\n  protected renderAfter(): TemplateResult | typeof nothing {\n    return nothing;\n  }\n  /**\n   * What a segment left half-typed becomes when the focus leaves it — a\n   * two-digit year written out — or null to leave it as typed.\n   */\n  protected completeOnBlur(_segment: Segment, _text: string): string | null {\n    return null;\n  }\n  /** Whether a popup belonging to the field is open, for the field's outline. */\n  protected get expanded(): boolean {\n    return false;\n  }\n\n  // --- Lifecycle ---\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.internals ??= attachFormInternals(this);\n    this.defaultValue = this.value;\n    this.texts = this.fill(this.value);\n  }\n\n  override willUpdate(changed: PropertyValues<this>): void {\n    // A value set from outside fills the segments; one the field wrote does not.\n    if ((changed.has('value') || changed.has('locale')) && !this.committing) {\n      this.texts = this.fill(this.value);\n      this.typedError = '';\n    }\n    this.committing = false;\n\n    if (\n      changed.has('value') ||\n      changed.has('required') ||\n      changed.has('error') ||\n      changed.has('typedError' as keyof KtSegmentedField) ||\n      this.stringsChanged(changed)\n    ) {\n      setFormValue(this.internals, this.value);\n      const missing = this.required && this.value === null && !this.typedError;\n      setValidity(\n        this.internals,\n        {\n          valueMissing: missing,\n          badInput: Boolean(this.typedError),\n          customError: Boolean(this.error),\n        },\n        this.error || this.typedError || (missing ? this.requiredMessage() : ''),\n      );\n    }\n  }\n\n  formResetCallback(): void {\n    this.value = this.defaultValue;\n    this.texts = this.fill(this.value);\n    this.typedError = '';\n  }\n\n  /**\n   * Called by the platform when the control's disabled state changes — its\n   * own `disabled`, or an ancestor `<fieldset disabled>` it cannot see.\n   */\n  formDisabledCallback(disabled: boolean): void {\n    this.formDisabled = disabled;\n  }\n\n  /** Called by the platform when the browser restores a session. */\n  formStateRestoreCallback(state: string | null): void {\n    this.value = state;\n  }\n\n  /** Focuses the first segment. */\n  override focus(options?: FocusOptions): void {\n    this.segmentElements()[0]?.focus(options);\n  }\n\n  protected get inactive(): boolean {\n    return this.disabled || this.formDisabled;\n  }\n\n  protected get resolvedLocale(): string {\n    return resolveLocale(this.locale);\n  }\n\n  // --- Values ---\n\n  /** Sets a value chosen outside the segments — a day picked in a calendar. */\n  protected commitValue(value: string | null): void {\n    this.texts = this.fill(value);\n    this.typedError = '';\n    this.apply(value);\n  }\n\n  private setText(key: string, text: string): void {\n    this.texts = { ...this.texts, [key]: text };\n    const { value, error } = this.read(this.texts);\n    this.typedError = error;\n    this.apply(value);\n  }\n\n  private apply(value: string | null): void {\n    if (value === this.value) return;\n    this.committing = true;\n    this.value = value;\n    emit(this, 'kt-change', { value });\n  }\n\n  // --- Keyboard ---\n\n  private segmentElements(): HTMLElement[] {\n    return [...(this.shadowRoot?.querySelectorAll<HTMLElement>('[role=\"spinbutton\"]') ?? [])];\n  }\n\n  private focusSegment(index: number): void {\n    this.segmentElements()[index]?.focus();\n  }\n\n  /** One key's effect on a segment; true when the key was the field's to handle. */\n  private applyKey(key: string, segment: Segment, index: number): boolean {\n    const text = this.texts[segment.key] ?? '';\n\n    if (/^\\d$/.test(key) && segment.spec) {\n      const typed = typeDigit(text, key, segment.spec);\n      this.setText(segment.key, typed.text);\n      if (typed.advance) this.focusSegment(index + 1);\n      return true;\n    }\n    if (segment.choices && /^\\p{L}$/u.test(key)) {\n      const pick = segment.choices.findIndex((choice) =>\n        choice.toLowerCase().startsWith(key.toLowerCase()),\n      );\n      if (pick >= 0) {\n        this.setText(segment.key, String(pick));\n        this.focusSegment(index + 1);\n      }\n      return true;\n    }\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        const by = key === 'ArrowUp' ? 1 : -1;\n        if (segment.spec) {\n          const current = text === '' ? null : Number(text);\n          const next = stepSegment(current, by * (segment.step ?? 1), segment.spec);\n          this.setText(segment.key, padSegment(next, segment.spec));\n        } else if (segment.choices) {\n          const count = segment.choices.length;\n          const current = text === '' ? (by > 0 ? -1 : 0) : Number(text);\n          this.setText(segment.key, String((current + by + count) % count));\n        }\n        return true;\n      }\n      case 'Home':\n      case 'End':\n        if (segment.spec) {\n          const bound = key === 'Home' ? segment.spec.min : segment.spec.max;\n          this.setText(segment.key, padSegment(bound, segment.spec));\n        }\n        return true;\n      case 'ArrowLeft':\n        this.focusSegment(index - 1);\n        return true;\n      case 'ArrowRight':\n        this.focusSegment(index + 1);\n        return true;\n      case 'Backspace':\n      case 'Delete':\n        // Erase a digit at a time; once empty, Backspace goes back a segment.\n        if (text) this.setText(segment.key, segment.choices ? '' : text.slice(0, -1));\n        else if (key === 'Backspace') this.focusSegment(index - 1);\n        return true;\n      default:\n        if (SEPARATORS.has(key)) {\n          if (text) this.focusSegment(index + 1);\n          return true;\n        }\n        // Any other character would land in the contenteditable as text.\n        return key.length === 1;\n    }\n  }\n\n  private onKeyDown(event: KeyboardEvent, segment: Segment, index: number): void {\n    if (this.inactive || event.metaKey || event.ctrlKey || event.altKey) return;\n    if (this.applyKey(event.key, segment, index)) event.preventDefault();\n  }\n\n  /**\n   * What a phone's keyboard sends: input events rather than key presses.\n   * The text is never left to the browser; each character goes through the\n   * same path as a key.\n   */\n  private onBeforeInput(event: InputEvent, segment: Segment, index: number): void {\n    event.preventDefault();\n    if (this.inactive) return;\n    if (event.inputType.startsWith('delete')) {\n      this.applyKey('Backspace', segment, index);\n      return;\n    }\n    for (const character of event.data ?? '') this.applyKey(character, segment, index);\n  }\n\n  /** A click on the field's padding or separators lands in its first empty segment. */\n  private onFieldClick(event: MouseEvent): void {\n    if (this.inactive) return;\n    if ((event.target as HTMLElement).closest('[role=\"spinbutton\"], button, kt-tooltip')) return;\n    const segments = this.items().filter(isSegment);\n    const empty = segments.findIndex((segment) => !this.texts[segment.key]);\n    this.focusSegment(empty >= 0 ? empty : segments.length - 1);\n  }\n\n  // --- Rendering ---\n\n  private renderSegment(segment: Segment, index: number): TemplateResult {\n    const text = this.texts[segment.key] ?? '';\n    const focused = this.focusedKey === segment.key;\n    let shown = segment.placeholder;\n    let now: number | typeof nothing = nothing;\n    if (text !== '') {\n      now = Number(text);\n      if (segment.choices) shown = segment.choices[Number(text)] ?? '';\n      else if (segment.spec) shown = focused ? text : padSegment(Number(text), segment.spec);\n    }\n\n    return html`<span\n      part=\"segment\"\n      role=\"spinbutton\"\n      class=${classMap({ segment: true, empty: text === '' })}\n      data-key=${segment.key}\n      tabindex=${this.inactive ? -1 : 0}\n      contenteditable=${this.inactive ? 'false' : 'true'}\n      inputmode=${segment.spec ? 'numeric' : 'text'}\n      spellcheck=\"false\"\n      autocorrect=\"off\"\n      enterkeyhint=\"next\"\n      aria-label=${segment.label}\n      aria-valuemin=${segment.spec ? segment.spec.min : nothing}\n      aria-valuemax=${segment.spec ? segment.spec.max : nothing}\n      aria-valuenow=${now}\n      aria-valuetext=${text === '' ? segment.placeholder : shown}\n      aria-disabled=${this.inactive ? 'true' : nothing}\n      @keydown=${(event: KeyboardEvent) => this.onKeyDown(event, segment, index)}\n      @beforeinput=${(event: InputEvent) => this.onBeforeInput(event, segment, index)}\n      @focus=${() => {\n        this.focusedKey = segment.key;\n      }}\n      @blur=${() => {\n        this.focusedKey = null;\n        const completed = this.completeOnBlur(segment, this.texts[segment.key] ?? '');\n        if (completed !== null && completed !== this.texts[segment.key]) {\n          this.setText(segment.key, completed);\n        }\n      }}\n      >${shown}</span\n    >`;\n  }\n\n  override render(): TemplateResult {\n    const error = this.error || this.typedError;\n    let index = -1;\n\n    return html`${\n        error ? html`<span id=${this.errorId} class=\"visually-hidden\">${error}</span>` : nothing\n      }\n      <div\n        part=\"field\"\n        class=${classMap({\n          field: true,\n          error: Boolean(error),\n          disabled: this.inactive,\n          open: this.expanded,\n        })}\n        role=\"group\"\n        aria-label=${this.label || nothing}\n        aria-invalid=${error ? 'true' : nothing}\n        aria-describedby=${error ? this.errorId : nothing}\n        @click=${this.onFieldClick}\n      >\n        <div class=\"segments\">\n          ${this.items().map((item) => {\n            if (!isSegment(item)) {\n              return html`<span class=\"literal\" aria-hidden=\"true\">${item.literal}</span>`;\n            }\n            index += 1;\n            return this.renderSegment(item, index);\n          })}\n        </div>\n        ${\n          error\n            ? html`<kt-tooltip class=\"error-icon\" text=${error} ?open=${this.focusedKey !== null}>\n                <kt-icon name=\"circle-alert\" size=\"18\"></kt-icon>\n              </kt-tooltip>`\n            : nothing\n        }\n        ${this.renderAfter()}\n      </div>`;\n  }\n}\n"],"names":["typeDigit","current","digit","spec","text","advance","stepSegment","value","by","step","first","last","offset","next","padSegment","isSegment","item","SEPARATORS","KtSegmentedField","KtElement","uniqueId","css","nothing","_segment","_text","attachFormInternals","changed","setFormValue","missing","setValidity","disabled","state","options","resolveLocale","key","error","emit","index","segment","typed","pick","choice","count","bound","event","character","segments","empty","focused","shown","now","html","classMap","completed","__decorateClass","property"],"mappings":";;;;;;;AAoBO,SAASA,EACdC,GACAC,GACAC,GACoC;AACpC,MAAIC,IAAOH,EAAQ,UAAUE,EAAK,SAASD,IAAQD,IAAUC;AAC7D,EAAI,OAAOE,CAAI,IAAID,EAAK,QAAKC,IAAOF;AACpC,QAAMG,IAAUD,EAAK,UAAUD,EAAK,UAAU,OAAOC,CAAI,IAAI,KAAKD,EAAK;AACvE,SAAO,EAAE,MAAAC,GAAM,SAAAC,EAAA;AACjB;AAOO,SAASC,EAAYC,GAAsBC,GAAYL,GAA2B;AACvF,QAAMM,IAAO,KAAK,IAAID,CAAE,KAAK,GACvBE,IAAQP,EAAK,KACbQ,IAAOR,EAAK,MAAM,KAAK,OAAOA,EAAK,MAAMA,EAAK,OAAOM,CAAI,IAAIA;AACnE,MAAIF,MAAU,KAAM,QAAOC,IAAK,IAAIE,IAAQC;AAE5C,QAAMC,IAASL,IAAQJ,EAAK;AAC5B,MAAIK,IAAK,GAAG;AACV,UAAMK,IAAOV,EAAK,OAAO,KAAK,MAAMS,IAASH,CAAI,IAAI,KAAKA;AAC1D,WAAOI,IAAOV,EAAK,MAAMO,IAAQG;AAAAA,EACnC;AACA,QAAMA,IAAOD,IAASH,MAAS,IAAIF,IAAQE,IAAON,EAAK,MAAM,KAAK,MAAMS,IAASH,CAAI,IAAIA;AACzF,SAAOI,IAAOV,EAAK,MAAMQ,IAAOE;AAClC;AAGO,SAASC,EAAWP,GAAeJ,GAA2B;AACnE,SAAO,OAAOI,CAAK,EAAE,SAASJ,EAAK,QAAQ,GAAG;AAChD;;;;;;ACvBA,MAAMY,IAAY,CAACC,MAAqC,SAASA,GAG3DC,IAAa,oBAAI,IAAI,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG,CAAC;AAclD,MAAeC,UAAyBC,EAAU;AAAA,EAAlD,cAAA;AAAA,UAAA,GAAA,SAAA,GA6FL,KAAU,YAAoC,MAC9C,KAAQ,eAA8B,MAEtC,KAAQ,aAAa,IACrB,KAAmB,UAAUC,EAAS,oBAAoB,GAGjD,KAAU,QAAgC,CAAA,GAE1C,KAAU,aAAa,IACvB,KAAQ,aAA4B,MAEpC,KAAQ,eAAe,IAGhC,KAAA,QAAuB,MAGvB,KAAA,OAAO,IAIP,KAAA,QAAQ,IAIR,KAAA,SAAS,IAGT,KAAA,MAAM,IAGN,KAAA,MAAM,IAGN,KAAA,OAA6B,UAG7B,KAAA,WAAW,IAGX,KAAA,WAAW,IAIX,KAAA,QAAQ;AAAA,EAAA;AAAA,EAzIR,OAAA;AAAA,SAAgB,iBAAiB;AAAA,EAAA;AAAA,EAEjC,OAAA;AAAA,SAAgB,SAAS;AAAA,MACvBD,EAAU;AAAA,MACVE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA;AAAA,EAsFF;AAAA;AAAA,EA4DU,cAA+C;AACvD,WAAOC;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA,EAKU,eAAeC,GAAmBC,GAA8B;AACxE,WAAO;AAAA,EACT;AAAA;AAAA,EAEA,IAAc,WAAoB;AAChC,WAAO;AAAA,EACT;AAAA;AAAA,EAIS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,cAAcC,EAAoB,IAAI,GAC3C,KAAK,eAAe,KAAK,OACzB,KAAK,QAAQ,KAAK,KAAK,KAAK,KAAK;AAAA,EACnC;AAAA,EAES,WAAWC,GAAqC;AAQvD,SANKA,EAAQ,IAAI,OAAO,KAAKA,EAAQ,IAAI,QAAQ,MAAM,CAAC,KAAK,eAC3D,KAAK,QAAQ,KAAK,KAAK,KAAK,KAAK,GACjC,KAAK,aAAa,KAEpB,KAAK,aAAa,IAGhBA,EAAQ,IAAI,OAAO,KACnBA,EAAQ,IAAI,UAAU,KACtBA,EAAQ,IAAI,OAAO,KACnBA,EAAQ,IAAI,YAAsC,KAClD,KAAK,eAAeA,CAAO,GAC3B;AACA,MAAAC,EAAa,KAAK,WAAW,KAAK,KAAK;AACvC,YAAMC,IAAU,KAAK,YAAY,KAAK,UAAU,QAAQ,CAAC,KAAK;AAC9D,MAAAC;AAAA,QACE,KAAK;AAAA,QACL;AAAA,UACE,cAAcD;AAAA,UACd,UAAU,EAAQ,KAAK;AAAA,UACvB,aAAa,EAAQ,KAAK;AAAA,QAAK;AAAA,QAEjC,KAAK,SAAS,KAAK,eAAeA,IAAU,KAAK,oBAAoB;AAAA,MAAA;AAAA,IAEzE;AAAA,EACF;AAAA,EAEA,oBAA0B;AACxB,SAAK,QAAQ,KAAK,cAClB,KAAK,QAAQ,KAAK,KAAK,KAAK,KAAK,GACjC,KAAK,aAAa;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,qBAAqBE,GAAyB;AAC5C,SAAK,eAAeA;AAAA,EACtB;AAAA;AAAA,EAGA,yBAAyBC,GAA4B;AACnD,SAAK,QAAQA;AAAAA,EACf;AAAA;AAAA,EAGS,MAAMC,GAA8B;AAC3C,SAAK,gBAAA,EAAkB,CAAC,GAAG,MAAMA,CAAO;AAAA,EAC1C;AAAA,EAEA,IAAc,WAAoB;AAChC,WAAO,KAAK,YAAY,KAAK;AAAA,EAC/B;AAAA,EAEA,IAAc,iBAAyB;AACrC,WAAOC,EAAc,KAAK,MAAM;AAAA,EAClC;AAAA;AAAA;AAAA,EAKU,YAAY1B,GAA4B;AAChD,SAAK,QAAQ,KAAK,KAAKA,CAAK,GAC5B,KAAK,aAAa,IAClB,KAAK,MAAMA,CAAK;AAAA,EAClB;AAAA,EAEQ,QAAQ2B,GAAa9B,GAAoB;AAC/C,SAAK,QAAQ,EAAE,GAAG,KAAK,OAAO,CAAC8B,CAAG,GAAG9B,EAAA;AACrC,UAAM,EAAE,OAAAG,GAAO,OAAA4B,EAAA,IAAU,KAAK,KAAK,KAAK,KAAK;AAC7C,SAAK,aAAaA,GAClB,KAAK,MAAM5B,CAAK;AAAA,EAClB;AAAA,EAEQ,MAAMA,GAA4B;AACxC,IAAIA,MAAU,KAAK,UACnB,KAAK,aAAa,IAClB,KAAK,QAAQA,GACb6B,EAAK,MAAM,aAAa,EAAE,OAAA7B,EAAA,CAAO;AAAA,EACnC;AAAA;AAAA,EAIQ,kBAAiC;AACvC,WAAO,CAAC,GAAI,KAAK,YAAY,iBAA8B,qBAAqB,KAAK,EAAG;AAAA,EAC1F;AAAA,EAEQ,aAAa8B,GAAqB;AACxC,SAAK,gBAAA,EAAkBA,CAAK,GAAG,MAAA;AAAA,EACjC;AAAA;AAAA,EAGQ,SAASH,GAAaI,GAAkBD,GAAwB;AACtE,UAAMjC,IAAO,KAAK,MAAMkC,EAAQ,GAAG,KAAK;AAExC,QAAI,OAAO,KAAKJ,CAAG,KAAKI,EAAQ,MAAM;AACpC,YAAMC,IAAQvC,EAAUI,GAAM8B,GAAKI,EAAQ,IAAI;AAC/C,kBAAK,QAAQA,EAAQ,KAAKC,EAAM,IAAI,GAChCA,EAAM,WAAS,KAAK,aAAaF,IAAQ,CAAC,GACvC;AAAA,IACT;AACA,QAAIC,EAAQ,WAAW,WAAW,KAAKJ,CAAG,GAAG;AAC3C,YAAMM,IAAOF,EAAQ,QAAQ;AAAA,QAAU,CAACG,MACtCA,EAAO,YAAA,EAAc,WAAWP,EAAI,aAAa;AAAA,MAAA;AAEnD,aAAIM,KAAQ,MACV,KAAK,QAAQF,EAAQ,KAAK,OAAOE,CAAI,CAAC,GACtC,KAAK,aAAaH,IAAQ,CAAC,IAEtB;AAAA,IACT;AAEA,YAAQH,GAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK,aAAa;AAChB,cAAM1B,IAAK0B,MAAQ,YAAY,IAAI;AACnC,YAAII,EAAQ,MAAM;AAChB,gBAAMrC,IAAUG,MAAS,KAAK,OAAO,OAAOA,CAAI,GAC1CS,IAAOP,EAAYL,GAASO,KAAM8B,EAAQ,QAAQ,IAAIA,EAAQ,IAAI;AACxE,eAAK,QAAQA,EAAQ,KAAKxB,EAAWD,GAAMyB,EAAQ,IAAI,CAAC;AAAA,QAC1D,WAAWA,EAAQ,SAAS;AAC1B,gBAAMI,IAAQJ,EAAQ,QAAQ,QACxBrC,IAAUG,MAAS,KAAMI,IAAK,IAAI,KAAK,IAAK,OAAOJ,CAAI;AAC7D,eAAK,QAAQkC,EAAQ,KAAK,QAAQrC,IAAUO,IAAKkC,KAASA,CAAK,CAAC;AAAA,QAClE;AACA,eAAO;AAAA,MACT;AAAA,MACA,KAAK;AAAA,MACL,KAAK;AACH,YAAIJ,EAAQ,MAAM;AAChB,gBAAMK,IAAQT,MAAQ,SAASI,EAAQ,KAAK,MAAMA,EAAQ,KAAK;AAC/D,eAAK,QAAQA,EAAQ,KAAKxB,EAAW6B,GAAOL,EAAQ,IAAI,CAAC;AAAA,QAC3D;AACA,eAAO;AAAA,MACT,KAAK;AACH,oBAAK,aAAaD,IAAQ,CAAC,GACpB;AAAA,MACT,KAAK;AACH,oBAAK,aAAaA,IAAQ,CAAC,GACpB;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAEH,eAAIjC,IAAM,KAAK,QAAQkC,EAAQ,KAAKA,EAAQ,UAAU,KAAKlC,EAAK,MAAM,GAAG,EAAE,CAAC,IACnE8B,MAAQ,eAAa,KAAK,aAAaG,IAAQ,CAAC,GAClD;AAAA,MACT;AACE,eAAIpB,EAAW,IAAIiB,CAAG,KAChB9B,KAAM,KAAK,aAAaiC,IAAQ,CAAC,GAC9B,MAGFH,EAAI,WAAW;AAAA,IAAA;AAAA,EAE5B;AAAA,EAEQ,UAAUU,GAAsBN,GAAkBD,GAAqB;AAC7E,IAAI,KAAK,YAAYO,EAAM,WAAWA,EAAM,WAAWA,EAAM,UACzD,KAAK,SAASA,EAAM,KAAKN,GAASD,CAAK,OAAS,eAAA;AAAA,EACtD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOQ,cAAcO,GAAmBN,GAAkBD,GAAqB;AAE9E,QADAO,EAAM,eAAA,GACF,MAAK,UACT;AAAA,UAAIA,EAAM,UAAU,WAAW,QAAQ,GAAG;AACxC,aAAK,SAAS,aAAaN,GAASD,CAAK;AACzC;AAAA,MACF;AACA,iBAAWQ,KAAaD,EAAM,QAAQ,SAAS,SAASC,GAAWP,GAASD,CAAK;AAAA;AAAA,EACnF;AAAA;AAAA,EAGQ,aAAaO,GAAyB;AAE5C,QADI,KAAK,YACJA,EAAM,OAAuB,QAAQ,yCAAyC,EAAG;AACtF,UAAME,IAAW,KAAK,MAAA,EAAQ,OAAO/B,CAAS,GACxCgC,IAAQD,EAAS,UAAU,CAACR,MAAY,CAAC,KAAK,MAAMA,EAAQ,GAAG,CAAC;AACtE,SAAK,aAAaS,KAAS,IAAIA,IAAQD,EAAS,SAAS,CAAC;AAAA,EAC5D;AAAA;AAAA,EAIQ,cAAcR,GAAkBD,GAA+B;AACrE,UAAMjC,IAAO,KAAK,MAAMkC,EAAQ,GAAG,KAAK,IAClCU,IAAU,KAAK,eAAeV,EAAQ;AAC5C,QAAIW,IAAQX,EAAQ,aAChBY,IAA+B5B;AACnC,WAAIlB,MAAS,OACX8C,IAAM,OAAO9C,CAAI,GACbkC,EAAQ,UAASW,IAAQX,EAAQ,QAAQ,OAAOlC,CAAI,CAAC,KAAK,KACrDkC,EAAQ,SAAMW,IAAQD,IAAU5C,IAAOU,EAAW,OAAOV,CAAI,GAAGkC,EAAQ,IAAI,KAGhFa;AAAA;AAAA;AAAA,cAGGC,EAAS,EAAE,SAAS,IAAM,OAAOhD,MAAS,IAAI,CAAC;AAAA,iBAC5CkC,EAAQ,GAAG;AAAA,iBACX,KAAK,WAAW,KAAK,CAAC;AAAA,wBACf,KAAK,WAAW,UAAU,MAAM;AAAA,kBACtCA,EAAQ,OAAO,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhCA,EAAQ,KAAK;AAAA,sBACVA,EAAQ,OAAOA,EAAQ,KAAK,MAAMhB,CAAO;AAAA,sBACzCgB,EAAQ,OAAOA,EAAQ,KAAK,MAAMhB,CAAO;AAAA,sBACzC4B,CAAG;AAAA,uBACF9C,MAAS,KAAKkC,EAAQ,cAAcW,CAAK;AAAA,sBAC1C,KAAK,WAAW,SAAS3B,CAAO;AAAA,iBACrC,CAACsB,MAAyB,KAAK,UAAUA,GAAON,GAASD,CAAK,CAAC;AAAA,qBAC3D,CAACO,MAAsB,KAAK,cAAcA,GAAON,GAASD,CAAK,CAAC;AAAA,eACtE,MAAM;AACb,WAAK,aAAaC,EAAQ;AAAA,IAC5B,CAAC;AAAA,cACO,MAAM;AACZ,WAAK,aAAa;AAClB,YAAMe,IAAY,KAAK,eAAef,GAAS,KAAK,MAAMA,EAAQ,GAAG,KAAK,EAAE;AAC5E,MAAIe,MAAc,QAAQA,MAAc,KAAK,MAAMf,EAAQ,GAAG,KAC5D,KAAK,QAAQA,EAAQ,KAAKe,CAAS;AAAA,IAEvC,CAAC;AAAA,SACEJ,CAAK;AAAA;AAAA,EAEZ;AAAA,EAES,SAAyB;AAChC,UAAMd,IAAQ,KAAK,SAAS,KAAK;AACjC,QAAIE,IAAQ;AAEZ,WAAOc,IACHhB,IAAQgB,aAAgB,KAAK,OAAO,4BAA4BhB,CAAK,YAAYb,CACnF;AAAA;AAAA;AAAA,gBAGU8B,EAAS;AAAA,MACf,OAAO;AAAA,MACP,OAAO,EAAQjB;AAAA,MACf,UAAU,KAAK;AAAA,MACf,MAAM,KAAK;AAAA,IAAA,CACZ,CAAC;AAAA;AAAA,qBAEW,KAAK,SAASb,CAAO;AAAA,uBACnBa,IAAQ,SAASb,CAAO;AAAA,2BACpBa,IAAQ,KAAK,UAAUb,CAAO;AAAA,iBACxC,KAAK,YAAY;AAAA;AAAA;AAAA,YAGtB,KAAK,MAAA,EAAQ,IAAI,CAACN,MACbD,EAAUC,CAAI,KAGnBqB,KAAS,GACF,KAAK,cAAcrB,GAAMqB,CAAK,KAH5Bc,6CAAgDnC,EAAK,OAAO,SAItE,CAAC;AAAA;AAAA,UAGFmB,IACIgB,wCAA2ChB,CAAK,UAAU,KAAK,eAAe,IAAI;AAAA;AAAA,+BAGlFb,CACN;AAAA,UACE,KAAK,aAAa;AAAA;AAAA,EAE1B;AACF;AA7VqBgC,EAAA;AAAA,EAAlBvB,EAAA;AAAM,GApGab,EAoGD,WAAA,OAAA;AAEAoC,EAAA;AAAA,EAAlBvB,EAAA;AAAM,GAtGab,EAsGD,WAAA,YAAA;AACFoC,EAAA;AAAA,EAAhBvB,EAAA;AAAM,GAvGab,EAuGH,WAAA,YAAA;AAEAoC,EAAA;AAAA,EAAhBvB,EAAA;AAAM,GAzGab,EAyGH,WAAA,cAAA;AAGjBoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA3GrBrC,EA4GpB,WAAA,OAAA;AAGAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA9GNrC,EA+GpB,WAAA,MAAA;AAIAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAlHNrC,EAmHpB,WAAA,OAAA;AAIAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAtHNrC,EAuHpB,WAAA,QAAA;AAGAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAzHNrC,EA0HpB,WAAA,KAAA;AAGAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA5HNrC,EA6HpB,WAAA,KAAA;AAGAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA/HrBrC,EAgIpB,WAAA,MAAA;AAGAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAlItBrC,EAmIpB,WAAA,UAAA;AAGAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GArItBrC,EAsIpB,WAAA,UAAA;AAIAoC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAzIrBrC,EA0IpB,WAAA,OAAA;"}

package/dist/chunks/{typed-date-CPAUNHzr.js → typed-date-Z3vcUJbb.js}

@@ -1,4 +1,4 @@
-import { c as w, p as x, d as $ } from "./kt-calendar-CtwOby1R.js";
+import { c as w, p as x, d as $ } from "./kt-calendar-D72xa8qr.js";
 import { d } from "./locale-C5xLkGx5.js";
 function y(t) {
   return t.normalize("NFD").replace(/\p{Diacritic}/gu, "").replace(/\.$/, "").toLowerCase();
@@ -100,4 +100,4 @@ export {
   B as p,
   L as t
 };
-//# sourceMappingURL=typed-date-CPAUNHzr.js.map
+//# sourceMappingURL=typed-date-Z3vcUJbb.js.map

package/dist/chunks/{typed-date-CPAUNHzr.js.map → typed-date-Z3vcUJbb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"typed-date-CPAUNHzr.js","sources":["../../src/internal/typed-date.ts"],"sourcesContent":["/**\n * Reading a date someone typed, in their language.\n *\n * A field that only opens a calendar makes a date ten years away, or one\n * already on paper, a chore. Typed, it is a second's work — if the field reads\n * it the way the person writes it: day then month in London, month then day in\n * New York, month names in their own words, the year left out when it is this\n * one.\n */\nimport { daysInMonth, parseDate, compareDates, type PlainDate } from './date.js';\nimport { dateFormat } from './locale.js';\n\n/** Lowercase, without accents or a trailing full stop: \"Févr.\" reads \"fevr\". */\nfunction fold(text: string): string {\n  return text\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .replace(/\\.$/, '')\n    .toLowerCase();\n}\n\n/**\n * How the language writes a date in numbers: the order of day, month and year,\n * and what goes between them — `25/09/2026`, `09/25/2026`, `25.09.2026`.\n */\nexport function dateLayout(locale: string): {\n  order: ('day' | 'month' | 'year')[];\n  separator: string;\n} {\n  const parts = dateFormat(locale, {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric',\n  }).formatToParts(new Date(2026, 8, 30));\n  const separator = parts.find((part) => part.type === 'literal')?.value.trim() || '/';\n  return { order: numericOrder(locale), separator };\n}\n\n/** The order the language writes day, month and year in numbers. */\nfunction numericOrder(locale: string): ('day' | 'month' | 'year')[] {\n  const parts = dateFormat(locale, { day: '2-digit', month: '2-digit', year: 'numeric' })\n    .formatToParts(new Date(2026, 8, 30))\n    .map((part) => part.type)\n    .filter((type): type is 'day' | 'month' | 'year' => ['day', 'month', 'year'].includes(type));\n  return parts.length === 3 ? parts : ['day', 'month', 'year'];\n}\n\n/** The month a word names in the language, or null when it names none or several. */\nfunction monthNamed(word: string, locale: string): number | null {\n  const typed = fold(word);\n  if (typed.length < 3) return null;\n\n  const matches = new Set<number>();\n  for (let month = 1; month <= 12; month += 1) {\n    const sample = new Date(2026, month - 1, 1);\n    const long = fold(dateFormat(locale, { month: 'long' }).format(sample));\n    const short = fold(dateFormat(locale, { month: 'short' }).format(sample));\n    if (long.startsWith(typed) || short === typed) matches.add(month);\n  }\n  return matches.size === 1 ? [...matches][0]! : null;\n}\n\n/** A typed year: two digits are this century, or the last, whichever is nearer. */\nfunction readYear(digits: string, reference: number): number | null {\n  if (digits.length === 4) return Number(digits);\n  if (digits.length > 2) return null;\n  const year = 2000 + Number(digits);\n  return year > reference + 20 ? year - 100 : year;\n}\n\nfunction valid(year: number, month: number, day: number): PlainDate | null {\n  if (month < 1 || month > 12 || day < 1 || day > daysInMonth(year, month)) return null;\n  return { year, month, day };\n}\n\n/** The date, and whether a year was typed or borrowed. */\nfunction read(\n  text: string,\n  locale: string,\n  reference: PlainDate,\n): { date: PlainDate; typedYear: boolean } | null {\n  const trimmed = text.trim();\n  if (!trimmed) return null;\n\n  const iso = /^\\d{4}-\\d{1,2}-\\d{1,2}$/.test(trimmed)\n    ? parseDate(trimmed.replace(/-(\\d)(?=-|$)/g, '-0$1'))\n    : null;\n  if (iso) return { date: iso, typedYear: true };\n\n  const numbers: string[] = [];\n  let named: number | null = null;\n  for (const token of trimmed.split(/[\\s/.,-]+/).filter(Boolean)) {\n    if (/^\\d+$/.test(token)) {\n      numbers.push(token);\n      continue;\n    }\n    const month = monthNamed(token, locale);\n    if (month === null || named !== null) return null;\n    named = month;\n  }\n\n  if (named !== null) {\n    // \"25 Sept 2026\", \"Sep 25, 2026\", \"3 march\": the day, and maybe a year.\n    if (numbers.length === 0 || numbers.length > 2) return null;\n    const yearIndex = numbers.findIndex((token) => token.length === 4 || Number(token) > 31);\n    const dayToken = numbers.find((_, index) => index !== yearIndex);\n    if (dayToken === undefined || (numbers.length === 2 && yearIndex < 0)) return null;\n    const year = yearIndex >= 0 ? readYear(numbers[yearIndex]!, reference.year) : reference.year;\n    if (year === null) return null;\n    const date = valid(year, named, Number(dayToken));\n    return date && { date, typedYear: yearIndex >= 0 };\n  }\n\n  // All numbers, in the language's order; a leading four-digit year reads ISO-wise.\n  if (numbers.length < 2 || numbers.length > 3) return null;\n  const order =\n    numbers[0]!.length === 4\n      ? (['year', 'month', 'day'] as const)\n      : numberOrderFor(numericOrder(locale), numbers.length);\n  const field = (name: 'day' | 'month' | 'year') => numbers[order.indexOf(name)];\n\n  const yearToken = field('year');\n  const year = yearToken === undefined ? reference.year : readYear(yearToken, reference.year);\n  if (year === null) return null;\n  const date = valid(year, Number(field('month')), Number(field('day')));\n  return date && { date, typedYear: yearToken !== undefined };\n}\n\n/** Two numbers are the day and month, in the language's order, with the year left out. */\nfunction numberOrderFor(\n  order: ('day' | 'month' | 'year')[],\n  count: number,\n): readonly ('day' | 'month' | 'year')[] {\n  return count === 3 ? order : order.filter((part) => part !== 'year');\n}\n\n/** A typed year: two digits are this century or the last, whichever is nearer. */\nexport function typedYear(digits: string, reference: number): number | null {\n  return readYear(digits, reference);\n}\n\n/** A date typed in `locale`, or null when it does not read as one. */\nexport function parseTypedDate(\n  text: string,\n  locale: string,\n  reference: PlainDate,\n): PlainDate | null {\n  return read(text, locale, reference)?.date ?? null;\n}\n\n/**\n * A period typed as two dates around a dash — \"1/9 – 25/9/2026\" — in order.\n * A start typed without a year borrows the end's, the year before if that\n * would put it after the end: \"20/12 – 5/1/2027\" starts in December 2026.\n */\nexport function parseTypedRange(\n  text: string,\n  locale: string,\n  reference: PlainDate,\n): { start: PlainDate; end: PlainDate } | null {\n  const halves = text.split(/\\s*[–—]\\s*|\\s+-\\s+|\\s+(?:to|au|bis|à)\\s+/i);\n  if (halves.length !== 2) return null;\n\n  const end = read(halves[1]!, locale, reference);\n  if (!end) return null;\n  const start = read(halves[0]!, locale, { ...reference, year: end.date.year });\n  if (!start) return null;\n\n  let from = start.date;\n  if (!start.typedYear && compareDates(from, end.date) > 0) {\n    const earlier = valid(from.year - 1, from.month, from.day);\n    if (earlier) from = earlier;\n  }\n  return compareDates(from, end.date) <= 0\n    ? { start: from, end: end.date }\n    : { start: end.date, end: from };\n}\n\n/** `reference` written in numbers the way `locale` writes a date — for a hint. */\nexport function exampleDate(locale: string, reference: PlainDate): string {\n  return dateFormat(locale, { day: '2-digit', month: '2-digit', year: 'numeric' }).format(\n    new Date(reference.year, reference.month - 1, reference.day, 12),\n  );\n}\n"],"names":["fold","text","dateLayout","locale","separator","dateFormat","part","numericOrder","parts","type","monthNamed","word","typed","matches","month","sample","long","short","readYear","digits","reference","year","valid","day","daysInMonth","read","trimmed","iso","parseDate","numbers","named","token","yearIndex","dayToken","_","index","date","order","numberOrderFor","field","name","yearToken","count","typedYear","parseTypedDate","parseTypedRange","halves","end","start","from","compareDates","earlier","exampleDate"],"mappings":"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"}
+{"version":3,"file":"typed-date-Z3vcUJbb.js","sources":["../../src/internal/typed-date.ts"],"sourcesContent":["/**\n * Reading a date someone typed, in their language.\n *\n * A field that only opens a calendar makes a date ten years away, or one\n * already on paper, a chore. Typed, it is a second's work — if the field reads\n * it the way the person writes it: day then month in London, month then day in\n * New York, month names in their own words, the year left out when it is this\n * one.\n */\nimport { daysInMonth, parseDate, compareDates, type PlainDate } from './date.js';\nimport { dateFormat } from './locale.js';\n\n/** Lowercase, without accents or a trailing full stop: \"Févr.\" reads \"fevr\". */\nfunction fold(text: string): string {\n  return text\n    .normalize('NFD')\n    .replace(/\\p{Diacritic}/gu, '')\n    .replace(/\\.$/, '')\n    .toLowerCase();\n}\n\n/**\n * How the language writes a date in numbers: the order of day, month and year,\n * and what goes between them — `25/09/2026`, `09/25/2026`, `25.09.2026`.\n */\nexport function dateLayout(locale: string): {\n  order: ('day' | 'month' | 'year')[];\n  separator: string;\n} {\n  const parts = dateFormat(locale, {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric',\n  }).formatToParts(new Date(2026, 8, 30));\n  const separator = parts.find((part) => part.type === 'literal')?.value.trim() || '/';\n  return { order: numericOrder(locale), separator };\n}\n\n/** The order the language writes day, month and year in numbers. */\nfunction numericOrder(locale: string): ('day' | 'month' | 'year')[] {\n  const parts = dateFormat(locale, { day: '2-digit', month: '2-digit', year: 'numeric' })\n    .formatToParts(new Date(2026, 8, 30))\n    .map((part) => part.type)\n    .filter((type): type is 'day' | 'month' | 'year' => ['day', 'month', 'year'].includes(type));\n  return parts.length === 3 ? parts : ['day', 'month', 'year'];\n}\n\n/** The month a word names in the language, or null when it names none or several. */\nfunction monthNamed(word: string, locale: string): number | null {\n  const typed = fold(word);\n  if (typed.length < 3) return null;\n\n  const matches = new Set<number>();\n  for (let month = 1; month <= 12; month += 1) {\n    const sample = new Date(2026, month - 1, 1);\n    const long = fold(dateFormat(locale, { month: 'long' }).format(sample));\n    const short = fold(dateFormat(locale, { month: 'short' }).format(sample));\n    if (long.startsWith(typed) || short === typed) matches.add(month);\n  }\n  return matches.size === 1 ? [...matches][0]! : null;\n}\n\n/** A typed year: two digits are this century, or the last, whichever is nearer. */\nfunction readYear(digits: string, reference: number): number | null {\n  if (digits.length === 4) return Number(digits);\n  if (digits.length > 2) return null;\n  const year = 2000 + Number(digits);\n  return year > reference + 20 ? year - 100 : year;\n}\n\nfunction valid(year: number, month: number, day: number): PlainDate | null {\n  if (month < 1 || month > 12 || day < 1 || day > daysInMonth(year, month)) return null;\n  return { year, month, day };\n}\n\n/** The date, and whether a year was typed or borrowed. */\nfunction read(\n  text: string,\n  locale: string,\n  reference: PlainDate,\n): { date: PlainDate; typedYear: boolean } | null {\n  const trimmed = text.trim();\n  if (!trimmed) return null;\n\n  const iso = /^\\d{4}-\\d{1,2}-\\d{1,2}$/.test(trimmed)\n    ? parseDate(trimmed.replace(/-(\\d)(?=-|$)/g, '-0$1'))\n    : null;\n  if (iso) return { date: iso, typedYear: true };\n\n  const numbers: string[] = [];\n  let named: number | null = null;\n  for (const token of trimmed.split(/[\\s/.,-]+/).filter(Boolean)) {\n    if (/^\\d+$/.test(token)) {\n      numbers.push(token);\n      continue;\n    }\n    const month = monthNamed(token, locale);\n    if (month === null || named !== null) return null;\n    named = month;\n  }\n\n  if (named !== null) {\n    // \"25 Sept 2026\", \"Sep 25, 2026\", \"3 march\": the day, and maybe a year.\n    if (numbers.length === 0 || numbers.length > 2) return null;\n    const yearIndex = numbers.findIndex((token) => token.length === 4 || Number(token) > 31);\n    const dayToken = numbers.find((_, index) => index !== yearIndex);\n    if (dayToken === undefined || (numbers.length === 2 && yearIndex < 0)) return null;\n    const year = yearIndex >= 0 ? readYear(numbers[yearIndex]!, reference.year) : reference.year;\n    if (year === null) return null;\n    const date = valid(year, named, Number(dayToken));\n    return date && { date, typedYear: yearIndex >= 0 };\n  }\n\n  // All numbers, in the language's order; a leading four-digit year reads ISO-wise.\n  if (numbers.length < 2 || numbers.length > 3) return null;\n  const order =\n    numbers[0]!.length === 4\n      ? (['year', 'month', 'day'] as const)\n      : numberOrderFor(numericOrder(locale), numbers.length);\n  const field = (name: 'day' | 'month' | 'year') => numbers[order.indexOf(name)];\n\n  const yearToken = field('year');\n  const year = yearToken === undefined ? reference.year : readYear(yearToken, reference.year);\n  if (year === null) return null;\n  const date = valid(year, Number(field('month')), Number(field('day')));\n  return date && { date, typedYear: yearToken !== undefined };\n}\n\n/** Two numbers are the day and month, in the language's order, with the year left out. */\nfunction numberOrderFor(\n  order: ('day' | 'month' | 'year')[],\n  count: number,\n): readonly ('day' | 'month' | 'year')[] {\n  return count === 3 ? order : order.filter((part) => part !== 'year');\n}\n\n/** A typed year: two digits are this century or the last, whichever is nearer. */\nexport function typedYear(digits: string, reference: number): number | null {\n  return readYear(digits, reference);\n}\n\n/** A date typed in `locale`, or null when it does not read as one. */\nexport function parseTypedDate(\n  text: string,\n  locale: string,\n  reference: PlainDate,\n): PlainDate | null {\n  return read(text, locale, reference)?.date ?? null;\n}\n\n/**\n * A period typed as two dates around a dash — \"1/9 – 25/9/2026\" — in order.\n * A start typed without a year borrows the end's, the year before if that\n * would put it after the end: \"20/12 – 5/1/2027\" starts in December 2026.\n */\nexport function parseTypedRange(\n  text: string,\n  locale: string,\n  reference: PlainDate,\n): { start: PlainDate; end: PlainDate } | null {\n  const halves = text.split(/\\s*[–—]\\s*|\\s+-\\s+|\\s+(?:to|au|bis|à)\\s+/i);\n  if (halves.length !== 2) return null;\n\n  const end = read(halves[1]!, locale, reference);\n  if (!end) return null;\n  const start = read(halves[0]!, locale, { ...reference, year: end.date.year });\n  if (!start) return null;\n\n  let from = start.date;\n  if (!start.typedYear && compareDates(from, end.date) > 0) {\n    const earlier = valid(from.year - 1, from.month, from.day);\n    if (earlier) from = earlier;\n  }\n  return compareDates(from, end.date) <= 0\n    ? { start: from, end: end.date }\n    : { start: end.date, end: from };\n}\n\n/** `reference` written in numbers the way `locale` writes a date — for a hint. */\nexport function exampleDate(locale: string, reference: PlainDate): string {\n  return dateFormat(locale, { day: '2-digit', month: '2-digit', year: 'numeric' }).format(\n    new Date(reference.year, reference.month - 1, reference.day, 12),\n  );\n}\n"],"names":["fold","text","dateLayout","locale","separator","dateFormat","part","numericOrder","parts","type","monthNamed","word","typed","matches","month","sample","long","short","readYear","digits","reference","year","valid","day","daysInMonth","read","trimmed","iso","parseDate","numbers","named","token","yearIndex","dayToken","_","index","date","order","numberOrderFor","field","name","yearToken","count","typedYear","parseTypedDate","parseTypedRange","halves","end","start","from","compareDates","earlier","exampleDate"],"mappings":"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"}

package/dist/components/core/kt-avatar/kt-avatar.js

@@ -1,8 +1,8 @@
 import { css as p, nothing as f, html as n } from "lit";
 import { state as v, property as o } from "lit/decorators.js";
 import { classMap as c } from "lit/directives/class-map.js";
-import { K as d, d as g } from "../../../chunks/kt-element-T0VbIBNp.js";
-import { s as m } from "../../../chunks/index-TWJzttLX.js";
+import { K as d, d as g } from "../../../chunks/kt-element-COgh6Yr1.js";
+import { s as m } from "../../../chunks/index-BEWmAE0T.js";
 import "../kt-icon/kt-icon.js";
 var y = Object.defineProperty, s = (a, e, t, k) => {
   for (var i = void 0, l = a.length - 1, h; l >= 0; l--)

package/dist/components/core/kt-badge/kt-badge.js

@@ -2,9 +2,9 @@ import { css as h, nothing as n, html as l } from "lit";
 import { property as e } from "lit/decorators.js";
 import { classMap as b } from "lit/directives/class-map.js";
 import { styleMap as m } from "lit/directives/style-map.js";
-import { K as p, d as v } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as p, d as v } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as u } from "../../../chunks/events-r51msXNf.js";
-import { s as g } from "../../../chunks/index-TWJzttLX.js";
+import { s as g } from "../../../chunks/index-BEWmAE0T.js";
 import "../kt-icon/kt-icon.js";
 var f = Object.defineProperty, t = (s, r, i, y) => {
   for (var a = void 0, c = s.length - 1, d; c >= 0; c--)

package/dist/components/core/kt-button/kt-button.js

@@ -1,7 +1,7 @@
 import { css as h, html as d, nothing as i } from "lit";
 import { property as e } from "lit/decorators.js";
 import { classMap as p } from "lit/directives/class-map.js";
-import { K as u, d as v } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as u, d as v } from "../../../chunks/kt-element-COgh6Yr1.js";
 import "../kt-icon/kt-icon.js";
 var g = Object.defineProperty, a = (l, t, o, y) => {
   for (var n = void 0, c = l.length - 1, s; c >= 0; c--)

package/dist/components/core/kt-card/kt-card.js

@@ -2,7 +2,7 @@ import { css as f, nothing as r, html as d } from "lit";
 import { state as g, property as a } from "lit/decorators.js";
 import { classMap as n } from "lit/directives/class-map.js";
 import { styleMap as u } from "lit/directives/style-map.js";
-import { K as m, d as v } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as m, d as v } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as b } from "../../../chunks/events-r51msXNf.js";
 import { h as p } from "../../../chunks/slots-BPbIdxAJ.js";
 var y = Object.defineProperty, i = (s, e, c, k) => {

package/dist/components/core/kt-code/kt-code.js

@@ -1,8 +1,8 @@
 import { css as b, nothing as s, html as c } from "lit";
 import { state as v, property as d } from "lit/decorators.js";
-import { K as h, d as m } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as h, d as m } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as g } from "../../../chunks/events-r51msXNf.js";
-import { s as r } from "../../../chunks/index-TWJzttLX.js";
+import { s as r } from "../../../chunks/index-BEWmAE0T.js";
 import "../kt-icon/kt-icon.js";
 var y = Object.defineProperty, a = (p, o, n, x) => {
   for (var e = void 0, i = p.length - 1, l; i >= 0; i--)

package/dist/components/core/kt-icon/kt-icon.js

@@ -1,6 +1,6 @@
 import { css as f, html as c, nothing as l } from "lit";
 import { property as n } from "lit/decorators.js";
-import { K as m, d as u } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as m, d as u } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { g as v } from "../../../chunks/defaults-Cpeg13O5.js";
 var w = Object.defineProperty, o = (i, e, r, h) => {
   for (var t = void 0, a = i.length - 1, d; a >= 0; a--)

package/dist/components/core/kt-kbd/kt-kbd.js

@@ -1,6 +1,6 @@
 import { css as c, html as i } from "lit";
 import { property as p } from "lit/decorators.js";
-import { K as l, d as m } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as l, d as m } from "../../../chunks/kt-element-COgh6Yr1.js";
 var f = Object.defineProperty, d = (a, t, e, h) => {
   for (var r = void 0, s = a.length - 1, o; s >= 0; s--)
     (o = a[s]) && (r = o(t, e, r) || r);

package/dist/components/core/kt-split-button/kt-split-button.js

@@ -1,10 +1,10 @@
 import { css as g, nothing as p, html as a } from "lit";
 import { query as f, state as y, property as o } from "lit/decorators.js";
 import { classMap as w } from "lit/directives/class-map.js";
-import { K as h, d as x } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as h, d as x } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as k } from "../../../chunks/events-r51msXNf.js";
 import { f as m, o as $, l as I, n as u } from "../../../chunks/listbox-LsUEyGhQ.js";
-import { s as v } from "../../../chunks/index-TWJzttLX.js";
+import { s as v } from "../../../chunks/index-BEWmAE0T.js";
 import "../kt-button/kt-button.js";
 import "../kt-icon/kt-icon.js";
 import "../../overlays/kt-dropdown/kt-dropdown.js";

package/dist/components/data/kt-chart/kt-chart.js

@@ -1,9 +1,9 @@
 import { svg as b, nothing as A, css as vt, html as G } from "lit";
 import { query as kt, state as et, property as B } from "lit/decorators.js";
 import { classMap as wt } from "lit/directives/class-map.js";
-import { K as nt, d as Mt } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as nt, d as Mt } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { u as At, e as lt } from "../../../chunks/events-r51msXNf.js";
-import { s as E } from "../../../chunks/index-TWJzttLX.js";
+import { s as E } from "../../../chunks/index-BEWmAE0T.js";
 function St(s) {
   const t = Math.floor(Math.log10(s)), e = s / 10 ** t;
   return (e < 1.5 ? 1 : e < 3 ? 2 : e < 7 ? 5 : 10) * 10 ** t;

package/dist/components/data/kt-meter/kt-meter.js

@@ -1,6 +1,6 @@
 import { css as m, html as r, nothing as o } from "lit";
 import { property as i } from "lit/decorators.js";
-import { K as u, d as c } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as u, d as c } from "../../../chunks/kt-element-COgh6Yr1.js";
 var g = Object.defineProperty, n = (d, t, e, s) => {
   for (var a = void 0, p = d.length - 1, h; p >= 0; p--)
     (h = d[p]) && (a = h(t, e, a) || a);

package/dist/components/data/kt-pagination/kt-pagination.js

@@ -1,8 +1,8 @@
 import { css as h, html as m } from "lit";
 import { property as n } from "lit/decorators.js";
-import { K as g, d as c } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as g, d as c } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as u } from "../../../chunks/events-r51msXNf.js";
-import { s as i } from "../../../chunks/index-TWJzttLX.js";
+import { s as i } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-button/kt-button.js";
 var d = Object.defineProperty, p = (r, a, t, f) => {
   for (var e = void 0, o = r.length - 1, l; o >= 0; o--)

package/dist/components/data/kt-stat/kt-stat.js

@@ -1,6 +1,6 @@
 import { css as h, nothing as l, html as r } from "lit";
 import { property as e } from "lit/decorators.js";
-import { K as c, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as c, d as f } from "../../../chunks/kt-element-COgh6Yr1.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../../core/kt-badge/kt-badge.js";
 import "../../feedback/kt-skeleton/kt-skeleton.js";

package/dist/components/data/kt-table/kt-table.js

@@ -2,10 +2,10 @@ import { css as k, nothing as d, html as h } from "lit";
 import { property as n, state as f } from "lit/decorators.js";
 import { classMap as S } from "lit/directives/class-map.js";
 import { styleMap as v } from "lit/directives/style-map.js";
-import { K as w, d as R } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as w, d as R } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as g } from "../../../chunks/events-r51msXNf.js";
 import { r as M } from "../../../chunks/locale-C5xLkGx5.js";
-import { s as u } from "../../../chunks/index-TWJzttLX.js";
+import { s as u } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../kt-pagination/kt-pagination.js";
 const H = 50;

package/dist/components/data/kt-timeline/kt-timeline.js

@@ -1,7 +1,7 @@
 import { css as h, html as s, nothing as m } from "lit";
 import { property as a } from "lit/decorators.js";
 import { classMap as k } from "lit/directives/class-map.js";
-import { K as c, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as c, d as f } from "../../../chunks/kt-element-COgh6Yr1.js";
 import "../../core/kt-icon/kt-icon.js";
 var v = Object.defineProperty, i = (l, r, o, n) => {
   for (var e = void 0, p = l.length - 1, d; p >= 0; p--)

package/dist/components/feedback/kt-alert/kt-alert.js

@@ -1,8 +1,8 @@
 import { css as v, nothing as s, html as e } from "lit";
 import { property as t } from "lit/decorators.js";
-import { K as p, d as g } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as p, d as g } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as h } from "../../../chunks/events-r51msXNf.js";
-import { s as f } from "../../../chunks/index-TWJzttLX.js";
+import { s as f } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 var u = Object.defineProperty, a = (n, i, c, b) => {
   for (var o = void 0, l = n.length - 1, d; l >= 0; l--)

package/dist/components/feedback/kt-empty-state/kt-empty-state.js

@@ -1,6 +1,6 @@
 import { css as h, nothing as r, html as i } from "lit";
 import { property as n } from "lit/decorators.js";
-import { K as d, d as m } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as d, d as m } from "../../../chunks/kt-element-COgh6Yr1.js";
 import "../../core/kt-icon/kt-icon.js";
 var g = Object.defineProperty, o = (s, p, c, f) => {
   for (var t = void 0, a = s.length - 1, l; a >= 0; a--)

package/dist/components/feedback/kt-progress-bar/kt-progress-bar.js

@@ -2,7 +2,7 @@ import { css as v, nothing as p, html as o } from "lit";
 import { property as t } from "lit/decorators.js";
 import { classMap as d } from "lit/directives/class-map.js";
 import { styleMap as m } from "lit/directives/style-map.js";
-import { K as u, d as b } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as u, d as b } from "../../../chunks/kt-element-COgh6Yr1.js";
 var f = Object.defineProperty, r = (n, e, i, c) => {
   for (var s = void 0, l = n.length - 1, h; l >= 0; l--)
     (h = n[l]) && (s = h(e, i, s) || s);

package/dist/components/feedback/kt-skeleton/kt-skeleton.js

@@ -2,7 +2,7 @@ import { css as u, html as c } from "lit";
 import { property as s } from "lit/decorators.js";
 import { classMap as h } from "lit/directives/class-map.js";
 import { styleMap as m } from "lit/directives/style-map.js";
-import { K as d, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as d, d as f } from "../../../chunks/kt-element-COgh6Yr1.js";
 var y = Object.defineProperty, a = (n, i, t, l) => {
   for (var e = void 0, o = n.length - 1, p; o >= 0; o--)
     (p = n[o]) && (e = p(i, t, e) || e);

package/dist/components/feedback/kt-toast/kt-toast.js

@@ -1,8 +1,8 @@
 import { css as v, nothing as n, html as a } from "lit";
 import { state as u, property as s } from "lit/decorators.js";
-import { K as p, d as m } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as p, d as m } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as b } from "../../../chunks/events-r51msXNf.js";
-import { s as h } from "../../../chunks/index-TWJzttLX.js";
+import { s as h } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../kt-progress-bar/kt-progress-bar.js";
 var f = Object.defineProperty, o = (c, i, e, w) => {

package/dist/components/feedback/kt-toast-container/kt-toast-container.js

@@ -1,6 +1,6 @@
 import { css as c, html as m } from "lit";
 import { property as p } from "lit/decorators.js";
-import { K as l, d } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as l, d } from "../../../chunks/kt-element-COgh6Yr1.js";
 import "../kt-toast/kt-toast.js";
 var f = Object.defineProperty, h = (i, t, e, n) => {
   for (var s = void 0, o = i.length - 1, a; o >= 0; o--)

package/dist/components/feedback/kt-tooltip/kt-tooltip.js

@@ -1,7 +1,7 @@
 import { css as h, html as c } from "lit";
 import { state as b, query as u, property as n } from "lit/decorators.js";
 import { classMap as v } from "lit/directives/class-map.js";
-import { K as l, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as l, d as f } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { u as m } from "../../../chunks/events-r51msXNf.js";
 import { p as w } from "../../../chunks/position-Cx_ZH5zh.js";
 var y = Object.defineProperty, o = (r, e, s, d) => {

package/dist/components/forms/kt-calendar/kt-calendar.js

@@ -1,11 +1,11 @@
 import "lit";
 import "lit/decorators.js";
 import "lit/directives/class-map.js";
-import "../../../chunks/kt-element-T0VbIBNp.js";
+import "../../../chunks/kt-element-COgh6Yr1.js";
 import "../../../chunks/events-r51msXNf.js";
 import "../../../chunks/locale-C5xLkGx5.js";
-import "../../../chunks/index-TWJzttLX.js";
-import { K as f } from "../../../chunks/kt-calendar-CtwOby1R.js";
+import "../../../chunks/index-BEWmAE0T.js";
+import { K as f } from "../../../chunks/kt-calendar-D72xa8qr.js";
 import "../../core/kt-icon/kt-icon.js";
 export {
   f as KtCalendar

package/dist/components/forms/kt-checkbox/kt-checkbox.js

@@ -1,10 +1,10 @@
 import { css as p, nothing as a, html as c } from "lit";
 import { query as b, property as i, state as u } from "lit/decorators.js";
 import { live as m } from "lit/directives/live.js";
-import { K as d, d as f } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as d, d as f } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as k } from "../../../chunks/events-r51msXNf.js";
 import { a as v, s as g, b as y } from "../../../chunks/form-control-B74_EHtG.js";
-import { s as x } from "../../../chunks/index-TWJzttLX.js";
+import { s as x } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 var C = Object.defineProperty, r = (l, e, o, $) => {
   for (var s = void 0, n = l.length - 1, h; n >= 0; n--)

package/dist/components/forms/kt-date-input/kt-date-input.js

@@ -1,13 +1,13 @@
 import { css as D, nothing as m, html as g } from "lit";
 import { property as w, state as x, query as $ } from "lit/decorators.js";
 import { classMap as C } from "lit/directives/class-map.js";
-import { d as P } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { d as P } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { u as S, t as I } from "../../../chunks/events-r51msXNf.js";
-import { F as q, f as E } from "../../../chunks/floating-B33g-M_1.js";
-import { K as f } from "../../../chunks/segmented-field-BBXR4XFL.js";
-import { d as y, p as u, t as v, c as b, f as Y } from "../../../chunks/kt-calendar-CtwOby1R.js";
-import { d as K, e as L, t as M } from "../../../chunks/typed-date-CPAUNHzr.js";
-import { s as l } from "../../../chunks/index-TWJzttLX.js";
+import { F as q, f as E } from "../../../chunks/floating-C9RLa6cZ.js";
+import { K as f } from "../../../chunks/segmented-field-BCjCGF4I.js";
+import { d as y, p as u, t as v, c as b, f as Y } from "../../../chunks/kt-calendar-D72xa8qr.js";
+import { d as K, e as L, t as M } from "../../../chunks/typed-date-Z3vcUJbb.js";
+import { s as l } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../../feedback/kt-tooltip/kt-tooltip.js";
 var N = Object.defineProperty, c = (h, e, t, n) => {

package/dist/components/forms/kt-date-picker/kt-date-picker.js

@@ -2,14 +2,14 @@ import { css as T, nothing as d, html as p } from "lit";
 import { query as S, state as h, property as s } from "lit/decorators.js";
 import { classMap as x } from "lit/directives/class-map.js";
 import { live as O } from "lit/directives/live.js";
-import { K as D, d as R } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as D, d as R } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { u as q, t as E, e as v } from "../../../chunks/events-r51msXNf.js";
 import { a as B, s as F, b as L } from "../../../chunks/form-control-B74_EHtG.js";
-import { F as z, f as K } from "../../../chunks/floating-B33g-M_1.js";
+import { F as z, f as K } from "../../../chunks/floating-C9RLa6cZ.js";
 import { r as M, d as _ } from "../../../chunks/locale-C5xLkGx5.js";
-import { s as f } from "../../../chunks/index-TWJzttLX.js";
-import { a as P, p as u, c as g, b as w, t as m, e as k, f as C, g as V, h as I, d as W } from "../../../chunks/kt-calendar-CtwOby1R.js";
-import { p as U, a as Y, e as j } from "../../../chunks/typed-date-CPAUNHzr.js";
+import { s as f } from "../../../chunks/index-BEWmAE0T.js";
+import { a as P, p as u, c as g, b as w, t as m, e as k, f as C, g as V, h as I, d as W } from "../../../chunks/kt-calendar-D72xa8qr.js";
+import { p as U, a as Y, e as j } from "../../../chunks/typed-date-Z3vcUJbb.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../../feedback/kt-tooltip/kt-tooltip.js";
 var G = Object.defineProperty, a = (l, t, e, o) => {

package/dist/components/forms/kt-drag-drop/kt-drag-drop.js

@@ -1,10 +1,10 @@
 import { css as v, nothing as p, html as c } from "lit";
 import { query as y, state as f, property as n } from "lit/decorators.js";
 import { classMap as b } from "lit/directives/class-map.js";
-import { K as u, d as x } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as u, d as x } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { e as h } from "../../../chunks/events-r51msXNf.js";
 import { a as k, s as $, b as w } from "../../../chunks/form-control-B74_EHtG.js";
-import { s as l } from "../../../chunks/index-TWJzttLX.js";
+import { s as l } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../../core/kt-button/kt-button.js";
 const g = ["B", "KB", "MB", "GB", "TB"];

package/dist/components/forms/kt-form/kt-form.js

@@ -1,8 +1,8 @@
 import { css as f, nothing as h, html as d } from "lit";
 import { queryAssignedElements as c, state as g, property as a } from "lit/decorators.js";
-import { K as p, d as m } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as p, d as m } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { h as y } from "../../../chunks/slots-BPbIdxAJ.js";
-import { s as b } from "../../../chunks/index-TWJzttLX.js";
+import { s as b } from "../../../chunks/index-BEWmAE0T.js";
 import "../../feedback/kt-skeleton/kt-skeleton.js";
 var u = Object.defineProperty, s = (r, e, o, v) => {
   for (var i = void 0, l = r.length - 1, n; l >= 0; l--)

package/dist/components/forms/kt-input/kt-input.js

@@ -2,11 +2,11 @@ import { css as x, nothing as s, html as d } from "lit";
 import { query as P, state as m, property as l } from "lit/decorators.js";
 import { classMap as y } from "lit/directives/class-map.js";
 import { live as w } from "lit/directives/live.js";
-import { K as g, d as $ } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as g, d as $ } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { t as C, e as c } from "../../../chunks/events-r51msXNf.js";
 import { a as S, s as b, b as E } from "../../../chunks/form-control-B74_EHtG.js";
-import { F as O, f as z } from "../../../chunks/floating-B33g-M_1.js";
-import { s as u } from "../../../chunks/index-TWJzttLX.js";
+import { F as O, f as z } from "../../../chunks/floating-C9RLa6cZ.js";
+import { s as u } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 import "../../feedback/kt-tooltip/kt-tooltip.js";
 const D = [

package/dist/components/forms/kt-input-menu/kt-input-menu.js

@@ -2,12 +2,12 @@ import { css as w, nothing as a, html as p } from "lit";
 import { query as x, state as h, property as n } from "lit/decorators.js";
 import { classMap as d } from "lit/directives/class-map.js";
 import { live as k } from "lit/directives/live.js";
-import { K as m, d as $ } from "../../../chunks/kt-element-T0VbIBNp.js";
+import { K as m, d as $ } from "../../../chunks/kt-element-COgh6Yr1.js";
 import { u as I, t as y, e as f } from "../../../chunks/events-r51msXNf.js";
 import { a as D, s as q, b as O } from "../../../chunks/form-control-B74_EHtG.js";
 import { a as S, b as C, o as g, f as v, l as P, n as E } from "../../../chunks/listbox-LsUEyGhQ.js";
-import { F as L, f as A } from "../../../chunks/floating-B33g-M_1.js";
-import { s as l } from "../../../chunks/index-TWJzttLX.js";
+import { F as L, f as A } from "../../../chunks/floating-C9RLa6cZ.js";
+import { s as l } from "../../../chunks/index-BEWmAE0T.js";
 import "../../core/kt-icon/kt-icon.js";
 var V = Object.defineProperty, i = (u, t, o, r) => {
   for (var s = void 0, c = u.length - 1, b; c >= 0; c--)