@0001-labs/design-system-1 0.3.0-alpha.13 → 0.3.0-alpha.15

package/dist/0-face/format.d.ts

@@ -0,0 +1,166 @@
+import type { Language } from "./languages";
+/**
+ * The locale each language of the list formats in: the language with the
+ * region it is most read in. `pt` is Portugal's Portuguese and `pt-BR`
+ * Brazil's; `Intl` alone reads a bare `pt` as Brazil's.
+ */
+export declare const LOCALE_TAGS: Readonly<Record<Language, string>>;
+export type FormatSettings = {
+    /**
+     * The locale a language formats in, where a product's readers expect
+     * another region than `LOCALE_TAGS` gives: `{ en: "en-GB" }` writes
+     * English dates day first.
+     */
+    locales?: Partial<Record<string, string>>;
+    /**
+     * The time zone dates and times are shown in, unless a call names one.
+     * Without it, the runtime's own zone (a Worker's is UTC).
+     */
+    timeZone?: string;
+};
+/** Set the locales and time zone every call starts from (see `FormatSettings`). */
+export declare function configureFormat(next: FormatSettings): void;
+/**
+ * The locale tag a language formats in: `da` gives `da-DK`, `pt` gives
+ * `pt-PT`, `pt-br` gives `pt-BR`. A tag with its own region or script keeps
+ * it (`en-GB`, `zh-Hant`), and a language outside the list passes through
+ * (`nl`). Without an argument, the current language's.
+ */
+export declare function localeTag(language?: string | null): string;
+type WithLanguage = {
+    /** The language to format in, instead of the current one: a code of the list or any locale tag. */
+    language?: string;
+};
+/**
+ * The kept `Intl.DateTimeFormat` for any options the named functions do not
+ * cover (`{ weekday: "short" }`), in the current language or `language`. The
+ * time zone set with `configureFormat` applies unless the options name one.
+ */
+export declare function dateFormatter(options?: Intl.DateTimeFormatOptions & WithLanguage): Intl.DateTimeFormat;
+/** The kept `Intl.NumberFormat` for any options, in the current language or `language`. */
+export declare function numberFormatter(options?: Intl.NumberFormatOptions & WithLanguage): Intl.NumberFormat;
+/** The kept `Intl.RelativeTimeFormat`, in the current language or `language`. */
+export declare function relativeTimeFormatter(options?: Intl.RelativeTimeFormatOptions & WithLanguage): Intl.RelativeTimeFormat;
+export type ListType = "conjunction" | "disjunction" | "unit";
+export type ListStyle = "long" | "short" | "narrow";
+/** What `Intl.ListFormat` offers, for runtimes whose types predate it. */
+export type ListFormatter = {
+    format(items: Iterable<string>): string;
+};
+/** The kept `Intl.ListFormat`, in the current language or `language`. */
+export declare function listFormatter(options?: {
+    type?: ListType;
+    style?: ListStyle;
+} & WithLanguage): ListFormatter;
+/**
+ * A moment: a `Date`, milliseconds since 1970 or a date string. A date
+ * written without a time (`2026-10-17`) is that day wherever it is read.
+ */
+export type DateInput = Date | number | string;
+export type DateLength = "short" | "medium" | "long";
+export type DateOptions = WithLanguage & {
+    /** How much is written: `short` (10/17/26), `medium` (Oct 17, 2026) or `long` (October 17, 2026). */
+    length?: DateLength;
+    /** The time zone to show it in (`Asia/Tokyo`, `UTC`). */
+    timeZone?: string;
+};
+/** A date: `Oct 17, 2026` (medium, the default), `10/17/26` (short), `October 17, 2026` (long). */
+export declare function formatDate(value: DateInput, options?: DateOptions | DateLength): string;
+/** A time of day: `2:30 PM` (short, the default), `2:30:05 PM` (medium), `2:30:05 PM UTC` (long). */
+export declare function formatTime(value: DateInput, options?: DateOptions | DateLength): string;
+/** A date at a time: the date at `length` (medium by default), the time to the minute. */
+export declare function formatDateTime(value: DateInput, options?: DateOptions | DateLength): string;
+/** A month of a year: `October 2026` (long, the default), `Oct 2026` (medium), `10/2026` (short). */
+export declare function formatMonthYear(value: DateInput, options?: DateOptions | DateLength): string;
+/** A day of a month, without the year: `Oct 17` (medium, the default), `10/17` (short), `October 17` (long). */
+export declare function formatMonthDay(value: DateInput, options?: DateOptions | DateLength): string;
+/**
+ * A day of a month at a time, without the year: `Oct 17, 2:30 PM` (medium,
+ * the default), `10/17, 2:30 PM` (short), `October 17 at 2:30 PM` (long).
+ */
+export declare function formatMonthDayTime(value: DateInput, options?: DateOptions | DateLength): string;
+export type RelativeUnit = "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year";
+export type RelativeTimeOptions = WithLanguage & {
+    /** The moment it is measured from. Defaults to now. */
+    now?: DateInput;
+    /** Always count in this unit, rather than the one that reads best. */
+    unit?: RelativeUnit;
+    /** `auto` (the default) writes "yesterday" and "now"; `always` writes "1 day ago". */
+    numeric?: "auto" | "always";
+    /** `long` (the default), `short` ("3 min. ago") or `narrow`. */
+    style?: "long" | "short" | "narrow";
+    /** The zone whose calendar decides what "yesterday" is. Defaults as dates do. */
+    timeZone?: string;
+};
+/**
+ * The count and unit a moment reads best in, from `now`: under 45 seconds is
+ * now, under 45 minutes counts minutes, under 22 hours (or the same day)
+ * hours, under a week calendar days (so "yesterday" is the day before
+ * today), under 26 days weeks, under 335 days months, then years. A day
+ * without a time (`2026-10-17`) counts days from today. Negative counts are
+ * in the past.
+ */
+export declare function relativeTimeUnit(value: DateInput, now?: DateInput, timeZone?: string | undefined): [number, RelativeUnit];
+/**
+ * How long ago or how far ahead a moment is: "3 minutes ago", "yesterday",
+ * "in 2 days", "now", in the unit that reads best (see `relativeTimeUnit`)
+ * or the one given.
+ */
+export declare function formatRelativeTime(value: DateInput, options?: RelativeTimeOptions): string;
+export type NumberOptions = WithLanguage & Intl.NumberFormatOptions;
+/** A number with the language's separators: `1,234.5`, `1.234,5`. Any `Intl.NumberFormat` option applies. */
+export declare function formatNumber(value: number | bigint, options?: NumberOptions): string;
+/** A number in short: `12K`, `1.2M`, `1,2 mio.`, `1.2万`, to one decimal unless the options say otherwise. */
+export declare function formatCompact(value: number | bigint, options?: NumberOptions): string;
+/** A fraction as a percentage: `0.25` gives `25%` (`25 %` in Danish). */
+export declare function formatPercent(value: number, options?: NumberOptions): string;
+export type CurrencyDisplay = "symbol" | "narrowSymbol" | "code" | "name";
+export type MoneyOptions = WithLanguage & Omit<Intl.NumberFormatOptions, "style" | "currency" | "currencyDisplay"> & {
+    /**
+     * The amount is counted in the currency's minor unit, as payment
+     * services send it: 1999 is $19.99, and 1999 yen are 1999 yen.
+     */
+    minor?: boolean;
+    /** The currency as its symbol (`$`, the default), its narrow symbol, its code (`USD`) or its name. */
+    display?: CurrencyDisplay;
+    /** Whole units only, rounded: `$20`. */
+    whole?: boolean;
+};
+/**
+ * How many decimals a currency's minor unit has, as ISO 4217 counts them:
+ * 2 for USD, EUR and DKK, 0 for JPY and KRW, 3 for BHD. 2 for a code the
+ * runtime does not know.
+ */
+export declare function currencyDigits(currency: string): number;
+/** An amount in minor units as whole units: 1999 cents are 19.99 dollars; yen stay as they are. */
+export declare function fromMinorUnits(amount: number, currency: string): number;
+/** An amount in whole units as minor units, rounded: 19.99 dollars are 1999 cents. */
+export declare function toMinorUnits(amount: number, currency: string): number;
+/**
+ * An amount of money in the language's way: `$1,234.50`, `1.234,50 kr.`,
+ * `￥1,235`. The currency decides the decimals (none for yen). With `minor`,
+ * the amount is in cents, øre or the like. A currency code that is not one
+ * (not three letters) is written after the number (`12.00 US`) rather than
+ * throwing.
+ */
+export declare function formatMoney(amount: number, currency: string, options?: MoneyOptions): string;
+/**
+ * The parts of `formatMoney`'s text, as `Intl.NumberFormat.formatToParts`
+ * gives them (`currency`, `integer`, `group`, `decimal`, `fraction`, …), for
+ * drawing digits apart from the rest, each in a cell of its own width.
+ */
+export declare function formatMoneyToParts(amount: number, currency: string, options?: MoneyOptions): Intl.NumberFormatPart[];
+/** The symbol the language writes a currency with: `$`, `kr.`, `€`, `US$` in British English. */
+export declare function currencySymbol(currency: string, options?: WithLanguage & {
+    display?: "symbol" | "narrowSymbol";
+}): string;
+export type ListOptions = WithLanguage & {
+    /** `conjunction` (the default) joins with "and", `disjunction` with "or", `unit` with neither. */
+    type?: ListType;
+    /** `long` (the default), `short` or `narrow`. */
+    style?: ListStyle;
+};
+/** Items joined the language's way: `A, B, and C`, `A, B og C`, `A、B、C`. */
+export declare function formatList(items: Iterable<string>, options?: ListOptions): string;
+export {};
+//# sourceMappingURL=format.d.ts.map

package/dist/0-face/format.d.ts.map

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

package/dist/0-face/format.js

@@ -0,0 +1,445 @@
+/**
+ * Dates, times, numbers, money and lists written the way the reader's
+ * language writes them, through the platform's `Intl` formatters.
+ *
+ * Every function formats in the current language (`currentLanguage.value`
+ * from `./i18n`), read again on every call, so the text drawn after a
+ * language change is in the new language. Pass `language` to format in
+ * another one: a server answering a request names the request's language,
+ * since its current language is nobody's in particular.
+ *
+ * Each formatter is made once per locale and options, then kept. No browser
+ * code: it runs in a Worker, Node or a test as it does in a page.
+ */
+import { currentLanguage } from "./i18n";
+import { DEFAULT_LANGUAGE, LANGUAGES, normalizeLanguage } from "./languages";
+// ============================================================================
+// Locales
+// ============================================================================
+/**
+ * The locale each language of the list formats in: the language with the
+ * region it is most read in. `pt` is Portugal's Portuguese and `pt-BR`
+ * Brazil's; `Intl` alone reads a bare `pt` as Brazil's.
+ */
+export const LOCALE_TAGS = {
+    da: "da-DK",
+    de: "de-DE",
+    en: "en-US",
+    es: "es-ES",
+    fi: "fi-FI",
+    fr: "fr-FR",
+    is: "is-IS",
+    it: "it-IT",
+    ja: "ja-JP",
+    ko: "ko-KR",
+    nb: "nb-NO",
+    nn: "nn-NO",
+    no: "no-NO",
+    pt: "pt-PT",
+    "pt-BR": "pt-BR",
+    sv: "sv-SE",
+    zh: "zh-CN",
+};
+let settings = {};
+/** Each language or tag asked for, to the locale it formats in. */
+const resolvedTags = new Map();
+/** Set the locales and time zone every call starts from (see `FormatSettings`). */
+export function configureFormat(next) {
+    settings = {
+        ...settings,
+        ...next,
+        locales: { ...settings.locales, ...next.locales },
+    };
+    resolvedTags.clear();
+}
+function canonical(tag) {
+    try {
+        return Intl.getCanonicalLocales(tag)[0] ?? null;
+    }
+    catch {
+        return null;
+    }
+}
+function regional(language) {
+    const own = settings.locales?.[language];
+    return (own && canonical(own)) || LOCALE_TAGS[language];
+}
+/**
+ * The locale tag a language formats in: `da` gives `da-DK`, `pt` gives
+ * `pt-PT`, `pt-br` gives `pt-BR`. A tag with its own region or script keeps
+ * it (`en-GB`, `zh-Hant`), and a language outside the list passes through
+ * (`nl`). Without an argument, the current language's.
+ */
+export function localeTag(language) {
+    const tag = String(language || currentLanguage.value || "")
+        .trim()
+        .replace(/_/g, "-");
+    let resolved = resolvedTags.get(tag);
+    if (!resolved) {
+        resolved = resolveTag(tag);
+        // Tags come from a short list; a server reading arbitrary ones starts over
+        if (resolvedTags.size >= MAX_FORMATTERS) {
+            resolvedTags.clear();
+        }
+        resolvedTags.set(tag, resolved);
+    }
+    return resolved;
+}
+function resolveTag(tag) {
+    if (!tag) {
+        return regional(DEFAULT_LANGUAGE);
+    }
+    const lower = tag.toLowerCase();
+    const member = LANGUAGES.find((code) => code.toLowerCase() === lower);
+    if (member) {
+        return regional(member);
+    }
+    // A tag of its own, when the runtime has its conventions (not the
+    // runtime's default standing in for one it lacks)
+    const written = canonical(tag);
+    if (written && supported(written)) {
+        return written;
+    }
+    // Otherwise the list's language it names, else the default
+    const known = normalizeLanguage(tag, null);
+    return regional(known ?? DEFAULT_LANGUAGE);
+}
+function supported(tag) {
+    try {
+        return Intl.NumberFormat.supportedLocalesOf([tag]).length > 0;
+    }
+    catch {
+        return false;
+    }
+}
+const MAX_FORMATTERS = 256;
+const formatters = new Map();
+function optionsKey(options) {
+    const entries = Object.entries(options).filter(([, value]) => value !== undefined);
+    entries.sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0));
+    return JSON.stringify(entries);
+}
+function kept(kind, locale, options, make) {
+    const key = `${kind}|${locale}|${optionsKey(options)}`;
+    if (formatters.has(key)) {
+        return formatters.get(key);
+    }
+    if (formatters.size >= MAX_FORMATTERS) {
+        // The oldest goes first
+        const oldest = formatters.keys().next();
+        if (!oldest.done) {
+            formatters.delete(oldest.value);
+        }
+    }
+    const formatter = make();
+    formatters.set(key, formatter);
+    return formatter;
+}
+function split(options) {
+    const { language, ...rest } = options;
+    return [localeTag(language), rest];
+}
+/**
+ * The kept `Intl.DateTimeFormat` for any options the named functions do not
+ * cover (`{ weekday: "short" }`), in the current language or `language`. The
+ * time zone set with `configureFormat` applies unless the options name one.
+ */
+export function dateFormatter(options = {}) {
+    const [locale, rest] = split(options);
+    const resolved = {
+        ...rest,
+        timeZone: rest.timeZone ?? settings.timeZone,
+    };
+    return kept("date", locale, resolved, () => new Intl.DateTimeFormat(locale, resolved));
+}
+/** The kept `Intl.NumberFormat` for any options, in the current language or `language`. */
+export function numberFormatter(options = {}) {
+    const [locale, rest] = split(options);
+    return kept("number", locale, rest, () => new Intl.NumberFormat(locale, rest));
+}
+/** The kept `Intl.RelativeTimeFormat`, in the current language or `language`. */
+export function relativeTimeFormatter(options = {}) {
+    const [locale, rest] = split(options);
+    return kept("relative", locale, rest, () => new Intl.RelativeTimeFormat(locale, rest));
+}
+/** The kept `Intl.ListFormat`, in the current language or `language`. */
+export function listFormatter(options = {}) {
+    const [locale, rest] = split(options);
+    return kept("list", locale, rest, () => {
+        const ListFormat = Intl
+            .ListFormat;
+        // A runtime without it joins with commas, as English would
+        return ListFormat
+            ? new ListFormat(locale, rest)
+            : { format: (items) => [...items].join(", ") };
+    });
+}
+const DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
+/** The moment, and whether it is a day without a time. */
+function readDate(value) {
+    if (typeof value === "string") {
+        const day = DATE_ONLY.exec(value.trim());
+        if (day) {
+            return {
+                time: Date.UTC(Number(day[1]), Number(day[2]) - 1, Number(day[3])),
+                day: true,
+            };
+        }
+        return { time: Date.parse(value), day: false };
+    }
+    return {
+        time: value instanceof Date ? value.getTime() : Number(value),
+        day: false,
+    };
+}
+function dateArguments(options, fallback) {
+    if (typeof options === "string") {
+        return { length: options };
+    }
+    return { ...options, length: options?.length ?? fallback };
+}
+function formatMoment(value, parts, { language, timeZone }) {
+    const { time, day } = readDate(value);
+    if (!Number.isFinite(time)) {
+        return "";
+    }
+    // A day without a time is kept on its own date in every zone
+    const zone = day ? "UTC" : timeZone;
+    return dateFormatter({ ...parts, timeZone: zone, language }).format(time);
+}
+/** A date: `Oct 17, 2026` (medium, the default), `10/17/26` (short), `October 17, 2026` (long). */
+export function formatDate(value, options) {
+    const { length, ...rest } = dateArguments(options, "medium");
+    return formatMoment(value, { dateStyle: length }, rest);
+}
+/** A time of day: `2:30 PM` (short, the default), `2:30:05 PM` (medium), `2:30:05 PM UTC` (long). */
+export function formatTime(value, options) {
+    const { length, ...rest } = dateArguments(options, "short");
+    return formatMoment(value, { timeStyle: length }, rest);
+}
+/** A date at a time: the date at `length` (medium by default), the time to the minute. */
+export function formatDateTime(value, options) {
+    const { length, ...rest } = dateArguments(options, "medium");
+    return formatMoment(value, { dateStyle: length, timeStyle: "short" }, rest);
+}
+const MONTH = {
+    short: "numeric",
+    medium: "short",
+    long: "long",
+};
+/** A month of a year: `October 2026` (long, the default), `Oct 2026` (medium), `10/2026` (short). */
+export function formatMonthYear(value, options) {
+    const { length, ...rest } = dateArguments(options, "long");
+    return formatMoment(value, { year: "numeric", month: MONTH[length] }, rest);
+}
+/** A day of a month, without the year: `Oct 17` (medium, the default), `10/17` (short), `October 17` (long). */
+export function formatMonthDay(value, options) {
+    const { length, ...rest } = dateArguments(options, "medium");
+    return formatMoment(value, { month: MONTH[length], day: "numeric" }, rest);
+}
+/**
+ * A day of a month at a time, without the year: `Oct 17, 2:30 PM` (medium,
+ * the default), `10/17, 2:30 PM` (short), `October 17 at 2:30 PM` (long).
+ */
+export function formatMonthDayTime(value, options) {
+    const { length, ...rest } = dateArguments(options, "medium");
+    return formatMoment(value, { month: MONTH[length], day: "numeric", hour: "numeric", minute: "2-digit" }, rest);
+}
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+const MONTH_DAYS = 30.436875;
+const YEAR_DAYS = 365.2425;
+const UNIT_LENGTH = {
+    second: SECOND,
+    minute: MINUTE,
+    hour: HOUR,
+    day: DAY,
+    week: 7 * DAY,
+    month: MONTH_DAYS * DAY,
+    quarter: 3 * MONTH_DAYS * DAY,
+    year: YEAR_DAYS * DAY,
+};
+/** The calendar day a moment falls on in a zone, counted from 1970. */
+function dayNumber(time, timeZone) {
+    if (!timeZone) {
+        const date = new Date(time);
+        return Math.round(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()) / DAY);
+    }
+    const parts = kept("calendar", "en-US", { timeZone }, () => new Intl.DateTimeFormat("en-US-u-ca-gregory-nu-latn", {
+        timeZone,
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+    })).formatToParts(time);
+    const part = (type) => Number(parts.find((entry) => entry.type === type)?.value);
+    return Math.round(Date.UTC(part("year"), part("month") - 1, part("day")) / DAY);
+}
+/**
+ * The count and unit a moment reads best in, from `now`: under 45 seconds is
+ * now, under 45 minutes counts minutes, under 22 hours (or the same day)
+ * hours, under a week calendar days (so "yesterday" is the day before
+ * today), under 26 days weeks, under 335 days months, then years. A day
+ * without a time (`2026-10-17`) counts days from today. Negative counts are
+ * in the past.
+ */
+export function relativeTimeUnit(value, now = Date.now(), timeZone = settings.timeZone) {
+    const { time: at, day } = readDate(value);
+    const from = readDate(now).time;
+    const elapsed = at - from;
+    const size = Math.abs(elapsed);
+    const sign = elapsed < 0 ? -1 : 1;
+    if (day) {
+        // A day without a time is counted in days from today: "today", "yesterday"
+        const days = Math.round(at / DAY) - dayNumber(from, timeZone);
+        return days === 0 ? [0, "day"] : inDays(days);
+    }
+    if (size < 45 * SECOND) {
+        // -0 keeps the past's wording where a count is written ("0 seconds ago")
+        return [elapsed < 0 ? -0 : 0, "second"];
+    }
+    if (size < 45 * MINUTE) {
+        return [sign * Math.max(1, Math.round(size / MINUTE)), "minute"];
+    }
+    const days = dayNumber(at, timeZone) - dayNumber(from, timeZone);
+    if (size < 22 * HOUR || days === 0) {
+        return [sign * Math.max(1, Math.round(size / HOUR)), "hour"];
+    }
+    return inDays(days);
+}
+/** A count of calendar days (never 0) in the unit it reads best in. */
+function inDays(days) {
+    const whole = Math.abs(days);
+    const sign = days < 0 ? -1 : 1;
+    if (whole < 7) {
+        return [days, "day"];
+    }
+    if (whole < 26) {
+        return [sign * Math.round(whole / 7), "week"];
+    }
+    if (whole < 335) {
+        return [sign * Math.max(1, Math.round(whole / MONTH_DAYS)), "month"];
+    }
+    return [sign * Math.max(1, Math.round(whole / YEAR_DAYS)), "year"];
+}
+/**
+ * How long ago or how far ahead a moment is: "3 minutes ago", "yesterday",
+ * "in 2 days", "now", in the unit that reads best (see `relativeTimeUnit`)
+ * or the one given.
+ */
+export function formatRelativeTime(value, options = {}) {
+    const { now = Date.now(), unit, numeric = "auto", style = "long", language } = options;
+    const timeZone = options.timeZone ?? settings.timeZone;
+    const at = readDate(value).time;
+    const from = readDate(now).time;
+    if (!Number.isFinite(at) || !Number.isFinite(from)) {
+        return "";
+    }
+    const [count, chosen] = unit
+        ? [Math.round((at - from) / UNIT_LENGTH[unit]), unit]
+        : relativeTimeUnit(value, from, timeZone);
+    return relativeTimeFormatter({ numeric, style, language }).format(count, chosen);
+}
+/** A number with the language's separators: `1,234.5`, `1.234,5`. Any `Intl.NumberFormat` option applies. */
+export function formatNumber(value, options = {}) {
+    return numberFormatter(options).format(value);
+}
+/** A number in short: `12K`, `1.2M`, `1,2 mio.`, `1.2万`, to one decimal unless the options say otherwise. */
+export function formatCompact(value, options = {}) {
+    return numberFormatter({
+        notation: "compact",
+        maximumFractionDigits: 1,
+        ...options,
+    }).format(value);
+}
+/** A fraction as a percentage: `0.25` gives `25%` (`25 %` in Danish). */
+export function formatPercent(value, options = {}) {
+    return numberFormatter({ style: "percent", ...options }).format(value);
+}
+function currencyCode(currency) {
+    return String(currency ?? "").trim().toUpperCase();
+}
+/**
+ * How many decimals a currency's minor unit has, as ISO 4217 counts them:
+ * 2 for USD, EUR and DKK, 0 for JPY and KRW, 3 for BHD. 2 for a code the
+ * runtime does not know.
+ */
+export function currencyDigits(currency) {
+    const code = currencyCode(currency);
+    try {
+        return kept("digits", "en", { currency: code }, () => new Intl.NumberFormat("en", { style: "currency", currency: code })).resolvedOptions().maximumFractionDigits ?? 2;
+    }
+    catch {
+        return 2;
+    }
+}
+/** An amount in minor units as whole units: 1999 cents are 19.99 dollars; yen stay as they are. */
+export function fromMinorUnits(amount, currency) {
+    return amount / 10 ** currencyDigits(currency);
+}
+/** An amount in whole units as minor units, rounded: 19.99 dollars are 1999 cents. */
+export function toMinorUnits(amount, currency) {
+    return Math.round(amount * 10 ** currencyDigits(currency));
+}
+function moneyFormatter(currency, options) {
+    const { minor, display = "symbol", whole, language, ...rest } = options;
+    const code = currencyCode(currency);
+    const digits = currencyDigits(code);
+    const value = (amount) => (minor ? amount / 10 ** digits : amount);
+    try {
+        const format = numberFormatter({
+            ...rest,
+            ...(whole ? { minimumFractionDigits: 0, maximumFractionDigits: 0 } : {}),
+            style: "currency",
+            currency: code,
+            currencyDisplay: display,
+            language,
+        });
+        return { format, value, code, digits };
+    }
+    catch {
+        return { format: null, value, code, digits };
+    }
+}
+/**
+ * An amount of money in the language's way: `$1,234.50`, `1.234,50 kr.`,
+ * `￥1,235`. The currency decides the decimals (none for yen). With `minor`,
+ * the amount is in cents, øre or the like. A currency code that is not one
+ * (not three letters) is written after the number (`12.00 US`) rather than
+ * throwing.
+ */
+export function formatMoney(amount, currency, options = {}) {
+    const { format, value, code, digits } = moneyFormatter(currency, options);
+    if (format) {
+        return format.format(value(amount));
+    }
+    const places = options.whole ? 0 : digits;
+    return `${formatNumber(value(amount), {
+        minimumFractionDigits: places,
+        maximumFractionDigits: places,
+        language: options.language,
+    })} ${code}`;
+}
+/**
+ * The parts of `formatMoney`'s text, as `Intl.NumberFormat.formatToParts`
+ * gives them (`currency`, `integer`, `group`, `decimal`, `fraction`, …), for
+ * drawing digits apart from the rest, each in a cell of its own width.
+ */
+export function formatMoneyToParts(amount, currency, options = {}) {
+    const { format, value } = moneyFormatter(currency, options);
+    if (format) {
+        return format.formatToParts(value(amount));
+    }
+    return [{ type: "literal", value: formatMoney(amount, currency, options) }];
+}
+/** The symbol the language writes a currency with: `$`, `kr.`, `€`, `US$` in British English. */
+export function currencySymbol(currency, options = {}) {
+    const parts = formatMoneyToParts(0, currency, options);
+    return parts.find((part) => part.type === "currency")?.value ?? currencyCode(currency);
+}
+/** Items joined the language's way: `A, B, and C`, `A, B og C`, `A、B、C`. */
+export function formatList(items, options = {}) {
+    const { type = "conjunction", style = "long", language } = options;
+    return listFormatter({ type, style, language }).format(Array.from(items, (item) => String(item)));
+}

package/dist/0-face/generated/toast-assets.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Generated by scripts/toast-assets.mjs from 2-core/styles/ds-toast.css (with the
+ * sheets it imports) and the x-icon files it names. Never edit it: change those
+ * files and run `vp run generate:toast-assets`.
+ */
+/** The toast's stylesheet, the same one `<ds-toast>` imports. */
+export declare const toastStyles: string;
+export type ToastIconName = "check" | "close" | "notifications" | "warning";
+/** The icons the page toaster draws: the toast types' own and the close button's. */
+export declare const toastIcons: Readonly<Record<ToastIconName, string>>;
+//# sourceMappingURL=toast-assets.d.ts.map

package/dist/0-face/generated/toast-assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-assets.d.ts","sourceRoot":"","sources":["../../../DS1/0-face/generated/toast-assets.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,iEAAiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAsvN,CAAC;AAEjxN,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,SAAS,CAAC;AAE5E,qFAAqF;AACrF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAK9D,CAAC"}

package/dist/0-face/generated/toast-assets.js

@@ -0,0 +1,14 @@
+/**
+ * Generated by scripts/toast-assets.mjs from 2-core/styles/ds-toast.css (with the
+ * sheets it imports) and the x-icon files it names. Never edit it: change those
+ * files and run `vp run generate:toast-assets`.
+ */
+/** The toast's stylesheet, the same one `<ds-toast>` imports. */
+export const toastStyles = "[data-ds-shape=\"square\"], :host([data-ds-shape=\"square\"]){--ds-corner-size: 0px;--ds-corner-shape: round;--ds-button-inset: 0.5px}[data-ds-shape=\"rounded\"], :host([data-ds-shape=\"rounded\"]){--ds-corner-size: 4px;--ds-corner-shape: round;--ds-button-inset: 2.5px}[data-ds-shape=\"circular\"], :host([data-ds-shape=\"circular\"]){--ds-corner-size: 999px;--ds-corner-shape: round;--ds-button-inset: 5px}@supports (corner-shape: squircle){[data-ds-shape=\"rounded\"], :host([data-ds-shape=\"rounded\"]){--ds-corner-size: 8px;--ds-corner-shape: squircle}}:root, :host, :where([data-ds-surface]){--ds-unit: calc(var(--ds-1, 20px) * var(--ds-sf, 1));--ds-control-height: calc(var(--ds-control-size, var(--ds-08, 16px)) * var(--ds-sf, 1));--ds-row-height: calc(var(--ds-row-size, var(--ds-1, 20px)) * var(--ds-sf, 1));--ds-type-size-default: calc(var(--ds-text-size, 14px) * var(--ds-sf, 1));--ds-type-size-small: calc(var(--ds-small-text-size, 10px) * var(--ds-sf, 1));--ds-type-size-heading: calc(var(--ds-heading-text-size, 13px) * var(--ds-sf, 1));--ds-type-size-display: calc(var(--ds-display-text-size, 20px) * var(--ds-sf, 1));--ds-type-lineheight-default: calc(var(--ds-text-leading, 16px) * var(--ds-sf, 1));--ds-type-letterspacing-default: calc(var(--ds-text-tracking, -0.3px) * var(--ds-sf, 1));--ds-radius: calc(var(--ds-corner-size, 4px) * var(--ds-sf, 1));--ds-radius-card: calc(var(--ds-card-corner-size, 4px) * var(--ds-sf, 1))}:host{--ds-toast-width: calc(16 * var(--ds-unit));--ds-toast-offset: var(--ds-unit);--ds-toast-gap: calc(var(--ds-unit) - var(--ds-control-height));--ds-toast-background: var(--ds-tooltip-background, light-dark(var(--ds-black, #2a2a2a), var(--ds-white, #ffffff)));--ds-toast-color: var(--ds-tooltip-color, light-dark(var(--ds-white, #ffffff), var(--ds-black, #2a2a2a)));display: contents}section{display: contents}ol{--lift: -1;position: fixed;z-index: 2147483000;box-sizing: border-box;width: min(var(--ds-toast-width), calc(100% - 2 * var(--ds-toast-offset)));height: calc(var(--height) + var(--gaps) * var(--ds-toast-gap));margin: 0;padding: 0;list-style: none;outline: none;pointer-events: none}ol[data-y=\"top\"]{--lift: 1;top: calc(var(--ds-toast-offset) + env(safe-area-inset-top, 0px))}ol[data-y=\"bottom\"]{bottom: calc(var(--ds-toast-offset) + env(safe-area-inset-bottom, 0px))}ol[data-x=\"left\"]{left: var(--ds-toast-offset)}ol[data-x=\"right\"]{right: var(--ds-toast-offset)}ol[data-x=\"center\"]{left: 50%;transform: translateX(-50%)}:host([contained]) ol{position: absolute;z-index: var(--ds-toast-z-index, 60)}:host([contained]) ol[data-y=\"top\"]{top: var(--ds-toast-offset)}:host([contained]) ol[data-y=\"bottom\"]{bottom: var(--ds-toast-offset)}.toast{--swipe: 0px;position: absolute;left: 0;right: 0;box-sizing: border-box;width: max-content;max-width: 100%;overflow: hidden;border-radius: var(--ds-radius);background: var(--ds-toast-background);color: var(--ds-toast-color);font-family: var(--ds-typeface-regular);font-feature-settings: var(--ds-font-features);font-size: var(--ds-type-size-default);line-height: var(--ds-control-height);letter-spacing: var(--ds-type-letterspacing-default);outline: none;touch-action: none;user-select: none;pointer-events: auto;opacity: 0;transition: transform 400ms ease, opacity 400ms ease}ol[data-y=\"bottom\"] .toast{bottom: 0}ol[data-y=\"top\"] .toast{top: 0}ol[data-x=\"center\"] .toast{margin-inline: auto}ol[data-x=\"left\"] .toast{margin-right: auto}ol[data-x=\"right\"] .toast{margin-left: auto}.toast:focus-visible{outline: 2px solid var(--ds-focus-ring);outline-offset: 1px}.toast[data-mounted=\"false\"]{transform: translateY(calc(var(--lift) * -100%))}.toast[data-mounted=\"true\"]{opacity: 1}ol[data-expanded=\"false\"] .toast[data-mounted=\"true\"]{transform: translateY(calc(var(--lift) * var(--index) * var(--ds-toast-gap) + var(--swipe))) scale(calc(1 - var(--index) * 0.05))}ol[data-expanded=\"false\"] .toast[data-front=\"false\"]{height: var(--front-height)}ol[data-expanded=\"false\"] .toast[data-front=\"false\"] .body{opacity: 0}ol[data-expanded=\"true\"] .toast[data-mounted=\"true\"]{transform: translateY(calc(var(--lift) * (var(--offset) + var(--index) * var(--ds-toast-gap)) + var(--swipe)))}.toast[data-visible=\"false\"]{opacity: 0;pointer-events: none}.toast[data-swiping=\"true\"]{transition: none}.toast[data-removed=\"true\"]{opacity: 0;pointer-events: none}.toast[data-removed=\"true\"][data-front=\"true\"]{transform: translateY(calc(var(--lift) * -100%))}.toast[data-swipe-out=\"true\"]{transform: translateY(calc(var(--swipe) + var(--lift) * -100%))}.body{display: flex;align-items: flex-start;gap: calc(4px * var(--ds-sf));box-sizing: border-box;min-height: var(--ds-control-height);padding-inline: calc(4px * var(--ds-sf));transition: opacity 400ms ease}.icon{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;width: var(--ds-control-height);height: var(--ds-control-height);--ds-icon-color: currentColor}.icon:first-child{margin-left: calc(-4px * var(--ds-sf))}.icon > svg, .close > svg{width: calc(14px * var(--ds-sf));height: calc(14px * var(--ds-sf))}.content{flex: 1 1 auto;min-width: 0}.title, .description{white-space: normal;overflow-wrap: anywhere}.description{opacity: 0.7}.button{flex: 0 0 auto;margin: 0 0 0 calc(4px * var(--ds-sf));padding: 0;border: 0;background: none;color: inherit;font: inherit;letter-spacing: inherit;text-decoration: underline;text-underline-offset: 2px;cursor: pointer}a.button{display: inline-block}.button.cancel{opacity: 0.7}.button:focus-visible, .close:focus-visible{outline: 1px solid currentColor;outline-offset: 1px;border-radius: 1px}.close{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;width: var(--ds-control-height);height: var(--ds-control-height);margin: 0 calc(-4px * var(--ds-sf)) 0 0;padding: 0;border: 0;background: none;color: inherit;cursor: pointer;--ds-icon-color: currentColor}.spinner{width: calc(10px * var(--ds-sf));height: calc(10px * var(--ds-sf));box-sizing: border-box;border: 1px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color: currentColor;border-radius: 50%;animation: ds-toast-spin 720ms linear infinite}@keyframes ds-toast-spin{to{transform: rotate(360deg)}}:host([rich-colors]) .toast[data-type=\"success\"]{--ds-toast-background: var(--ds-apple-green)}:host([rich-colors]) .toast[data-type=\"info\"]{--ds-toast-background: var(--ds-zenith-blue)}:host([rich-colors]) .toast[data-type=\"warning\"]{--ds-toast-background: var(--ds-orange)}:host([rich-colors]) .toast[data-type=\"error\"]{--ds-toast-background: var(--ds-tuned-red)}:host([rich-colors]) .toast:is([data-type=\"success\"], [data-type=\"info\"], [data-type=\"warning\"], [data-type=\"error\"]){--ds-toast-color: var(--ds-black)}@media (prefers-reduced-motion: reduce){.toast, .body{transition: none}.spinner{animation: none}}";
+/** The icons the page toaster draws: the toast types' own and the close button's. */
+export const toastIcons = {
+    "check": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M6.68649 11.884L12.443 6.13601L11.736 5.42715L6.68835 10.4827L4.26399 8.0501L3.55696 8.74525L6.68649 11.884Z\" fill=\"currentColor\"/>\n</svg>\n",
+    "close": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.1215 4.58087L8.70453 7.99397L12.1176 11.4169L11.4106 12.112L7.99847 8.69108L4.58636 12.112L3.87836 11.4031L7.29535 7.99005L3.88226 4.56716L4.58929 3.87201L8.0014 7.29294L11.4145 3.87201L12.1215 4.58087Z\" fill=\"currentColor\"/>\n</svg>\n",
+    "notifications": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M4.5 11.5V7.5C4.5 5.567 6.067 4 8 4C9.933 4 11.5 5.567 11.5 7.5V11.5M3 11.5H13M8 2.5V4M6.5 13.5H9.5\" stroke=\"currentColor\" stroke-width=\"0.92\"/>\n</svg>\n",
+    "warning": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 1.8L15.2 14.3H0.8L8 1.8ZM8 3.8L2.53 13.3H13.47L8 3.8ZM7.5 6.3H8.5V10.3H7.5V6.3ZM7.5 11.3H8.5V12.3H7.5V11.3Z\" fill=\"#1E1E1E\"/>\n</svg>\n",
+};