@nibapp/ui 0.0.0-stage → 0.1.0

package/dist/i18n/time-zones.js

@@ -0,0 +1,64 @@
+import { collatorFor } from "../lib/text.js";
+/**
+ * Zones renamed in the IANA database (its `backward` links) that CLDR, and so V8's
+ * `Intl.supportedValuesOf`, still lists under the old name. People look for Kolkata and Kyiv; every
+ * engine accepts both names, so the picker shows and stores the current one.
+ */
+const RENAMED = {
+    "Africa/Asmera": "Africa/Asmara",
+    "America/Buenos_Aires": "America/Argentina/Buenos_Aires",
+    "America/Catamarca": "America/Argentina/Catamarca",
+    "America/Coral_Harbour": "America/Atikokan",
+    "America/Cordoba": "America/Argentina/Cordoba",
+    "America/Godthab": "America/Nuuk",
+    "America/Indianapolis": "America/Indiana/Indianapolis",
+    "America/Jujuy": "America/Argentina/Jujuy",
+    "America/Louisville": "America/Kentucky/Louisville",
+    "America/Mendoza": "America/Argentina/Mendoza",
+    "Asia/Calcutta": "Asia/Kolkata",
+    "Asia/Katmandu": "Asia/Kathmandu",
+    "Asia/Rangoon": "Asia/Yangon",
+    "Asia/Saigon": "Asia/Ho_Chi_Minh",
+    "Atlantic/Faeroe": "Atlantic/Faroe",
+    "Europe/Kiev": "Europe/Kyiv",
+    "Pacific/Enderbury": "Pacific/Kanton",
+    "Pacific/Ponape": "Pacific/Pohnpei",
+    "Pacific/Truk": "Pacific/Chuuk",
+};
+/** A zone under its current IANA name ("Asia/Calcutta" → "Asia/Kolkata"). */
+export function currentZoneName(zone) {
+    return RENAMED[zone] ?? zone;
+}
+/** "Europe/Moscow" → "Moscow"; "America/Argentina/Buenos_Aires" → "Buenos Aires". */
+export function zoneCity(zone) {
+    return (zone.split("/").at(-1) ?? zone).replaceAll("_", " ");
+}
+function zoneName(zone, locale, style, at) {
+    const parts = new Intl.DateTimeFormat(locale, { timeZone: zone, timeZoneName: style }).formatToParts(at);
+    return parts.find((part) => part.type === "timeZoneName")?.value ?? "";
+}
+/** One zone as the picker labels it in `locale`: "Moscow · Moscow Standard Time (GMT+3)". */
+export function zoneLabel(zone, locale, now = new Date()) {
+    const value = currentZoneName(zone);
+    const city = zoneCity(value);
+    const name = zoneName(value, locale, "longGeneric", now);
+    const offset = zoneName(value, "en-US", "shortOffset", now);
+    return name === "" || name === city ? `${city} (${offset})` : `${city} · ${name} (${offset})`;
+}
+/**
+ * Every zone the runtime knows (plus `include`, e.g. the account's when it isn't listed), labelled in
+ * `locale` ({@link zoneLabel}). Sorted by region, then city.
+ */
+export function timeZoneOptions(locale, include, now = new Date()) {
+    const zones = new Set(Intl.supportedValuesOf("timeZone").map(currentZoneName));
+    if (include !== undefined)
+        zones.add(currentZoneName(include));
+    const order = collatorFor(locale);
+    return [...zones]
+        .map((value) => ({
+        value,
+        label: zoneLabel(value, locale, now),
+        group: value.includes("/") ? (value.split("/")[0] ?? "") : "",
+    }))
+        .toSorted((a, b) => order.compare(a.group, b.group) || order.compare(a.label, b.label));
+}

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+export * from "./components/accordion.js";
+export * from "./components/alert.js";
+export * from "./components/alert-dialog.js";
+export * from "./components/appear.js";
+export * from "./components/avatar.js";
+export * from "./components/badge.js";
+export * from "./components/block-stack.js";
+export * from "./components/button.js";
+export * from "./components/card.js";
+export * from "./components/checkbox.js";
+export * from "./components/choice-row.js";
+export * from "./components/clamped-text.js";
+export * from "./components/code-block.js";
+export * from "./components/code-input.js";
+export * from "./components/combobox.js";
+export * from "./components/command-palette.js";
+export * from "./components/context-menu.js";
+export * from "./components/copy-button.js";
+export * from "./components/copy-command.js";
+export * from "./components/data-table.js";
+export * from "./components/dialog.js";
+export * from "./components/diff-lines.js";
+export * from "./components/diff-view.js";
+export * from "./components/disclosure.js";
+export * from "./components/drawn-check.js";
+export * from "./components/edge-resizer.js";
+export * from "./components/empty-state.js";
+export * from "./components/expand-toggle.js";
+export * from "./components/field.js";
+export * from "./components/filter-chip.js";
+export * from "./components/group.js";
+export * from "./components/icon-text.js";
+export * from "./components/inline-edit.js";
+export * from "./components/input.js";
+export * from "./components/item-label.js";
+export * from "./components/item-row.js";
+export * from "./components/kbd.js";
+export * from "./components/linked-text.js";
+export * from "./components/loading-region.js";
+export * from "./components/markdown.js";
+export * from "./components/menu.js";
+export * from "./components/message-bubble.js";
+export * from "./components/money-input.js";
+export * from "./components/native-select.js";
+export * from "./components/page.js";
+export * from "./components/path-text.js";
+export * from "./components/popover.js";
+export * from "./components/progress.js";
+export * from "./components/radio.js";
+export * from "./components/remote-image-gate.js";
+export * from "./components/resizable.js";
+export * from "./components/rolling-number.js";
+export * from "./components/scroll-area.js";
+export * from "./components/section-label.js";
+export * from "./components/section-nav.js";
+export * from "./components/segmented-control.js";
+export * from "./components/select.js";
+export * from "./components/separator.js";
+export * from "./components/sheet.js";
+export * from "./components/shortcut-recorder.js";
+export * from "./components/skeleton.js";
+export * from "./components/slider.js";
+export * from "./components/spinner.js";
+export * from "./components/switch.js";
+export * from "./components/tab-strip.js";
+export * from "./components/tabs.js";
+export * from "./components/text-link.js";
+export * from "./components/textarea.js";
+export * from "./components/toast.js";
+export * from "./components/tooltip.js";
+export * from "./components/truncated-text.js";
+export * from "./i18n/index.js";
+export { type Clock, ClockProvider, createManualClock, type ManualClock, useClock, useCountdown, useNow, } from "./lib/clock.js";
+export { cn, tv, type VariantProps } from "./lib/cn.js";
+export * from "./lib/keycaps.js";
+export * from "./lib/keys.js";
+export * from "./lib/motion.js";
+export { MotionProvider } from "./lib/motion-provider.js";
+export * from "./lib/number-format.js";
+export * from "./lib/shortcut-context.js";
+export * from "./lib/theme.js";
+export * from "./lib/theme-scope.js";
+export { type DelayedLoadingOptions, useDelayedLoading } from "./lib/use-delayed-loading.js";
+export { type FilePickerOptions, useFilePicker } from "./lib/use-file-picker.js";

package/dist/index.js

@@ -0,0 +1,88 @@
+// @nibapp/ui — public entry. Prefer deep imports (`@nibapp/ui/components/button`) in apps for
+// faster dev-server startup; this barrel exists for convenience and docs.
+// The brand (`./brand`) and the mascot (`./mascot`) aren't part of it: import them from their own
+// entry points (docs/specs/nib-ui.md §2.2).
+export * from "./components/accordion.js";
+export * from "./components/alert.js";
+export * from "./components/alert-dialog.js";
+export * from "./components/appear.js";
+export * from "./components/avatar.js";
+export * from "./components/badge.js";
+export * from "./components/block-stack.js";
+export * from "./components/button.js";
+export * from "./components/card.js";
+export * from "./components/checkbox.js";
+export * from "./components/choice-row.js";
+export * from "./components/clamped-text.js";
+export * from "./components/code-block.js";
+export * from "./components/code-input.js";
+export * from "./components/combobox.js";
+export * from "./components/command-palette.js";
+export * from "./components/context-menu.js";
+export * from "./components/copy-button.js";
+export * from "./components/copy-command.js";
+export * from "./components/data-table.js";
+export * from "./components/dialog.js";
+export * from "./components/diff-lines.js";
+export * from "./components/diff-view.js";
+export * from "./components/disclosure.js";
+export * from "./components/drawn-check.js";
+export * from "./components/edge-resizer.js";
+export * from "./components/empty-state.js";
+export * from "./components/expand-toggle.js";
+export * from "./components/field.js";
+export * from "./components/filter-chip.js";
+export * from "./components/group.js";
+export * from "./components/icon-text.js";
+export * from "./components/inline-edit.js";
+export * from "./components/input.js";
+export * from "./components/item-label.js";
+export * from "./components/item-row.js";
+export * from "./components/kbd.js";
+export * from "./components/linked-text.js";
+export * from "./components/loading-region.js";
+export * from "./components/markdown.js";
+export * from "./components/menu.js";
+export * from "./components/message-bubble.js";
+export * from "./components/money-input.js";
+export * from "./components/native-select.js";
+export * from "./components/page.js";
+export * from "./components/path-text.js";
+export * from "./components/popover.js";
+export * from "./components/progress.js";
+export * from "./components/radio.js";
+export * from "./components/remote-image-gate.js";
+export * from "./components/resizable.js";
+export * from "./components/rolling-number.js";
+export * from "./components/scroll-area.js";
+export * from "./components/section-label.js";
+export * from "./components/section-nav.js";
+export * from "./components/segmented-control.js";
+export * from "./components/select.js";
+export * from "./components/separator.js";
+export * from "./components/sheet.js";
+export * from "./components/shortcut-recorder.js";
+export * from "./components/skeleton.js";
+export * from "./components/slider.js";
+export * from "./components/spinner.js";
+export * from "./components/switch.js";
+export * from "./components/tab-strip.js";
+export * from "./components/tabs.js";
+export * from "./components/text-link.js";
+export * from "./components/textarea.js";
+export * from "./components/toast.js";
+export * from "./components/tooltip.js";
+export * from "./components/truncated-text.js";
+export * from "./i18n/index.js";
+export { ClockProvider, createManualClock, useClock, useCountdown, useNow, } from "./lib/clock.js";
+export { cn, tv } from "./lib/cn.js";
+export * from "./lib/keycaps.js";
+export * from "./lib/keys.js";
+export * from "./lib/motion.js";
+export { MotionProvider } from "./lib/motion-provider.js";
+export * from "./lib/number-format.js";
+export * from "./lib/shortcut-context.js";
+export * from "./lib/theme.js";
+export * from "./lib/theme-scope.js";
+export { useDelayedLoading } from "./lib/use-delayed-loading.js";
+export { useFilePicker } from "./lib/use-file-picker.js";

package/dist/lib/ansi.d.ts

@@ -0,0 +1,55 @@
+/**
+ * ANSI SGR → styled segments, for terminal-ish text rendered in the UI (status lines, tool output).
+ *
+ * Only SGR (`ESC [ … m`) is interpreted; every other escape sequence (cursor moves, OSC titles and
+ * hyperlinks, DCS/APC/PM/SOS strings, C1 controls) is removed, and so are raw control characters and
+ * bidi overrides. The output is plain text plus a style object — render it with React text nodes,
+ * never as HTML.
+ */
+/** 0–15: the 16 named colors (8 normal + 8 bright); 16–255: the xterm 256-color palette. */
+interface AnsiPaletteColor {
+    readonly type: "palette";
+    readonly index: number;
+}
+interface AnsiRgbColor {
+    readonly type: "rgb";
+    readonly r: number;
+    readonly g: number;
+    readonly b: number;
+}
+type AnsiColor = AnsiPaletteColor | AnsiRgbColor;
+interface AnsiStyle {
+    readonly bold?: true;
+    readonly dim?: true;
+    readonly italic?: true;
+    readonly underline?: true;
+    readonly strikethrough?: true;
+    readonly inverse?: true;
+    readonly fg?: AnsiColor;
+    readonly bg?: AnsiColor;
+}
+export interface AnsiSegment {
+    readonly text: string;
+    readonly style: AnsiStyle;
+}
+/** Parses text with ANSI escapes into styled segments (adjacent equal styles merged, empty dropped). */
+export declare function parseAnsi(input: string): AnsiSegment[];
+/** The visible text only: every escape sequence and control character removed. */
+export declare function stripAnsi(input: string): string;
+/**
+ * CSS color for an ANSI color. Named colors and the 24-step grayscale ramp map onto theme tokens
+ * (grays become a mix of `--fg` and `--bg`, brighter = more prominent, as on a dark terminal).
+ * Cube and truecolor keep their hue: as text, held to 4.5:1 (`readableCss`); as a background, a
+ * tint like the named ones, so text on it stays readable.
+ */
+export declare function ansiColorToCss(color: AnsiColor, layer: "fg" | "bg"): string;
+interface AnsiCss {
+    color?: string;
+    backgroundColor?: string;
+    fontWeight?: number;
+    fontStyle?: "italic";
+    textDecorationLine?: string;
+}
+/** Inline style for a segment (inverse swaps fg/bg, falling back to the theme's fg/bg). */
+export declare function ansiStyleToCss(style: AnsiStyle): AnsiCss;
+export {};