zabi-components 8.0.0 → 9.0.0

package/dist/components/util/avatar.d.ts

@@ -0,0 +1,39 @@
+/** Types and pure helpers for `Avatar` and `AvatarGroup`. Kept out of the components so they can be tested without a DOM. */
+/** Diameter of the circle: 24, 32 and 48px. */
+export type AvatarSize = "sm" | "md" | "lg";
+import type { Snippet } from "svelte";
+/** One person in an `AvatarGroup`. */
+export interface AvatarPerson {
+    name: string;
+    /** Address of the picture. Without it, or when it fails to load, the initials show. */
+    src?: string;
+    /** The picture drawn in the circle, instead of `src` and the initials: an inline SVG. See `Avatar` `children`. */
+    picture?: Snippet;
+}
+/** Every built-in string of `AvatarGroup`. Pass a partial object to `strings` to translate. */
+export interface AvatarGroupStrings {
+    /**
+     * Accessible name of the "+3" at the end: how many people are not shown,
+     * and their names, for an app that wants to read them out.
+     */
+    more: (count: number, names: string[]) => string;
+}
+export declare const DEFAULT_AVATAR_GROUP_STRINGS: AvatarGroupStrings;
+/**
+ * The initials shown for `name`: the first letter of its first word and of
+ * its last, upper-cased for `locale`; one letter for a name of one word; `""`
+ * for a name with no words, which is drawn as an icon and never as "?".
+ */
+export declare function initialsOf(name: string | null | undefined, locale?: string): string;
+/**
+ * How an `AvatarGroup` of `total` people splits at `max`: how many are
+ * shown, and how many stand behind the "+N".
+ *
+ * `max` below 1 is 1. One person too many is shown and not counted: a "+1"
+ * takes the room of the person it hides.
+ */
+export declare function splitGroup(total: number, max: number): {
+    shown: number;
+    hidden: number;
+};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/util/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/util/avatar.ts"],"names":[],"mappings":"AAAA,6HAA6H;AAE7H,+CAA+C;AAC/C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,sCAAsC;AACtC,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kHAAkH;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,+FAA+F;AAC/F,MAAM,WAAW,kBAAkB;IAC/B;;;OAGG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CACpD;AAED,eAAO,MAAM,4BAA4B,EAAE,kBAE1C,CAAC;AAuBF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAMnF;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAIxF"}

package/dist/components/util/bottom-sheet.d.ts

@@ -0,0 +1,30 @@
+/** Public types and pure helpers for `BottomSheet`. */
+/** A height the sheet rests at: half the screen, or all of it below the status bar. */
+export type BottomSheetSnap = "half" | "full";
+/** What the user did to close the sheet. `swipe` is a drag or flick downwards. */
+export type BottomSheetCloseReason = "escape" | "backdrop" | "close-button" | "swipe";
+/** The snap points in use, lowest first, without repeats or unknown values. */
+export declare function normaliseSnapPoints(points: readonly BottomSheetSnap[] | undefined): BottomSheetSnap[];
+/**
+ * Where the grip's button takes the sheet: up a step, and from the top back
+ * down. Null when there is only one snap point, so nowhere to go.
+ */
+export declare function nextSnap(points: readonly BottomSheetSnap[], current: BottomSheetSnap): BottomSheetSnap | null;
+/**
+ * Where a released sheet settles. `heights` are the px heights of the snap
+ * points, lowest first; `height` is how much of the sheet shows at release.
+ * A flick goes one step in its direction from where the drag began; a slow
+ * release goes to whatever is nearest, with "closed" at height 0.
+ *
+ * Returns the index into `heights`, or -1 for closed.
+ */
+export declare function settleSnap(options: {
+    heights: readonly number[];
+    startIndex: number;
+    height: number;
+    /** px per ms, positive is down. */
+    velocity: number;
+    flick: number;
+    canClose: boolean;
+}): number;
+//# sourceMappingURL=bottom-sheet.d.ts.map

package/dist/components/util/bottom-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-sheet.d.ts","sourceRoot":"","sources":["../../../src/components/util/bottom-sheet.ts"],"names":[],"mappings":"AAAA,uDAAuD;AAEvD,uFAAuF;AACvF,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9C,kFAAkF;AAClF,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,CAAC;AAItF,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,GAAG,SAAS,GAAG,eAAe,EAAE,CAGrG;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CACpB,MAAM,EAAE,SAAS,eAAe,EAAE,EAClC,OAAO,EAAE,eAAe,GACzB,eAAe,GAAG,IAAI,CAIxB;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE;IAChC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACrB,GAAG,MAAM,CAgBT"}

package/dist/components/util/bottom-tab-bar.d.ts

@@ -0,0 +1,41 @@
+/** Public types and pure helpers for `BottomTabBar`. */
+import type { Component } from "svelte";
+/** An icon component, as `@lucide/svelte` icons are. */
+export type BottomTabBarIcon = Component<{
+    size?: number;
+    class?: string;
+    strokeWidth?: number;
+}>;
+/** One destination in the bar. */
+export interface BottomTabBarItem {
+    /** Where the tab goes. Also its identity: `active` is compared with it. */
+    href: string;
+    /** Shown under the icon. Keep it to one short word. */
+    label: string;
+    /** Rendered above the label, at 24px. Decorative: the label names the tab. */
+    icon: BottomTabBarIcon;
+    /**
+     * Drawn instead of `icon` on the active tab, typically the filled form.
+     * Left out, `icon` is drawn with a heavier stroke (2.5) when active.
+     */
+    activeIcon?: BottomTabBarIcon;
+    /** A count shown on the icon. Nothing is shown for 0 or when it is left out. */
+    badge?: number;
+}
+/**
+ * Whether `current` is the tab's page or a page under it. The same rule as
+ * `TopNavbar`: a prefix match on whole path segments, except that `/` and
+ * absolute URLs only match exactly.
+ */
+export declare function tabMatchesPath(href: string, current: string): boolean;
+/**
+ * The href of the one active tab, or undefined when none matches. When
+ * several match (`/quiz` and `/quiz/live` on `/quiz/live/3`), the most
+ * specific wins, so there is never more than one current page.
+ */
+export declare function activeTabHref(items: readonly BottomTabBarItem[], current: string | undefined): string | undefined;
+/** How a badge is read out after the tab's label: "Notifications, 3 new". */
+export declare function defaultBadgeLabel(count: number): string;
+/** The number as shown on the badge: `99+` above the cap. */
+export declare function badgeText(count: number, max: number): string;
+//# sourceMappingURL=bottom-tab-bar.d.ts.map

package/dist/components/util/bottom-tab-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bottom-tab-bar.d.ts","sourceRoot":"","sources":["../../../src/components/util/bottom-tab-bar.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElG,kCAAkC;AAClC,MAAM,WAAW,gBAAgB;IAC7B,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAQD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,CAUrE;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,KAAK,EAAE,SAAS,gBAAgB,EAAE,EAClC,OAAO,EAAE,MAAM,GAAG,SAAS,GAC5B,MAAM,GAAG,SAAS,CASpB;AAED,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAE5D"}

package/dist/components/util/calendar.d.ts

@@ -0,0 +1,56 @@
+/** Public types and pure helpers for `Calendar`. */
+/** The colour of an event's dot. `default` is the primary action colour. */
+export type CalendarTone = "default" | "success" | "warning" | "danger" | "accent";
+/** Something that happens on a day. */
+export interface CalendarEvent {
+    /** The day, as `YYYY-MM-DD`. */
+    date: string;
+    /** What it is. Not shown in the grid; read out with the day. */
+    label: string;
+    tone?: CalendarTone;
+}
+/** The words the calendar says. Replace any of them to translate. */
+export interface CalendarStrings {
+    /** Accessible name of the button that goes a month back. */
+    previousMonth: string;
+    /** Accessible name of the button that goes a month forward. */
+    nextMonth: string;
+    /** Added to the name of today's date. */
+    today: string;
+    /** Added to the name of the selected date. */
+    selected: string;
+    /** Added to the name of a date that cannot be selected. */
+    unavailable: string;
+    /** The events part of a day's name. Called only for a day that has events. */
+    events: (events: CalendarEvent[]) => string;
+}
+export declare const DEFAULT_CALENDAR_STRINGS: CalendarStrings;
+/** How many dots a day shows at most. The name of the day still counts every event. */
+export declare const MAX_EVENT_DOTS = 3;
+/**
+ * The accessible name of a day: the full date, then what is true of it, then
+ * its events. "Tuesday 6 October 2026, today, selected, 2 events: Quiz at The
+ * Crown, Music quiz".
+ */
+export declare function calendarDayName(fullDate: string, state: {
+    today: boolean;
+    selected: boolean;
+    disabled: boolean;
+    events: CalendarEvent[];
+}, strings: CalendarStrings): string;
+/**
+ * Where a key takes focus from `date`, by the date-grid pattern: the arrows by
+ * a day and a week, Home and End to the ends of the week, Page Up and Page
+ * Down by a month, and by a year with Shift. Left and Right swap in a
+ * right-to-left layout, where the next day is on the left.
+ *
+ * Returns null for a key that does not move, or a move past year 1 or 9999.
+ */
+export declare function calendarKeyTarget(key: string, date: string, options?: {
+    shift?: boolean;
+    rtl?: boolean;
+    weekStartsOn?: number;
+}): string | null;
+/** The events of each day, in the order given. */
+export declare function groupEventsByDate(events: readonly CalendarEvent[]): Map<string, CalendarEvent[]>;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/util/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/util/calendar.ts"],"names":[],"mappings":"AAAA,oDAAoD;AAIpD,4EAA4E;AAC5E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnF,uCAAuC;AACvC,MAAM,WAAW,aAAa;IAC1B,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,qEAAqE;AACrE,MAAM,WAAW,eAAe;IAC5B,4DAA4D;IAC5D,aAAa,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,MAAM,CAAC;CAC/C;AAED,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;GAIG;AACH,wBAAgB,eAAe,CAC3B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,aAAa,EAAE,CAAA;CAAE,EACxF,OAAO,EAAE,eAAe,GACzB,MAAM,CAOR;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC7B,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAO,GACxE,MAAM,GAAG,IAAI,CAsBf;AAED,kDAAkD;AAClD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,aAAa,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,CAQhG"}

package/dist/components/util/chart.d.ts

@@ -0,0 +1,140 @@
+/**
+ * What the four charts share: the series colours, a number formatter, a
+ * linear scale with round ticks, and the few path builders. Plain arithmetic
+ * that writes SVG; there is no chart library under it.
+ */
+/**
+ * `glass` on a chart: the library's thick material (the one a Tooltip and a
+ * sheet are made of, the level that carries description and caption text),
+ * the container corner and room inside it. `on-surface` gives the text its
+ * theme colours back when the chart stands in a brand or accent block. Every
+ * fallback of the material (reduced transparency, more contrast, forced
+ * colours, no backdrop-filter, data-materials="opaque") comes with the class.
+ */
+export declare const CHART_GLASS = "material-thick on-surface rounded-container p-4";
+/** A theme colour by name. */
+export type ChartColorName = "primary" | "accent" | "success" | "warning" | "error" | "info" | "neutral";
+/** A theme colour by name, or any CSS colour (`"#c2410c"`, `"var(--color-brand-800)"`). */
+export type ChartColor = ChartColorName | (string & {});
+/** A number as text: the two built in, or the app's own function. */
+export type ChartFormat = "number" | "percent" | ((value: number) => string);
+/** One value of a `BarChart` or a `PieChart`. */
+export interface ChartDatum {
+    label: string;
+    value: number;
+    /** Without it, the series colour of its place in the list. */
+    color?: ChartColor;
+}
+/** One line of a `LineChart`. */
+export interface ChartSeries {
+    name: string;
+    /** One value per x label; `null` leaves a gap in the line. */
+    points: Array<number | null>;
+    /** Without it, the series colour of its place in the list. */
+    color?: ChartColor;
+}
+/**
+ * The six series colours, in order. Each is a custom property an app may set
+ * on the chart or on anything around it (read with a fallback, declared
+ * nowhere), and falls back to a step of the theme's own ramps, so it follows
+ * light and dark and the app's brand.
+ *
+ * They are the colours the rest of the library is made of: the action blue
+ * a `Progress` fills with, the accent, a deep step of each, and the neutral
+ * grey. Two hues and a grey, told apart by lightness as much as by hue,
+ * which is what a reader who does not see red and green needs. None is a
+ * status colour. The sixth is the one colour from outside those ramps (the
+ * brand turned toward red), for the rare chart with six series.
+ */
+export declare const CHART_SERIES_COLORS: readonly string[];
+/** The CSS colour of a series: its own if it names one, else the one of its place (they repeat after six). */
+export declare function chartColor(color: ChartColor | undefined, index: number): string;
+/**
+ * The colours of a whole chart, for when named colours and places mix.
+ * A series with a `color` gets it. One without keeps the series colour of
+ * its place, unless a named colour in the same chart sits next to that one
+ * (`success` beside the deep accent, `neutral` beside the grey): then it moves on
+ * to the next series colour that is free.
+ */
+export declare function chartColors(colors: Array<ChartColor | undefined>): string[];
+/**
+ * `"number"` is the locale's plain number. `"percent"` reads the value as
+ * already a percentage (72 is "72 %", not 7,200 %). Without a `locale` the
+ * runtime's is used, which on a server may not be the reader's: pass one.
+ */
+export declare function chartFormatter(format: ChartFormat | undefined, locale?: string): (value: number) => string;
+/** A share of the whole (0 to 1) as a whole percentage. */
+export declare function shareFormatter(locale?: string): (share: number) => string;
+/** 1, 2 or 5 times a power of ten: the one nearest to `target` intervals. */
+export declare function niceStep(range: number, target?: number): number;
+export interface ChartScale {
+    min: number;
+    max: number;
+    ticks: number[];
+}
+/**
+ * The value axis. A `min` or `max` that is given is kept exactly; one that is
+ * not is rounded outward to a tick. `zero` keeps zero on the axis (bars).
+ */
+export declare function chartScale(values: Array<number | null | undefined>, options?: {
+    min?: number;
+    max?: number;
+    zero?: boolean;
+}): ChartScale;
+/** Every how-manyth x label fits: 1 is all of them. */
+export declare function labelEvery(labels: string[], available: number, charWidth?: number): number;
+/** A line through the points, broken where one is missing. */
+export declare function linePath(points: Array<{
+    x: number;
+    y: number;
+} | null>): string;
+/** An upright bar from `from` to `to` (y), rounded at the `to` end and square where it stands on the zero line. */
+export declare function barPath(x: number, width: number, from: number, to: number, radius: number): string;
+export declare const CHART_MARKERS: readonly ["circle", "square", "diamond", "triangle"];
+export type ChartMarker = (typeof CHART_MARKERS)[number];
+/** The marker of a series, so two lines differ by more than colour (they repeat after four). */
+export declare function chartMarker(index: number): ChartMarker;
+/** A marker centred on a point, as a path. */
+export declare function markerPath(shape: ChartMarker, x: number, y: number, r: number): string;
+export interface PieSlice {
+    index: number;
+    label: string;
+    value: number;
+    /** 0 to 1. */
+    share: number;
+    /** Radians, clockwise from twelve o'clock. */
+    start: number;
+    end: number;
+}
+/** The slices in the order given. A value that is not a positive number takes no room. */
+export declare function pieSlices(data: ChartDatum[]): PieSlice[];
+/** A slice of a pie, or of a ring when `inner` is above zero. */
+export declare function slicePath(cx: number, cy: number, outer: number, inner: number, start: number, end: number): string;
+/** How much larger than 16px the reader's text is: chart text is set in rem, and the room for it follows. */
+export declare function chartTextScale(): number;
+/**
+ * Reports the width of the widest `text` inside the node, as drawn, now and
+ * whenever what it is given changes. The value axis takes its room from
+ * this, not from a count of characters. Where text cannot be measured
+ * nothing is reported and the estimate stands.
+ */
+export declare function widestText(node: SVGElement, options: {
+    onwidth: (width: number) => void;
+    key?: unknown;
+}): {
+    update(next: {
+        onwidth: (width: number) => void;
+        key?: unknown;
+    }): void;
+};
+/**
+ * Reports the element's width now and whenever it changes: the charts are
+ * drawn at the width of their container, in real pixels, so text is never
+ * scaled. Where there is no `ResizeObserver` the width is read once.
+ */
+export declare function measureWidth(node: HTMLElement, onwidth: (width: number) => void): {
+    destroy?: undefined;
+} | {
+    destroy: () => void;
+};
+//# sourceMappingURL=chart.d.ts.map

package/dist/components/util/chart.d.ts.map

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

package/dist/components/util/chip.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Chip and ChipGroup: what they share, and the arithmetic of the one-row
+ * layout.
+ *
+ * The scroll logic is pure, so it can be tested with made-up metrics: jsdom
+ * has no layout. The component reads the real ones and passes them in.
+ */
+export type ChipGroupType = "radio" | "checkbox";
+export type ChipGroupLayout = "wrap" | "row";
+export type ChipGroupEdge = "fade" | "none";
+/** What a ChipGroup hands to the chips (and groups) inside it. */
+export interface ChipGroupContext {
+    /** Without a type the group is layout only. */
+    readonly type: ChipGroupType | undefined;
+    readonly name: string | undefined;
+    readonly layout: ChipGroupLayout;
+    readonly disabled: boolean;
+    /** Whether the chip with this value is selected, by the group's `value`. */
+    isSelected(value: string): boolean;
+    /**
+     * The chip with this value was checked or unchecked. `report` is true for
+     * a person's change (the group's `onchange` hears it) and false for one
+     * taken in by a binding on hydration, which is reported once afterwards.
+     */
+    change(value: string, checked: boolean, report: boolean): void;
+    /** The value a radio group holds, for `bind:group`. */
+    readonly radioValue: string | undefined;
+    /** A form reset emptied a radio group. */
+    restore(): void;
+}
+export declare const CHIP_GROUP_CONTEXT_KEY: unique symbol;
+/** The gap between chips, and the margin that keeps a revealed chip off the edge. */
+export declare const CHIP_GAP = 8;
+/** The next value of a checkbox group when `value` is checked or unchecked. Order is kept. */
+export declare function toggleValue(current: readonly string[] | undefined, value: string, checked: boolean): string[];
+export interface RowMetrics {
+    /** `scrollLeft`: 0 at the start, negative towards the end in a right-to-left row. */
+    scrollLeft: number;
+    scrollWidth: number;
+    clientWidth: number;
+    rtl: boolean;
+}
+export interface RowOverflow {
+    /** More chips are hidden before the first visible one. */
+    start: boolean;
+    /** More chips are hidden after the last visible one. */
+    end: boolean;
+}
+/** Which sides of the row have chips out of view. Start and end follow the direction. */
+export declare function measureRowOverflow(metrics: RowMetrics): RowOverflow;
+export interface Span {
+    left: number;
+    right: number;
+}
+/**
+ * The `scrollLeft` that brings `item` fully into `box` with `margin` to spare,
+ * or the current one if it is in view already. Both spans are in the same
+ * coordinates (the viewport's). The result stays inside what the row can
+ * scroll. An item wider than the box is lined up with its start edge.
+ */
+export declare function scrollLeftToReveal(metrics: RowMetrics, box: Span, item: Span, margin?: number): number;
+/** The first chosen chip in a row: a link, a toggle button or a checked input. */
+export declare const SELECTED_CHIP_SELECTOR = "[aria-current]:not([aria-current=\"false\"]), [aria-pressed=\"true\"], input:checked";
+/** The element to bring into view for a selected chip: the label around an input, else the element. */
+export declare function chipBox(selected: Element): Element;
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/util/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/util/chip.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,CAAC;AAC7C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,kEAAkE;AAClE,MAAM,WAAW,gBAAgB;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC;;;;OAIG;IACH,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/D,uDAAuD;IACvD,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,0CAA0C;IAC1C,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,sBAAsB,eAA4B,CAAC;AAEhE,qFAAqF;AACrF,eAAO,MAAM,QAAQ,IAAI,CAAC;AAE1B,8FAA8F;AAC9F,wBAAgB,WAAW,CAAC,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,CAK7G;AAED,MAAM,WAAW,UAAU;IACvB,qFAAqF;IACrF,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IACxB,0DAA0D;IAC1D,KAAK,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,GAAG,EAAE,OAAO,CAAC;CAChB;AAKD,yFAAyF;AACzF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,GAAG,WAAW,CAOnE;AAED,MAAM,WAAW,IAAI;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAC9B,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,IAAI,EACV,MAAM,GAAE,MAAiB,GAC1B,MAAM,CAaR;AAED,kFAAkF;AAClF,eAAO,MAAM,sBAAsB,yFAAqF,CAAC;AAEzH,uGAAuG;AACvG,wBAAgB,OAAO,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAElD"}

package/dist/components/util/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/components/util/cn.ts"],"names":[],"mappings":"AA6CA;;;;;GAKG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/components/util/cn.ts"],"names":[],"mappings":"AAsEA;;;;;GAKG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E"}

package/dist/components/util/code-field.d.ts

@@ -0,0 +1,63 @@
+/** Types and pure helpers for `CodeField`. Kept out of the component so they can be tested without a DOM. */
+/** `numeric`: digits only, the numeric keyboard. `alphanumeric`: digits and letters. */
+export type CodeFieldMode = "numeric" | "alphanumeric";
+/** Every built-in string. Pass a partial object to `strings` to translate. */
+export interface CodeFieldStrings {
+    /** The field's name when no `label` is given. */
+    label: string;
+    /** Read after the name, so a screen reader user knows how long the code is ("6 digits"). */
+    description: (length: number, mode: CodeFieldMode) => string;
+}
+export declare const DEFAULT_CODE_FIELD_STRINGS: CodeFieldStrings;
+/** The fewest and the most places a code field draws. */
+export declare const CODE_FIELD_LENGTH_MAX = 12;
+/** `length` as a whole number from 1 to 12; 6 for anything that is not a number. */
+export declare function codeLength(length: number | undefined): number;
+/** Whether one character belongs in a code of this mode. */
+export declare function isCodeChar(char: string, mode: CodeFieldMode): boolean;
+/**
+ * What is left of `text` once everything that does not belong is dropped
+ * (spaces, dashes, letters in a numeric code), cut to `length`. "123 456" and
+ * "123-456" are "123456".
+ */
+export declare function sanitiseCode(text: string, mode: CodeFieldMode, length: number): string;
+/** The characters kept of `text` before position `caret`: where the caret goes after `text` is cleaned. */
+export declare function caretAfterSanitise(text: string, caret: number, mode: CodeFieldMode, length: number): number;
+/** `value` with the place at `index` replaced by `char`. */
+export declare function replaceAt(value: string, index: number, char: string): string;
+/** The text with `pasted` where the selection from `start` to `end` is. A whole code replaces what was there. */
+export declare function pasteInto(value: string, start: number, end: number, pasted: string, mode: CodeFieldMode, length: number): string;
+/** The place the caret is in, for the focus mark: the next empty place, or the last when the code is whole. */
+export declare function activePlace(caret: number, length: number): number;
+/** The sizes of the boxes: the field's `size`. `md` is the size the field has always had. */
+export type CodeFieldSize = "sm" | "md" | "lg";
+/**
+ * Per size: the box height, the digit class, the widest a box grows (rem) and
+ * the least it is (`minEm`, in ems of its own digit, so a digit is never wider than its
+ * box at any text size). `sm` stays 44px tall, the least for a touch target.
+ */
+export declare const CODE_FIELD_SIZES: Record<CodeFieldSize, {
+    box: string;
+    text: string;
+    digitRem: number;
+    maxRem: number;
+    minEm: number;
+}>;
+/** The gap between boxes in a group, and the wider gap between groups (rem). */
+export declare const CODE_FIELD_GAP_REM = 0.5;
+export declare const CODE_FIELD_GROUP_GAP_REM = 1;
+/**
+ * `groups` as the sizes of the groups the boxes are drawn in. A number is the
+ * size of each group (4 for 8 places is 4 and 4, 3 for 8 is 3, 3 and 2); a list
+ * gives each group's size and the places left over form a last group. One
+ * group, or anything unusable, means no grouping: an empty list.
+ */
+export declare function codeGroups(groups: number | number[] | undefined, length: number): number[];
+/** The index of the box nearest to a point, by its rectangle; -1 when there are none. */
+export declare function nearestBox(rects: {
+    left: number;
+    right: number;
+    top?: number;
+    bottom?: number;
+}[], x: number, y: number): number;
+//# sourceMappingURL=code-field.d.ts.map

package/dist/components/util/code-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-field.d.ts","sourceRoot":"","sources":["../../../src/components/util/code-field.ts"],"names":[],"mappings":"AAAA,6GAA6G;AAE7G,wFAAwF;AACxF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,cAAc,CAAC;AAEvD,8EAA8E;AAC9E,MAAM,WAAW,gBAAgB;IAC7B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC;CAChE;AAED,eAAO,MAAM,0BAA0B,EAAE,gBAGxC,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAG7D;AAED,4DAA4D;AAC5D,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,OAAO,CAErE;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMtF;AAED,2GAA2G;AAC3G,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE3G;AAED,4DAA4D;AAC5D,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE5E;AAED,iHAAiH;AACjH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAIhI;AAED,+GAA+G;AAC/G,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEjE;AAED,6FAA6F;AAC7F,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,aAAa,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAIlI,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAE1C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAsB1F;AAED,yFAAyF;AACzF,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAahI"}

package/dist/components/util/collapsible.d.ts

@@ -0,0 +1,64 @@
+/** Types and pure helpers for `Collapsible` and `CollapsibleGroup`. Kept out of the components so they can be tested without a DOM. */
+/** Heading element the default trigger is wrapped in. */
+export type CollapsibleHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * First argument of the `trigger` snippet. Spread it on your own `<button>`:
+ * it carries the whole wiring, so the button needs nothing else to work.
+ */
+export type CollapsibleTriggerProps = {
+    id: string;
+    /** Keeps a trigger inside a `<form>` from submitting it. */
+    type: "button";
+    "aria-expanded": boolean;
+    "aria-controls": string;
+    disabled: boolean;
+    onclick: (event: MouseEvent) => void;
+    /** How a `CollapsibleGroup` finds its header buttons for the arrow keys. */
+    "data-collapsible-trigger": "";
+};
+/** Second argument of the `trigger` snippet. */
+export interface CollapsibleTriggerState {
+    open: boolean;
+    disabled: boolean;
+}
+/** What a `Collapsible` hands its group. */
+export interface CollapsibleGroupMember {
+    triggerId: string;
+    isOpen: () => boolean;
+    /** A disabled member keeps its state: the group neither closes it nor counts it. */
+    isDisabled: () => boolean;
+    close: () => void;
+}
+/** What a member gets back when it joins a group. */
+export interface CollapsibleGroupRegistration {
+    /** Removes the member again. */
+    unregister: () => void;
+    /**
+     * True when the member asked to start open in a single-open group that
+     * already has an open panel. The member then renders closed from the
+     * start, on the server too, instead of opening and being closed again.
+     */
+    startClosed: boolean;
+}
+/** What a `CollapsibleGroup` offers the Collapsibles inside it, through context. */
+export interface CollapsibleGroupContext {
+    /** False when opening one panel closes the others. */
+    readonly multiple: boolean;
+    /**
+     * Shared `name` for the `<details>` of the default triggers when the group
+     * is single-open, so the browser keeps them exclusive without scripts.
+     * `undefined` when `multiple`.
+     */
+    readonly exclusiveName: string | undefined;
+    register: (member: CollapsibleGroupMember) => CollapsibleGroupRegistration;
+    /** Called whenever a member is open, however it got there. */
+    opened: (member: CollapsibleGroupMember) => void;
+}
+/** Context key shared by the two components. */
+export declare const COLLAPSIBLE_GROUP: unique symbol;
+/**
+ * Index of the header button an accordion key moves focus to, or `null` when
+ * the key is not one of them. Arrow keys wrap, as they do in Tabs and Dropdown.
+ */
+export declare function nextTriggerIndex(key: string, current: number, count: number): number | null;
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/util/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/util/collapsible.ts"],"names":[],"mappings":"AAAA,uIAAuI;AAEvI,yDAAyD;AACzD,MAAM,MAAM,uBAAuB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,IAAI,EAAE,QAAQ,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,4EAA4E;IAC5E,0BAA0B,EAAE,EAAE,CAAC;CAClC,CAAC;AAEF,gDAAgD;AAChD,MAAM,WAAW,uBAAuB;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,4CAA4C;AAC5C,MAAM,WAAW,sBAAsB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,oFAAoF;IACpF,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,qDAAqD;AACrD,MAAM,WAAW,4BAA4B;IACzC,gCAAgC;IAChC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CACxB;AAED,oFAAoF;AACpF,MAAM,WAAW,uBAAuB;IACpC,sDAAsD;IACtD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,4BAA4B,CAAC;IAC3E,8DAA8D;IAC9D,MAAM,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACpD;AAED,gDAAgD;AAChD,eAAO,MAAM,iBAAiB,eAAmC,CAAC;AAElE;;;GAGG;AACH,wBAAgB,gBAAgB,CAC5B,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACd,MAAM,GAAG,IAAI,CAcf"}

package/dist/components/util/confirm-dialog.d.ts

@@ -0,0 +1,12 @@
+/** Public types for `ConfirmDialog`. */
+/** Sets the confirm button's style and the icon beside the message. */
+export type ConfirmDialogVariant = "danger" | "warning" | "info";
+/** How the user backed out: the cancel button, or one of Modal's own ways to close. */
+export type ConfirmDialogCancelReason = "cancel-button" | "escape" | "backdrop" | "close-button";
+/**
+ * What `onconfirm` may return. `false`, returned or resolved, keeps the dialog
+ * open; anything else closes it. A promise puts the dialog in its loading
+ * state until it settles.
+ */
+export type ConfirmDialogResult = void | boolean | Promise<void | boolean>;
+//# sourceMappingURL=confirm-dialog.d.ts.map

package/dist/components/util/confirm-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/util/confirm-dialog.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,uEAAuE;AACvE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,uFAAuF;AACvF,MAAM,MAAM,yBAAyB,GAC/B,eAAe,GACf,QAAQ,GACR,UAAU,GACV,cAAc,CAAC;AAErB;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC"}