@k2b/ui 0.47.0 → 0.48.0

package/dist/types/chat/chat-messages.d.ts

@@ -134,6 +134,9 @@ export declare const chatMessages: import("@k2b/stdlib").Catalog<{
     openInNewTab: ({ name }: {
         name: string;
     }) => string;
+    uploading: ({ name }: {
+        name: string;
+    }) => string;
     retryOlderMessages: string;
     sendMessage: string;
     startConversation: string;

package/dist/types/chat/types.d.ts

@@ -88,6 +88,11 @@ export type ChatAttachment = {
     data?: unknown;
     /** Optional application-owned action presented below the attachment label. */
     action?: ChatAction;
+    /**
+     * Upload progress in percent while the attachment uploads, such as a draft that saves its files before sending. The
+     * line below the label shows a ring and the percentage instead of `action`.
+     */
+    progress?: number;
 };
 export type ChatUsage = {
     input?: number;

package/dist/types/content/Calendar.d.ts

@@ -13,12 +13,23 @@ export type CalendarEvent = {
     color?: CalendarEventColor;
     colorHex?: string;
     href?: string;
-    dataSpaceItemId?: string;
+    /**
+     * Host data for the entry's element: each key becomes a `data-*` attribute, `spaceItemId` as `data-space-item-id`.
+     * Keys must be camelCase letters and digits; keys that start with `calendar` belong to the calendar and are left out.
+     */
+    data?: Record<string, string>;
+    /** A Tabler icon class such as `"ti ti-truck"`, drawn before the title in the color of the entry's edge. */
+    icon?: string;
+    /**
+     * Links that belong to the entry, such as an order or a video room. They show in the entry's detail, and week, day,
+     * and the day list show how many there are; an entry never nests them, since it is a link or button itself.
+     */
+    links?: CalendarEventLink[];
     meta?: string;
     description?: string;
     /**
-     * `marker` draws a point in time, such as a deadline, as a colored marker
-     * beside its title instead of a filled band.
+     * `marker` draws a point in time, such as a deadline, with a dashed edge in
+     * its color instead of a filled band.
      */
     display?: "event" | "background" | "marker";
     /**
@@ -27,20 +38,33 @@ export type CalendarEvent = {
      */
     accessibleDetail?: string;
     /**
-     * Day and week views with `dayHours`: the state of the entry's checkbox, such as a to-do's. Leave it out for entries
-     * without one. With `onEventCheck` the reader can change it.
+     * The state of a to-do or deadline, such as a task's. Leave it out for entries without one. `true` strikes the title
+     * through in every view; `false` turns the entry red once it lies in the past. The day and week views with
+     * `dayHours` draw a checkbox, and with `onEventCheck` the reader can change it.
      */
     checked?: boolean;
     location?: string;
     calendarName?: string;
+    /**
+     * The people of the entry. Week and day show up to three faces and then "+n", the day list one, and the compact
+     * month none; the detail lists them all. Without `src` a face shows initials.
+     */
     attendees?: CalendarAttendee[];
     resources?: CalendarResource[];
     recurrence?: CalendarRecurrence;
 };
 export type CalendarAttendee = {
     name: string;
+    /** A picture of the person; without it the face shows initials. */
+    src?: string;
     status?: "accepted" | "declined" | "tentative" | "needs-action";
 };
+export type CalendarEventLink = {
+    label: string;
+    href: string;
+    /** A Tabler icon class before the label; a link icon by default. */
+    icon?: string;
+};
 export type CalendarResource = {
     name: string;
     kind?: "room" | "equipment" | "link" | "other";

package/dist/types/content/calendar-event-detail.d.ts

@@ -0,0 +1,21 @@
+import type { JSX } from "solid-js";
+import type { CalendarEvent } from "./Calendar";
+import { type CalendarOwner } from "./calendar-shared";
+/** The entry the calendar's own detail shows, and the element that opened it, where the focus returns. */
+export type CalendarDetailState = {
+    event: CalendarEvent & {
+        sourceStartDate?: Date;
+        sourceEndDate?: Date;
+    };
+    anchor: HTMLElement;
+};
+/**
+ * The calendar's own detail of an entry, for hosts without `onEventActivate`: its time, place, people, and links, and
+ * "Open" for its `href`. It lies beside the entry, and on a phone it rises from the bottom. Escape and a click outside
+ * close it, and the focus goes back to the entry.
+ */
+export declare const CalendarEventDetail: (props: {
+    owner: CalendarOwner;
+    state: CalendarDetailState | null;
+    onClose: () => void;
+}) => JSX.Element;

package/dist/types/content/calendar-messages.d.ts

@@ -151,6 +151,22 @@ declare const calendarMessages: import("@k2b/stdlib").Catalog<{
     calendarGoToHint: string;
     calendarGoToUnknown: string;
     calendarGoToGo: string;
+    calendarStateDone: string;
+    calendarStateOverdue: string;
+    calendarOverdue: string;
+    calendarDoneState: string;
+    calendarPeopleCount: ({ count }: {
+        count: number;
+    }) => string;
+    calendarLinkCount: ({ count }: {
+        count: number;
+    }) => string;
+    calendarPeople: string;
+    calendarLinks: string;
+    calendarOpenEvent: string;
+    calendarEventDetail: ({ title }: {
+        title: string;
+    }) => string;
 }>;
 export type CalendarMessages = ReturnType<(typeof calendarMessages)["resolve"]>["t"];
 /** Resolved from the inherited render locale, like the rest of @k2b/ui. */

package/dist/types/content/calendar-shared.d.ts

@@ -16,7 +16,18 @@ export type CalendarStop = {
     minute: number;
 };
 /** What the built-in views read from the props: they only ever link to built-in views. */
-export type CalendarOwner = Omit<CalendarProps, "view" | "customViews" | "children">;
+export type CalendarOwner = Omit<CalendarProps, "view" | "customViews" | "children"> & {
+    /** The calendar's clock, which ticks every minute; an open entry in the past is overdue. */
+    calendarNow?: () => Date;
+    /** Without `onEventActivate`: opens the calendar's own detail of an entry beside the element that opened it. */
+    openEventDetail?: (event: CalendarEvent, anchor: HTMLElement) => void;
+};
+export declare const eventDataAttributes: (data: CalendarEvent["data"]) => Record<string, string>;
+/** An open to-do or deadline whose time has passed. */
+export declare const isOverdue: (event: CalendarEvent & {
+    sourceStartDate?: Date;
+    sourceEndDate?: Date;
+}, now: Date | undefined) => boolean;
 export declare const ownerDateConfig: (owner: CalendarOwner) => DateContext;
 export declare const parseDate: (value: Date | string, context?: DateContext) => Date;
 export declare const validDate: (value: Date) => boolean;
@@ -64,6 +75,10 @@ export declare const EventChip: (props: {
     /** Day and week views: Space on the chip checks the box the calendar draws beside it, as on the box itself. */
     onCheck?: () => void;
     onMovePointerDown?: (event: PointerEvent, onActivate: () => void) => void;
+    /** How many faces of the attendees fit: up to three in a band, one in the day list, none by default. */
+    faces?: number;
+    /** Shows how many links the entry has, where there is room beside the title or time. */
+    linkCount?: boolean;
 }) => JSX.Element;
 /** The width of a text in a font, from a canvas, so a bar can tell whether its title leaves room for a date hint. */
 export declare const textWidth: (text: string, font: string) => number;

package/dist/types/content/calendar-time-view.d.ts

@@ -156,7 +156,7 @@ export declare const compactGermanDate: (text: string, locale: string | undefine
 export declare const shortDay: (view: TimeView, key: string, withMonth?: boolean) => string;
 /** A long day such as "Friday, October 9", with the year when it is not this year's. */
 export declare const longDay: (view: TimeView, key: string) => string;
-/** A to-do's checkbox: it draws its check, and the title beside it strikes through. */
+/** A to-do's check: a small ring in the entry's color before its title that fills when done; the title strikes through. */
 export declare const TimeCheck: (props: {
     view: TimeView;
     event: CalendarEvent;

package/dist/types/content/index.d.ts

@@ -1,4 +1,4 @@
-export type { CalendarAttendee, CalendarCommand, CalendarController, CalendarCustomView, CalendarDayBadge, CalendarEvent, CalendarEventColor, CalendarEventRenderContext, CalendarEventTimeChange, CalendarExternalDrag, CalendarLabels, CalendarProps, CalendarQuickCreateControls, CalendarRange, CalendarRecurrence, CalendarResource, CalendarSelectionControls, CalendarView, } from "./Calendar";
+export type { CalendarAttendee, CalendarCommand, CalendarController, CalendarCustomView, CalendarDayBadge, CalendarEvent, CalendarEventColor, CalendarEventLink, CalendarEventRenderContext, CalendarEventTimeChange, CalendarExternalDrag, CalendarLabels, CalendarProps, CalendarQuickCreateControls, CalendarRange, CalendarRecurrence, CalendarResource, CalendarSelectionControls, CalendarView, } from "./Calendar";
 export { default as Calendar } from "./Calendar";
 export type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from "./Chart";
 export { default as Chart } from "./Chart";

package/dist/types/inputs/dictation/dictation-messages.d.ts

@@ -31,6 +31,7 @@ export declare const dictationMessages: import("@k2b/stdlib").Catalog<{
     blockedBody: string;
     blockedStep1: string;
     blockedStep2: string;
+    blockedApp: string;
     retry: string;
     quotaTitle: string;
     quotaBody: ({ time }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",