@k2b/ui 0.27.0 → 0.29.0

package/dist/ssr/chat/reaction-people.js

@@ -0,0 +1,15 @@
+import { chatMessages } from "./chat-messages";
+export const reactionPeople = (input, locale = "en") => {
+  const messages = chatMessages.resolve([locale]).t;
+  const people = input.own ? [messages.reactionYou, ...input.names] : [...input.names];
+  const total = Math.max(input.count, people.length);
+  if (total <= 3 && people.length === total) {
+    if (people.length < 2) return people.join("");
+    return `${people.slice(0, -1).join(", ")} ${messages.reactionAnd} ${people.at(-1)}`;
+  }
+  const shown = people.slice(0, 2);
+  return [...(shown.length ? [shown.join(", ")] : []), messages.reactionMorePeople({
+    count: total - shown.length
+  })].join(" ");
+};
+//# sourceMappingURL=reaction-people.js.map

package/dist/ssr/chat/reaction-people.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["chat/reaction-people.ts"],"sourcesContent":["import { chatMessages } from \"./chat-messages\";\n\nexport type ReactionPeopleInput = {\n  /** Display names of the others who reacted, in the order they reacted; without the reader. */\n  names: readonly string[];\n  /** The reader reacted too; they come first as \"You\". */\n  own?: boolean;\n  /** How many reacted in total, the reader included. May exceed the names given. */\n  count: number;\n};\n\nexport const reactionPeople = (input: ReactionPeopleInput, locale = \"en\"): string => {\n  const messages = chatMessages.resolve([locale]).t;\n  const people = input.own ? [messages.reactionYou, ...input.names] : [...input.names];\n  const total = Math.max(input.count, people.length);\n  if (total <= 3 && people.length === total) {\n    if (people.length < 2) return people.join(\"\");\n    return `${people.slice(0, -1).join(\", \")} ${messages.reactionAnd} ${people.at(-1)}`;\n  }\n  const shown = people.slice(0, 2);\n  return [...(shown.length ? [shown.join(\", \")] : []), messages.reactionMorePeople({ count: total - shown.length })].join(\" \");\n};\n"],"mappings":"AAAA,SAAS,YAAY,QAAQ,iBAAiB;AAW9C,OAAO,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,MAAM,GAAG,IAAI,KAAa;EACnF,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;EACjD,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC;EACpF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC;EAClD,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,KAAK,EAAE;IACzC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;IAC7C,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,WAAW,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;EACrF;EACA,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;EAChC,OAAO,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAAE,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC;EAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9H,CAAC","ignoreList":[]}

package/dist/ssr/chat/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["chat/types.ts"],"sourcesContent":["import type { EmojiSkinTone } from \"../inputs/emoji/emoji-index\";\n\nexport type ChatRole = \"user\" | \"assistant\" | \"system\" | \"tool\";\n\nexport type ChatMessageStatus = \"pending\" | \"streaming\" | \"complete\" | \"error\";\n\nexport type ChatActivityTone = \"neutral\" | \"ai\" | \"success\" | \"danger\";\n\ntype ChatActionBase = {\n  id: string;\n  label: string;\n  icon?: string;\n  variant?: \"danger\";\n  disabled?: boolean;\n  /** Toggle state for persistent message actions such as feedback. */\n  pressed?: boolean;\n  /** Semantic foreground for selected feedback actions, without a persistent background. */\n  pressedTone?: \"success\" | \"danger\";\n};\n\n/** Exactly one executable behavior for every chat action. */\nexport type ChatAction = ChatActionBase &\n  ({ onSelect: () => void | Promise<void>; copyText?: never } | { copyText: string; onSelect?: never });\n\nexport type ChatAttachment = {\n  id: string;\n  name: string;\n  size?: number;\n  kind?: \"file\" | \"image\" | \"resource\";\n  icon?: string;\n  previewUrl?: string;\n  alt?: string;\n  /** Optional destination represented by this attachment. */\n  href?: string;\n  /** Opaque application-owned payload returned unchanged with ChatSubmitInput. */\n  data?: unknown;\n  /** Optional application-owned action presented below the attachment label. */\n  action?: ChatAction;\n};\n\nexport type ChatUsage = {\n  input?: number;\n  output?: number;\n  total?: number;\n};\n\nexport type ChatContextUsageData = {\n  usage?: ChatUsage | null;\n  loopUsage?: ChatUsage | null;\n  contextWindow?: number;\n  modelLabel?: string;\n};\n\nexport type ChatModelOption = {\n  id: string;\n  label: string;\n  description?: string;\n  image?: string;\n  icon?: string;\n  capabilities?: readonly string[];\n};\n\nexport type ChatComposerState = \"idle\" | \"submitting\" | \"running\" | \"stopping\";\n\nexport type ChatSubmitIntent = \"send\" | \"steer\" | \"queue\";\n\nexport type ChatSubmitInput = {\n  intent: ChatSubmitIntent;\n  text: string;\n  attachments: readonly ChatAttachment[];\n  mentions?: readonly ChatMention[];\n};\n\n/** Ranges use UTF-16 offsets into the untrimmed composer text. Payloads stay application-owned. */\nexport type ChatMention = { start: number; end: number; attachment: ChatAttachment };\n\n/**\n * Live dictation as the caller runs it: `listening` while speech arrives, `refining` after the stop until the refined\n * text replaced it, `refined` afterwards, `unrefined` when the raw text stays, and `interrupted` when the connection\n * ended early and the text so far stays.\n */\nexport type ChatDictationState = \"listening\" | \"refining\" | \"refined\" | \"unrefined\" | \"interrupted\";\n\n/** The composer's microphone. Dictation comes first; a voice message is the deliberate second action. */\nexport type ChatComposerMicrophone = {\n  /** A tap starts or stops live dictation. Without it, a tap opens the microphone menu. */\n  onDictate?: () => void;\n  /** Holding the microphone, or \"Record voice message\" in its menu. Omit it where recording is not available. */\n  onVoiceMessage?: () => void;\n  /** The dictation state, shown on the microphone and in the hint line. */\n  dictation?: ChatDictationState | null;\n  /** Offered as \"Restore original\" while `dictation` is `refined`. */\n  onRestoreOriginal?: () => void;\n  disabled?: boolean;\n};\n\n/**\n * The composer's emoji button and `:shortcode` completion. Typing a colon and two letters suggests emoji by their\n * English or German name or GitHub shortcode; a complete `:thumbsup:` becomes 👍 when its closing colon is typed.\n */\nexport type ChatComposerEmoji = {\n  /** Opens the emoji choice next to `anchor`, usually `EmojiPicker.Popover`; `insert` puts the chosen text at the caret. */\n  onOpen: (context: { anchor: HTMLElement; insert: (text: string) => void }) => void;\n  /** The skin tone of completed emoji that have one, as in the picker. */\n  skinTone?: EmojiSkinTone;\n  /** Called with each emoji the completion inserted, for example to remember it with `rememberEmoji`. */\n  onPick?: (emoji: string) => void;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["chat/types.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { EmojiSkinTone } from \"../inputs/emoji/emoji-index\";\n\nexport type ChatRole = \"user\" | \"assistant\" | \"system\" | \"tool\";\n\nexport type ChatMessageStatus = \"pending\" | \"streaming\" | \"complete\" | \"error\";\n\n/** `warning` marks a partial result or an outcome that is not yet known. */\nexport type ChatActivityTone = \"neutral\" | \"ai\" | \"success\" | \"warning\" | \"danger\";\n\n/** `open` asks; `sending` while the answer is on its way; `decided` once answered; `expired` when it ran out. */\nexport type ChatDecisionState = \"open\" | \"sending\" | \"decided\" | \"expired\";\n\n/** One answer of a question. Set the question's state in `onSelect` before awaiting anything, so it collapses at once. */\nexport type ChatDecisionAnswer = {\n  label: string;\n  /** Icon class, for example `ti ti-send`. */\n  icon?: string;\n  onSelect: () => void | Promise<void>;\n};\n\n/** Why a question is asked, or why its main answer is off. */\nexport type ChatDecisionReason = {\n  text: JSX.Element;\n  /** Icon class; the text after it starts 1.5rem from the edge. */\n  icon?: string;\n  /** `danger` for deletions, `warning` for outside content and limits. */\n  tone?: \"neutral\" | \"danger\" | \"warning\";\n};\n\nexport type ChatOutcomeTone = \"running\" | \"done\" | \"off\" | \"waiting\" | \"warning\" | \"error\";\n\n/** One text of an outcome flow. */\nexport type ChatOutcomeLine = {\n  tone: ChatOutcomeTone;\n  /** What happened, as one sentence, usually with `ReferenceChip`s. */\n  text: JSX.Element;\n  /** A quiet second sentence, such as \"You declined.\" */\n  detail?: JSX.Element;\n  /** A formatted time after the text. */\n  time?: string;\n  /** Replaces the tone's icon, for example `ti ti-clock-x` for an expired question. */\n  icon?: string;\n  /** One text link after the line, such as \"Ask again\". */\n  action?: { label: string; onSelect: () => void | Promise<void> };\n  /** Small buttons under the line. Shown while this line is current; otherwise hidden but still reserving their row. */\n  actions?: JSX.Element;\n};\n\n/** A person in a preview header: the name in the text colour, then the address the message really uses. */\nexport type ChatPreviewPerson = { name?: string; address?: string };\n\n/** One header row, such as \"To Lea Berg lea.berg@example.com\". */\nexport type ChatPreviewHeaderRow = {\n  label: string;\n  people?: readonly ChatPreviewPerson[];\n  /** Further content after the people, such as \"and 2 more\". */\n  value?: JSX.Element;\n  /** Draws the label stronger, for recipients others cannot see. */\n  emphasis?: boolean;\n};\n\ntype ChatActionBase = {\n  id: string;\n  label: string;\n  icon?: string;\n  variant?: \"danger\";\n  disabled?: boolean;\n  /** Toggle state for persistent message actions such as feedback. */\n  pressed?: boolean;\n  /** Semantic foreground for selected feedback actions, without a persistent background. */\n  pressedTone?: \"success\" | \"danger\";\n};\n\n/** Exactly one executable behavior for every chat action. */\nexport type ChatAction = ChatActionBase &\n  ({ onSelect: () => void | Promise<void>; copyText?: never } | { copyText: string; onSelect?: never });\n\nexport type ChatAttachment = {\n  id: string;\n  name: string;\n  size?: number;\n  kind?: \"file\" | \"image\" | \"resource\";\n  icon?: string;\n  previewUrl?: string;\n  alt?: string;\n  /** Optional destination represented by this attachment. */\n  href?: string;\n  /** Opaque application-owned payload returned unchanged with ChatSubmitInput. */\n  data?: unknown;\n  /** Optional application-owned action presented below the attachment label. */\n  action?: ChatAction;\n};\n\nexport type ChatUsage = {\n  input?: number;\n  output?: number;\n  total?: number;\n};\n\nexport type ChatContextUsageData = {\n  usage?: ChatUsage | null;\n  loopUsage?: ChatUsage | null;\n  contextWindow?: number;\n  modelLabel?: string;\n};\n\nexport type ChatModelOption = {\n  id: string;\n  label: string;\n  description?: string;\n  image?: string;\n  icon?: string;\n  capabilities?: readonly string[];\n};\n\nexport type ChatComposerState = \"idle\" | \"submitting\" | \"running\" | \"stopping\";\n\nexport type ChatSubmitIntent = \"send\" | \"steer\" | \"queue\";\n\nexport type ChatSubmitInput = {\n  intent: ChatSubmitIntent;\n  text: string;\n  attachments: readonly ChatAttachment[];\n  mentions?: readonly ChatMention[];\n};\n\n/** Ranges use UTF-16 offsets into the untrimmed composer text. Payloads stay application-owned. */\nexport type ChatMention = { start: number; end: number; attachment: ChatAttachment };\n\n/**\n * Live dictation as the caller runs it: `listening` while speech arrives, `refining` after the stop until the refined\n * text replaced it, `refined` afterwards, `unrefined` when the raw text stays, and `interrupted` when the connection\n * ended early and the text so far stays.\n */\nexport type ChatDictationState = \"listening\" | \"refining\" | \"refined\" | \"unrefined\" | \"interrupted\";\n\n/** The composer's microphone. Dictation comes first; a voice message is the deliberate second action. */\nexport type ChatComposerMicrophone = {\n  /** A tap starts or stops live dictation. Without it, a tap opens the microphone menu. */\n  onDictate?: () => void;\n  /** Holding the microphone, or \"Record voice message\" in its menu. Omit it where recording is not available. */\n  onVoiceMessage?: () => void;\n  /** The dictation state, shown on the microphone and in the hint line. */\n  dictation?: ChatDictationState | null;\n  /** Offered as \"Restore original\" while `dictation` is `refined`. */\n  onRestoreOriginal?: () => void;\n  disabled?: boolean;\n};\n\n/**\n * The composer's emoji button and `:shortcode` completion. Typing a colon and two letters suggests emoji by their\n * English or German name or GitHub shortcode; a complete `:thumbsup:` becomes 👍 when its closing colon is typed.\n */\nexport type ChatComposerEmoji = {\n  /** Opens the emoji choice next to `anchor`, usually `EmojiPicker.Popover`; `insert` puts the chosen text at the caret. */\n  onOpen: (context: { anchor: HTMLElement; insert: (text: string) => void }) => void;\n  /** The skin tone of completed emoji that have one, as in the picker. */\n  skinTone?: EmojiSkinTone;\n  /** Called with each emoji the completion inserted, for example to remember it with `rememberEmoji`. */\n  onPick?: (emoji: string) => void;\n};\n"],"mappings":"","ignoreList":[]}

package/dist/ssr/content/Calendar.js

@@ -84,7 +84,7 @@ import { layoutCalendarIntervals } from "./calendar-event-layout";
 import { useCalendarMessages } from "./calendar-messages";
 import { fitMonthWeek, layoutMonthWeek, monthLaneCapacity } from "./calendar-month-layout";
 import { MONTH_ROW_BLOCK, MONTH_ROWS_IN_VIEW, monthFocusRow, monthOfWeek, monthRenderWindow, monthRevealTop, monthRowOf, monthTodayDirection, monthVisibleRows, monthWeekKeys } from "./calendar-month-scroll";
-import { calendarDayIndexAtPoint, calendarMinuteAtPoint, startCalendarPointerSession } from "./calendar-pointer";
+import { afterPointerRelease, calendarDayIndexAtPoint, calendarMinuteAtPoint, startCalendarPointerSession } from "./calendar-pointer";
 import { EventChip, eventHref, followCalendarHref, formatTime, ownerDateConfig, parseDate, placeCalendarPopover, textWidth, validDate } from "./calendar-shared";
 import { compactGermanDate } from "./calendar-time-view";
 
@@ -1912,9 +1912,9 @@ const MonthView = props => {
         select(key, current);
         focusCell(current);
         const range = orderedSelection(key, current);
-        openCreate(range, {
+        afterPointerRelease(() => openCreate(range, {
           active: range.first !== range.last
-        });
+        }));
       },
       onCancel: () => select(key)
     });