@k2b/ui 0.43.0 → 0.45.0

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"onKeyDown\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\" | \"compact\";\n    /** Set false for a plain field without a leading icon. */\n    icon?: string | false;\n    activeIcon?: string;\n    /** ID of a consumer-owned visible error; caller owns its announcement. Native controls only. */\n    externalErrorId?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    onKeyDown?: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement, KeyboardEvent>;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const inputMessages = useInputMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"externalErrorId\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"onKeyDown\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  // HTML IDs are single nonempty tokens; numeric starts and punctuation are valid.\n  const externalErrorId = () => {\n    const id = local.externalErrorId;\n    return id && !/[\\t\\n\\f\\r ]/.test(id) ? id : undefined;\n  };\n  const controlMeta = {\n    ...meta,\n    get errorId() {\n      return externalErrorId() ?? meta.errorId;\n    },\n  };\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const compact = () => local.variant === \"compact\";\n  const icon = () =>\n    local.icon === false\n      ? \"\"\n      : (local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : local.markdown ? \"ti ti-markdown\" : \"ti ti-cursor-text\"));\n  // A custom icon stays while typing (a search field keeps its magnifier); only the default icon switches to the pencil.\n  const activeIcon = () => local.activeIcon ?? (local.icon || undefined) ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"ti ti-pencil\");\n  // Names, addresses and passwords are typed exactly: phone keyboards must not capitalize or \"correct\" them.\n  const verbatim = () =>\n    local.password || local.type === \"email\" || local.type === \"url\" || /\\b(username|email|url)\\b/.test(String(rest.autocomplete ?? \"\"));\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const submitOnEnter = (event: KeyboardEvent) => {\n    if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      local.onSubmit();\n    }\n  };\n  /** The caller's key handler runs first; Enter submits unless it handled the key. */\n  const keyDown: JSX.EventHandler<HTMLInputElement | HTMLTextAreaElement, KeyboardEvent> = (event) => {\n    const handler = local.onKeyDown;\n    if (typeof handler === \"function\") handler(event);\n    else if (Array.isArray(handler)) handler[0](handler[1], event);\n    if (!event.defaultPrevented) submitOnEnter(event);\n  };\n  const clear: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    // Clearing removes the button. Return to the field before notifying the caller, whose handler\n    // may deliberately navigate or move focus somewhere else.\n    event.currentTarget.ownerDocument.getElementById(meta.controlId)?.focus();\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\n        <Field\n          class={local.class}\n          label={local.label}\n          description={local.description}\n          error={externalErrorId() ? undefined : error()}\n          meta={meta}\n          required={local.required}\n          disabled={rest.disabled}\n        >\n          <div\n            class=\"k2b-input-shell k2b-text-input\"\n            data-variant={compact() ? \"compact\" : undefined}\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <Show when={!compact() && local.icon !== false}>\n              <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n                <i class={icon()} />\n                <i class={activeIcon()} />\n              </span>\n            </Show>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  autocapitalize={verbatim() ? \"none\" : undefined}\n                  autocorrect={verbatim() ? \"off\" : undefined}\n                  spellcheck={verbatim() ? false : undefined}\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  size={rest.size ?? (compact() ? 9 : undefined)}\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(controlMeta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                  onKeyDown={keyDown}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(controlMeta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={keyDown}\n              >\n                {/* HTML consumes one leading newline in textarea content. */}\n                {isServer ? `\\n${value()}` : undefined}\n              </textarea>\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? inputMessages().hidePassword : inputMessages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { useInputMessages } from \"./input-messages\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"onKeyDown\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\" | \"compact\";\n    /** A leading icon such as a search magnifier. Plain text fields have none. */\n    icon?: string | false;\n    activeIcon?: string;\n    /** ID of a consumer-owned visible error; caller owns its announcement. Native controls only. */\n    externalErrorId?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    onKeyDown?: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement, KeyboardEvent>;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const inputMessages = useInputMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"externalErrorId\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"onKeyDown\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  // HTML IDs are single nonempty tokens; numeric starts and punctuation are valid.\n  const externalErrorId = () => {\n    const id = local.externalErrorId;\n    return id && !/[\\t\\n\\f\\r ]/.test(id) ? id : undefined;\n  };\n  const controlMeta = {\n    ...meta,\n    get errorId() {\n      return externalErrorId() ?? meta.errorId;\n    },\n  };\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const compact = () => local.variant === \"compact\";\n  // The field's edge already shows where to type; only a meaningful icon (a search magnifier, the AI mark) leads.\n  const icon = () => (local.icon === false ? \"\" : (local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"\")));\n  // An icon stays while typing unless `activeIcon` names a different one.\n  const activeIcon = () => local.activeIcon ?? icon();\n  // Names, addresses and passwords are typed exactly: phone keyboards must not capitalize or \"correct\" them.\n  const verbatim = () =>\n    local.password || local.type === \"email\" || local.type === \"url\" || /\\b(username|email|url)\\b/.test(String(rest.autocomplete ?? \"\"));\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const submitOnEnter = (event: KeyboardEvent) => {\n    if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      local.onSubmit();\n    }\n  };\n  /** The caller's key handler runs first; Enter submits unless it handled the key. */\n  const keyDown: JSX.EventHandler<HTMLInputElement | HTMLTextAreaElement, KeyboardEvent> = (event) => {\n    const handler = local.onKeyDown;\n    if (typeof handler === \"function\") handler(event);\n    else if (Array.isArray(handler)) handler[0](handler[1], event);\n    if (!event.defaultPrevented) submitOnEnter(event);\n  };\n  const clear: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    // Clearing removes the button. Return to the field before notifying the caller, whose handler\n    // may deliberately navigate or move focus somewhere else.\n    event.currentTarget.ownerDocument.getElementById(meta.controlId)?.focus();\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\n        <Field\n          class={local.class}\n          label={local.label}\n          description={local.description}\n          error={externalErrorId() ? undefined : error()}\n          meta={meta}\n          required={local.required}\n          disabled={rest.disabled}\n        >\n          <div\n            class=\"k2b-input-shell k2b-text-input\"\n            data-variant={compact() ? \"compact\" : undefined}\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <Show when={!compact() && icon()}>\n              <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n                <i class={icon()} />\n                <i class={activeIcon()} />\n              </span>\n            </Show>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  autocapitalize={verbatim() ? \"none\" : undefined}\n                  autocorrect={verbatim() ? \"off\" : undefined}\n                  spellcheck={verbatim() ? false : undefined}\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  size={rest.size ?? (compact() ? 9 : undefined)}\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(controlMeta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                  onKeyDown={keyDown}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(controlMeta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={keyDown}\n              >\n                {/* HTML consumes one leading newline in textarea content. */}\n                {isServer ? `\\n${value()}` : undefined}\n              </textarea>\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? inputMessages().hidePassword : inputMessages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/date-input-messages.js

@@ -0,0 +1,128 @@
+import { i18n } from "@k2b/stdlib";
+
+/** Status line and errors of the typed date field; dates, weekdays and distances come from Intl. */
+const dateInputMessages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      dayLetters: "DD",
+      monthLetters: "MM",
+      yearLetters: "YYYY",
+      openCalendar: "Open calendar",
+      closeCalendar: "Close calendar",
+      notADate: ({
+        example
+      }) => `Not a date. Example: ${example}, wed or +14`,
+      notYet: "Not a date yet",
+      ambiguous: "Ambiguous. Keep typing.",
+      incompleteYear: ({
+        year
+      }) => `Incomplete year, e.g. ${year}.`,
+      unknownUnit: "Unknown unit. Use d, w, m or y.",
+      noSuchMonth: ({
+        month
+      }) => `There is no month ${month}.`,
+      shortMonth: ({
+        month,
+        days
+      }) => `${month} has only ${days} days.`,
+      earliest: ({
+        date
+      }) => `${date} at the earliest.`,
+      latest: ({
+        date
+      }) => `${date} at the latest.`,
+      outsideRange: "Outside the allowed dates",
+      required: "Enter a date.",
+      endBeforeStart: "The end is before the start.",
+      missingEnd: "Enter an end too.",
+      missingStart: "Enter a start too.",
+      nextWeekday: ({
+        weekday
+      }) => `next ${weekday}`,
+      nextWeek: "next week",
+      notSelectable: ({
+        date
+      }) => `${date}, not available`,
+      limitFrom: ({
+        date
+      }) => `from ${date}`,
+      limitUntil: ({
+        date
+      }) => `until ${date}`,
+      start: "Start",
+      end: "End",
+      startOf: ({
+        label
+      }) => `${label}: start`,
+      endOf: ({
+        label
+      }) => `${label}: end`,
+      startMissing: "start missing",
+      endMissing: "end missing",
+      noDate: "No date"
+    },
+    de: {
+      dayLetters: "TT",
+      monthLetters: "MM",
+      yearLetters: "JJJJ",
+      openCalendar: "Kalender öffnen",
+      closeCalendar: "Kalender schließen",
+      notADate: ({
+        example
+      }) => `Kein Datum. Beispiel: ${example}, mi oder +14`,
+      notYet: "Noch kein Datum",
+      ambiguous: "Mehrdeutig. Bitte weiter tippen.",
+      incompleteYear: ({
+        year
+      }) => `Jahr unvollständig, z. B. ${year}.`,
+      unknownUnit: "Einheit unbekannt. Möglich: t, w, m, j",
+      noSuchMonth: ({
+        month
+      }) => `Einen ${month}. Monat gibt es nicht.`,
+      shortMonth: ({
+        month,
+        days
+      }) => `Der ${month} hat nur ${days} Tage.`,
+      earliest: ({
+        date
+      }) => `Frühestens am ${date}.`,
+      latest: ({
+        date
+      }) => `Spätestens am ${date}.`,
+      outsideRange: "Außerhalb der erlaubten Daten",
+      required: "Bitte ein Datum eingeben.",
+      endBeforeStart: "Das Ende liegt vor dem Start.",
+      missingEnd: "Bitte auch ein Ende eingeben.",
+      missingStart: "Bitte auch einen Start eingeben.",
+      nextWeekday: ({
+        weekday
+      }) => `nächster ${weekday}`,
+      nextWeek: "nächste Woche",
+      notSelectable: ({
+        date
+      }) => `${date}, nicht wählbar`,
+      limitFrom: ({
+        date
+      }) => `ab ${date}`,
+      limitUntil: ({
+        date
+      }) => `bis ${date}`,
+      start: "Start",
+      end: "Ende",
+      startOf: ({
+        label
+      }) => `${label}: Start`,
+      endOf: ({
+        label
+      }) => `${label}: Ende`,
+      startMissing: "Start fehlt",
+      endMissing: "Ende fehlt",
+      noDate: "Kein Datum"
+    }
+  }
+});
+/** Resolved from the date locale, so the words join the dates they describe in one language. */
+export const resolveDateInputMessages = locale => dateInputMessages.resolve([locale ?? "en"]).t;
+export const checkDateInputMessages = () => dateInputMessages.check();
+//# sourceMappingURL=date-input-messages.js.map

package/dist/browser/inputs/date-input-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/date-input-messages.ts"],"sourcesContent":["import { i18n } from \"@k2b/stdlib\";\n\n/** Status line and errors of the typed date field; dates, weekdays and distances come from Intl. */\nconst dateInputMessages = i18n.define({\n  baseLocale: \"en\",\n  messages: {\n    en: {\n      dayLetters: \"DD\",\n      monthLetters: \"MM\",\n      yearLetters: \"YYYY\",\n      openCalendar: \"Open calendar\",\n      closeCalendar: \"Close calendar\",\n      notADate: ({ example }: { example: string }) => `Not a date. Example: ${example}, wed or +14`,\n      notYet: \"Not a date yet\",\n      ambiguous: \"Ambiguous. Keep typing.\",\n      incompleteYear: ({ year }: { year: string }) => `Incomplete year, e.g. ${year}.`,\n      unknownUnit: \"Unknown unit. Use d, w, m or y.\",\n      noSuchMonth: ({ month }: { month: number }) => `There is no month ${month}.`,\n      shortMonth: ({ month, days }: { month: string; days: number }) => `${month} has only ${days} days.`,\n      earliest: ({ date }: { date: string }) => `${date} at the earliest.`,\n      latest: ({ date }: { date: string }) => `${date} at the latest.`,\n      outsideRange: \"Outside the allowed dates\",\n      required: \"Enter a date.\",\n      endBeforeStart: \"The end is before the start.\",\n      missingEnd: \"Enter an end too.\",\n      missingStart: \"Enter a start too.\",\n      nextWeekday: ({ weekday }: { weekday: string }) => `next ${weekday}`,\n      nextWeek: \"next week\",\n      notSelectable: ({ date }: { date: string }) => `${date}, not available`,\n      limitFrom: ({ date }: { date: string }) => `from ${date}`,\n      limitUntil: ({ date }: { date: string }) => `until ${date}`,\n      start: \"Start\",\n      end: \"End\",\n      startOf: ({ label }: { label: string }) => `${label}: start`,\n      endOf: ({ label }: { label: string }) => `${label}: end`,\n      startMissing: \"start missing\",\n      endMissing: \"end missing\",\n      noDate: \"No date\",\n    },\n    de: {\n      dayLetters: \"TT\",\n      monthLetters: \"MM\",\n      yearLetters: \"JJJJ\",\n      openCalendar: \"Kalender öffnen\",\n      closeCalendar: \"Kalender schließen\",\n      notADate: ({ example }) => `Kein Datum. Beispiel: ${example}, mi oder +14`,\n      notYet: \"Noch kein Datum\",\n      ambiguous: \"Mehrdeutig. Bitte weiter tippen.\",\n      incompleteYear: ({ year }) => `Jahr unvollständig, z. B. ${year}.`,\n      unknownUnit: \"Einheit unbekannt. Möglich: t, w, m, j\",\n      noSuchMonth: ({ month }) => `Einen ${month}. Monat gibt es nicht.`,\n      shortMonth: ({ month, days }) => `Der ${month} hat nur ${days} Tage.`,\n      earliest: ({ date }) => `Frühestens am ${date}.`,\n      latest: ({ date }) => `Spätestens am ${date}.`,\n      outsideRange: \"Außerhalb der erlaubten Daten\",\n      required: \"Bitte ein Datum eingeben.\",\n      endBeforeStart: \"Das Ende liegt vor dem Start.\",\n      missingEnd: \"Bitte auch ein Ende eingeben.\",\n      missingStart: \"Bitte auch einen Start eingeben.\",\n      nextWeekday: ({ weekday }) => `nächster ${weekday}`,\n      nextWeek: \"nächste Woche\",\n      notSelectable: ({ date }) => `${date}, nicht wählbar`,\n      limitFrom: ({ date }) => `ab ${date}`,\n      limitUntil: ({ date }) => `bis ${date}`,\n      start: \"Start\",\n      end: \"Ende\",\n      startOf: ({ label }) => `${label}: Start`,\n      endOf: ({ label }) => `${label}: Ende`,\n      startMissing: \"Start fehlt\",\n      endMissing: \"Ende fehlt\",\n      noDate: \"Kein Datum\",\n    },\n  },\n});\n\nexport type DateInputMessages = ReturnType<(typeof dateInputMessages)[\"resolve\"]>[\"t\"];\n\n/** Resolved from the date locale, so the words join the dates they describe in one language. */\nexport const resolveDateInputMessages = (locale?: string): DateInputMessages => dateInputMessages.resolve([locale ?? \"en\"]).t;\n\nexport const checkDateInputMessages = () => dateInputMessages.check();\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/date-input-status.js

@@ -0,0 +1,132 @@
+import { addDaysToKey, daysBetweenKeys, formatDateInput } from "./date-input";
+
+/**
+ * The line under a typed date field. It always says which day is meant: grey at rest (weekday and distance), blue
+ * while typing (the absolute date that a commit would save), red after a commit that failed.
+ */
+
+const noon = key => Date.parse(`${key}T12:00:00.000Z`);
+// A known Monday; weekday indexes count from Monday (0).
+const MONDAY = "2026-11-02";
+
+/** "Mi., 4. Nov. 2026" / "Wed, Nov 4, 2026": the absolute date of a draft. */
+export const formatDateLong = (key, locale) => new Intl.DateTimeFormat(locale, {
+  weekday: "short",
+  day: "numeric",
+  month: "short",
+  year: "numeric",
+  timeZone: "UTC"
+}).format(noon(key));
+const weekdayName = (weekday, locale) => new Intl.DateTimeFormat(locale, {
+  weekday: "long",
+  timeZone: "UTC"
+}).format(noon(addDaysToKey(MONDAY, weekday)));
+const relativeDay = (days, locale) => new Intl.RelativeTimeFormat(locale, {
+  numeric: "auto"
+}).format(days, "day");
+
+/** "Mittwoch, in 9 Tagen": the saved date at rest. */
+export const restStatusText = (key, today, locale) => `${new Intl.DateTimeFormat(locale, {
+  weekday: "long",
+  timeZone: "UTC"
+}).format(noon(key))}, ${relativeDay(daysBetweenKeys(today, key), locale)}`;
+const anchorText = (anchor, locale) => {
+  if (anchor.kind === "today") return relativeDay(0, locale);
+  if (anchor.kind === "day") return relativeDay(anchor.offset, locale);
+  if (anchor.kind === "weekday") return weekdayName(anchor.weekday, locale);
+  return formatDateInput(anchor.date, locale);
+};
+
+/** What a word or offset meant: "morgen", "nächster Mittwoch", "gestern + 34 Tage". */
+export const noteText = (note, locale, t) => {
+  if (note.kind === "day") return relativeDay(note.offset, locale);
+  if (note.kind === "weekday") return note.nextWeek ? t.nextWeek : t.nextWeekday({
+    weekday: weekdayName(note.weekday, locale)
+  });
+  const amount = new Intl.NumberFormat(locale, {
+    style: "unit",
+    unit: note.unit,
+    unitDisplay: "long"
+  }).format(Math.abs(note.amount));
+  return `${anchorText(note.anchor, locale)} ${note.amount < 0 ? "−" : "+"} ${amount}`;
+};
+
+/** The draft line: "→ Mi., 4. Nov. 2026 · nächster Mittwoch". */
+export const draftStatusText = (key, note, locale, t) => `→ ${formatDateLong(key, locale)}${note ? ` · ${noteText(note, locale, t)}` : ""}`;
+
+/** The reason a text is not a date, short enough for one line. */
+export const errorText = (error, locale, t, today) => {
+  if (error.code === "day") {
+    const month = new Intl.DateTimeFormat(locale, {
+      month: "long",
+      year: "numeric",
+      timeZone: "UTC"
+    }).format(Date.UTC(error.year, error.month - 1, 15, 12));
+    return t.shortMonth({
+      month,
+      days: error.days
+    });
+  }
+  if (error.code === "month") return t.noSuchMonth({
+    month: error.month
+  });
+  if (error.code === "year") return t.incompleteYear({
+    year: today.slice(0, 4)
+  });
+  if (error.code === "unit") return t.unknownUnit;
+  if (error.code === "ambiguous") return t.ambiguous;
+  const example = new Intl.DateTimeFormat(locale, {
+    day: "2-digit",
+    month: "2-digit",
+    timeZone: "UTC"
+  }).format(Date.UTC(2026, 10, 11, 12));
+  return t.notADate({
+    example
+  });
+};
+
+/** A date outside `min`/`max` (date keys) is refused with the nearest allowed day. */
+export const limitErrorText = (key, limits, locale, t) => {
+  if (limits.min && key < limits.min) return t.earliest({
+    date: formatDateInput(limits.min, locale)
+  });
+  if (limits.max && key > limits.max) return t.latest({
+    date: formatDateInput(limits.max, locale)
+  });
+  return undefined;
+};
+
+/** While typing nothing is red yet: an unfinished entry says so calmly, a definite mistake already names the reason. */
+export const typingStatusText = (error, locale, t, today) => {
+  if (error.code === "incomplete") return "…";
+  if (error.code === "not-a-date") return t.notYet;
+  return errorText(error, locale, t, today);
+};
+
+/** "Mittwoch, 4. November 2026, nächster Mittwoch": what the live region reads after typing pauses. */
+export const spokenDateText = (key, note, locale, t) => {
+  const date = new Intl.DateTimeFormat(locale, {
+    weekday: "long",
+    day: "numeric",
+    month: "long",
+    year: "numeric",
+    timeZone: "UTC"
+  }).format(noon(key));
+  return note ? `${date}, ${noteText(note, locale, t)}` : date;
+};
+
+/** "Mi., 11. Nov. 2026 – Sa., 14. Nov. 2026 · 4 Tage", or one end with what is missing. */
+export const rangeStatusText = (range, locale, t) => {
+  if (range.start && range.end) {
+    const days = new Intl.NumberFormat(locale, {
+      style: "unit",
+      unit: "day",
+      unitDisplay: "long"
+    }).format(Math.abs(daysBetweenKeys(range.start, range.end)) + 1);
+    return `${formatDateLong(range.start, locale)} – ${formatDateLong(range.end, locale)} · ${days}`;
+  }
+  if (range.start) return `${formatDateLong(range.start, locale)} · ${t.endMissing}`;
+  if (range.end) return `${formatDateLong(range.end, locale)} · ${t.startMissing}`;
+  return "";
+};
+//# sourceMappingURL=date-input-status.js.map

package/dist/browser/inputs/date-input-status.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["inputs/date-input-status.ts"],"sourcesContent":["import {\n  addDaysToKey,\n  type DateInputAnchor,\n  type DateInputError,\n  type DateInputNote,\n  daysBetweenKeys,\n  formatDateInput,\n} from \"./date-input\";\nimport type { DateInputMessages } from \"./date-input-messages\";\n\n/**\n * The line under a typed date field. It always says which day is meant: grey at rest (weekday and distance), blue\n * while typing (the absolute date that a commit would save), red after a commit that failed.\n */\nexport type DateStatusTone = \"rest\" | \"draft\" | \"error\";\nexport type DateStatus = { tone: DateStatusTone; text: string };\n\nconst noon = (key: string): number => Date.parse(`${key}T12:00:00.000Z`);\n// A known Monday; weekday indexes count from Monday (0).\nconst MONDAY = \"2026-11-02\";\n\n/** \"Mi., 4. Nov. 2026\" / \"Wed, Nov 4, 2026\": the absolute date of a draft. */\nexport const formatDateLong = (key: string, locale?: string): string =>\n  new Intl.DateTimeFormat(locale, { weekday: \"short\", day: \"numeric\", month: \"short\", year: \"numeric\", timeZone: \"UTC\" }).format(noon(key));\n\nconst weekdayName = (weekday: number, locale?: string): string =>\n  new Intl.DateTimeFormat(locale, { weekday: \"long\", timeZone: \"UTC\" }).format(noon(addDaysToKey(MONDAY, weekday)));\n\nconst relativeDay = (days: number, locale?: string): string => new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" }).format(days, \"day\");\n\n/** \"Mittwoch, in 9 Tagen\": the saved date at rest. */\nexport const restStatusText = (key: string, today: string, locale?: string): string =>\n  `${new Intl.DateTimeFormat(locale, { weekday: \"long\", timeZone: \"UTC\" }).format(noon(key))}, ${relativeDay(daysBetweenKeys(today, key), locale)}`;\n\nconst anchorText = (anchor: DateInputAnchor, locale?: string): string => {\n  if (anchor.kind === \"today\") return relativeDay(0, locale);\n  if (anchor.kind === \"day\") return relativeDay(anchor.offset, locale);\n  if (anchor.kind === \"weekday\") return weekdayName(anchor.weekday, locale);\n  return formatDateInput(anchor.date, locale);\n};\n\n/** What a word or offset meant: \"morgen\", \"nächster Mittwoch\", \"gestern + 34 Tage\". */\nexport const noteText = (note: DateInputNote, locale: string | undefined, t: DateInputMessages): string => {\n  if (note.kind === \"day\") return relativeDay(note.offset, locale);\n  if (note.kind === \"weekday\") return note.nextWeek ? t.nextWeek : t.nextWeekday({ weekday: weekdayName(note.weekday, locale) });\n  const amount = new Intl.NumberFormat(locale, { style: \"unit\", unit: note.unit, unitDisplay: \"long\" }).format(Math.abs(note.amount));\n  return `${anchorText(note.anchor, locale)} ${note.amount < 0 ? \"−\" : \"+\"} ${amount}`;\n};\n\n/** The draft line: \"→ Mi., 4. Nov. 2026 · nächster Mittwoch\". */\nexport const draftStatusText = (key: string, note: DateInputNote | undefined, locale: string | undefined, t: DateInputMessages): string =>\n  `→ ${formatDateLong(key, locale)}${note ? ` · ${noteText(note, locale, t)}` : \"\"}`;\n\n/** The reason a text is not a date, short enough for one line. */\nexport const errorText = (error: DateInputError, locale: string | undefined, t: DateInputMessages, today: string): string => {\n  if (error.code === \"day\") {\n    const month = new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\", timeZone: \"UTC\" }).format(\n      Date.UTC(error.year, error.month - 1, 15, 12),\n    );\n    return t.shortMonth({ month, days: error.days });\n  }\n  if (error.code === \"month\") return t.noSuchMonth({ month: error.month });\n  if (error.code === \"year\") return t.incompleteYear({ year: today.slice(0, 4) });\n  if (error.code === \"unit\") return t.unknownUnit;\n  if (error.code === \"ambiguous\") return t.ambiguous;\n  const example = new Intl.DateTimeFormat(locale, { day: \"2-digit\", month: \"2-digit\", timeZone: \"UTC\" }).format(Date.UTC(2026, 10, 11, 12));\n  return t.notADate({ example });\n};\n\n/** A date outside `min`/`max` (date keys) is refused with the nearest allowed day. */\nexport const limitErrorText = (\n  key: string,\n  limits: { min?: string; max?: string },\n  locale: string | undefined,\n  t: DateInputMessages,\n): string | undefined => {\n  if (limits.min && key < limits.min) return t.earliest({ date: formatDateInput(limits.min, locale) });\n  if (limits.max && key > limits.max) return t.latest({ date: formatDateInput(limits.max, locale) });\n  return undefined;\n};\n\n/** While typing nothing is red yet: an unfinished entry says so calmly, a definite mistake already names the reason. */\nexport const typingStatusText = (error: DateInputError, locale: string | undefined, t: DateInputMessages, today: string): string => {\n  if (error.code === \"incomplete\") return \"…\";\n  if (error.code === \"not-a-date\") return t.notYet;\n  return errorText(error, locale, t, today);\n};\n\n/** \"Mittwoch, 4. November 2026, nächster Mittwoch\": what the live region reads after typing pauses. */\nexport const spokenDateText = (key: string, note: DateInputNote | undefined, locale: string | undefined, t: DateInputMessages): string => {\n  const date = new Intl.DateTimeFormat(locale, { weekday: \"long\", day: \"numeric\", month: \"long\", year: \"numeric\", timeZone: \"UTC\" }).format(\n    noon(key),\n  );\n  return note ? `${date}, ${noteText(note, locale, t)}` : date;\n};\n\n/** \"Mi., 11. Nov. 2026 – Sa., 14. Nov. 2026 · 4 Tage\", or one end with what is missing. */\nexport const rangeStatusText = (\n  range: { start: string | null; end: string | null },\n  locale: string | undefined,\n  t: DateInputMessages,\n): string => {\n  if (range.start && range.end) {\n    const days = new Intl.NumberFormat(locale, { style: \"unit\", unit: \"day\", unitDisplay: \"long\" }).format(\n      Math.abs(daysBetweenKeys(range.start, range.end)) + 1,\n    );\n    return `${formatDateLong(range.start, locale)} – ${formatDateLong(range.end, locale)} · ${days}`;\n  }\n  if (range.start) return `${formatDateLong(range.start, locale)} · ${t.endMissing}`;\n  if (range.end) return `${formatDateLong(range.end, locale)} · ${t.startMissing}`;\n  return \"\";\n};\n"],"mappings":"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","ignoreList":[]}