@hackcove/ui-react 0.0.0-stage → 0.8.0

package/dist/control.d.ts

@@ -0,0 +1,31 @@
+import type { Size } from "./size.js";
+/** A control's size: the library's one `Size` scale. */
+export type ControlSize = Size;
+/** `full` fills the parent (the default); `fill` grows to the space left in a flex row; `auto` adds no width class, so the control is as wide as the browser makes it; the rest are fixed. */
+export type ControlWidth = "full" | "fill" | "auto" | "xs" | "sm" | "md" | "lg";
+/** The props `Input`, `Select` and `Textarea` share. They replace the native `size` and `width`. */
+export type ControlProps = {
+    /**
+     * `sm` is compact, `text-xs` with less padding, for dense forms and table rows; `lg` is `text-base`
+     * with more padding, for a hero form or a touch screen.
+     * @default md
+     */
+    size?: ControlSize | undefined;
+    /** `full` (default) fills the parent; `fill` grows to fill the room left in a row beside other items (it can shrink to nothing, so buttons stay on the line); `xs`, `sm`, `md`, `lg` are fixed; `auto` adds no width class, so the control is as wide as the browser makes it. */
+    width?: ControlWidth | undefined;
+};
+/** The height and type of a control: 26px, 38px and 46px with the border. */
+export declare const CONTROL_SIZE: Record<ControlSize, string>;
+/** One width class per control, so a fixed width never fights `w-full`. `auto` has none. */
+export declare const CONTROL_WIDTH: Record<ControlWidth, string | undefined>;
+/** Which edge an `Input`'s text sits on: `start` (default), or `end` for a numeric field. */
+export type ControlAlign = "start" | "end";
+/** The text alignment class of an `Input` with `align="end"`; `start` is the browser default and has none. */
+export declare const CONTROL_ALIGN: Record<ControlAlign, string | undefined>;
+/** The horizontal padding of a control, and of an `Input`'s icon gutter. */
+export declare const CONTROL_PAD: Record<ControlSize, {
+    x: string;
+    icon: string;
+}>;
+/** Shared look of text controls; `size` sets the height and type, `width` the one width class. */
+export declare function controlClass(size?: ControlSize, width?: ControlWidth): string;

package/dist/control.js

@@ -0,0 +1,38 @@
+import { focusRing } from "./cx.js";
+/** The height and type of a control: 26px, 38px and 46px with the border. */
+export const CONTROL_SIZE = {
+    sm: "py-1 text-xs",
+    md: "py-2 text-sm",
+    lg: "py-2.5 text-base",
+};
+/** One width class per control, so a fixed width never fights `w-full`. `auto` has none. */
+export const CONTROL_WIDTH = {
+    full: "w-full",
+    fill: "w-full min-w-0 flex-1",
+    auto: undefined,
+    xs: "w-20",
+    sm: "w-28",
+    md: "w-36",
+    lg: "w-48",
+};
+/** The text alignment class of an `Input` with `align="end"`; `start` is the browser default and has none. */
+export const CONTROL_ALIGN = {
+    start: undefined,
+    end: "text-right",
+};
+/** The horizontal padding of a control, and of an `Input`'s icon gutter. */
+export const CONTROL_PAD = {
+    sm: { x: "px-2", icon: "pr-2 pl-7" },
+    md: { x: "px-3", icon: "pr-3 pl-9" },
+    lg: { x: "px-4", icon: "pr-4 pl-11" },
+};
+/** Shared look of text controls; `size` sets the height and type, `width` the one width class. */
+export function controlClass(size = "md", width = "full") {
+    return [
+        CONTROL_WIDTH[width],
+        CONTROL_SIZE[size],
+        `rounded-lg border border-slate-300 bg-white text-slate-900 placeholder:text-slate-400 transition hover:border-violet-400 disabled:opacity-50 ${focusRing}`,
+    ]
+        .filter(Boolean)
+        .join(" ");
+}

package/dist/cx.d.ts

@@ -0,0 +1,10 @@
+/** Join class names, dropping falsy parts. */
+export declare function cx(...parts: Array<string | false | null | undefined>): string;
+/** The keyboard focus ring every interactive control shares. */
+export declare const focusRing = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-600";
+/**
+ * On a row or card that holds a stretched link (`link-stretch`): every interactive descendant sits
+ * above that link and is clickable on its own. `z-10` needs a position, so each gets `relative`,
+ * except one that is already `absolute` and the stretched link itself.
+ */
+export declare const liftInteractive = "[&_:is(a,button,label,select,textarea,input,summary):not(.link-stretch):not(.absolute)]:relative [&_:is(a,button,label,select,textarea,input,summary):not(.link-stretch)]:z-10";

package/dist/cx.js

@@ -0,0 +1,12 @@
+/** Join class names, dropping falsy parts. */
+export function cx(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+/** The keyboard focus ring every interactive control shares. */
+export const focusRing = "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-violet-600";
+/**
+ * On a row or card that holds a stretched link (`link-stretch`): every interactive descendant sits
+ * above that link and is clickable on its own. `z-10` needs a position, so each gets `relative`,
+ * except one that is already `absolute` and the stretched link itself.
+ */
+export const liftInteractive = "[&_:is(a,button,label,select,textarea,input,summary):not(.link-stretch):not(.absolute)]:relative [&_:is(a,button,label,select,textarea,input,summary):not(.link-stretch)]:z-10";

package/dist/highlight.d.ts

@@ -0,0 +1,16 @@
+/**
+ * A small tokenizer for the languages the docs show. It splits code into coloured runs and nothing
+ * else: no HTML, no client JS. `CodeText` maps a run to a palette utility, so a theme recolours
+ * highlighted code exactly as it recolours everything else.
+ *
+ * The grammars are deliberately shallow — enough for examples, not a compiler front end. `text`
+ * returns the code as one plain run, so nothing is coloured where no language is named.
+ */
+export type CodeLanguage = "text" | "tsx" | "ts" | "json" | "bash" | "css";
+export type TokenKind = "plain" | "comment" | "keyword" | "string" | "number" | "tag" | "attr" | "function";
+export type Token = {
+    text: string;
+    kind: TokenKind;
+};
+/** The coloured runs of `code`. The text of every token joined back together is `code`. */
+export declare function highlight(code: string, language: CodeLanguage): Token[];

package/dist/highlight.js

@@ -0,0 +1,292 @@
+/**
+ * A small tokenizer for the languages the docs show. It splits code into coloured runs and nothing
+ * else: no HTML, no client JS. `CodeText` maps a run to a palette utility, so a theme recolours
+ * highlighted code exactly as it recolours everything else.
+ *
+ * The grammars are deliberately shallow — enough for examples, not a compiler front end. `text`
+ * returns the code as one plain run, so nothing is coloured where no language is named.
+ */
+/** The coloured runs of `code`. The text of every token joined back together is `code`. */
+export function highlight(code, language) {
+    const tokens = [];
+    const emit = (kind, text) => {
+        if (text === "")
+            return;
+        const last = tokens.at(-1);
+        if (last !== undefined && last.kind === kind)
+            last.text += text;
+        else
+            tokens.push({ kind, text });
+    };
+    if (language === "text")
+        emit("plain", code);
+    else if (language === "bash")
+        scanBash(code, emit);
+    else if (language === "css")
+        scanCss(code, emit);
+    // JSON is JS with no code around it: keys are strings, `true`/`false`/`null` are keywords.
+    else
+        scanJs(code, emit);
+    return tokens;
+}
+const isLetter = (c) => c !== "" && /[A-Za-z_$]/.test(c);
+/** The first rule that matches at `at`, if any. Every pattern consumes at least one character. */
+function match(rules, code, at) {
+    for (const rule of rules) {
+        rule.pattern.lastIndex = at;
+        const found = rule.pattern.exec(code);
+        if (found === null)
+            continue;
+        const end = at + found[0].length;
+        const kind = typeof rule.kind === "function" ? rule.kind(code, at, end) : rule.kind;
+        return { kind, end };
+    }
+    return undefined;
+}
+/** The index past the quoted run starting at `at`, or `undefined` when there is none there. */
+function quotedEnd(code, at) {
+    const quote = code.charAt(at);
+    if (quote !== '"' && quote !== "'" && quote !== "`")
+        return undefined;
+    let i = at + 1;
+    while (i < code.length) {
+        const c = code.charAt(i);
+        if (c === "\\") {
+            i += 2;
+            continue;
+        }
+        if (c === quote)
+            return i + 1;
+        if (c === "\n" && quote !== "`")
+            return i;
+        i += 1;
+    }
+    return code.length;
+}
+const STRING_RULES = [
+    { pattern: /"(?:\\.|[^"\\\n])*"?/y, kind: "string" },
+    { pattern: /'(?:\\.|[^'\\\n])*'?/y, kind: "string" },
+    { pattern: /`(?:\\.|[^`\\])*`?/y, kind: "string" },
+];
+const JS_KEYWORDS = new Set(("as async await break case catch class const continue default delete do else export " +
+    "extends false finally for from function if import in instanceof interface let new " +
+    "null of return satisfies static super switch this throw true try type typeof " +
+    "undefined var void while yield").split(" "));
+/** The first character past `from` that is not a space. */
+function afterSpace(code, from) {
+    let i = from;
+    while (code.charAt(i) === " ")
+        i += 1;
+    return code.charAt(i);
+}
+const JS_RULES = [
+    { pattern: /\/\/[^\n]*/y, kind: "comment" },
+    { pattern: /\/\*[\s\S]*?(?:\*\/|$)/y, kind: "comment" },
+    ...STRING_RULES,
+    { pattern: /\d[\w.]*/y, kind: "number" },
+    {
+        pattern: /[A-Za-z_$][\w$]*/y,
+        kind: (code, start, end) => {
+            if (JS_KEYWORDS.has(code.slice(start, end)))
+                return "keyword";
+            return afterSpace(code, end) === "(" ? "function" : "plain";
+        },
+    },
+];
+/** `\w`-style names in a tag, including the dashes of `aria-label` and `data-testid`. */
+const TAG_NAME_RULE = { pattern: /[A-Za-z_$][\w$-]*/y, kind: "tag" };
+const ATTR_RULE = { pattern: /[A-Za-z_$][\w$-]*/y, kind: "attr" };
+function take(scan, token) {
+    scan.emit(token.kind, scan.code.slice(scan.at, token.end));
+    scan.at = token.end;
+}
+function takeChar(scan) {
+    scan.emit("plain", scan.code.charAt(scan.at));
+    scan.at += 1;
+}
+/** `<Name` or `</Name` opens an element here; in children text a fragment `<>` does too. */
+function opensElement(code, at) {
+    const next = code.charAt(at + 1);
+    if (next === "/")
+        return isLetter(code.charAt(at + 2));
+    return next === ">" || isLetter(next);
+}
+function openElement(scan) {
+    const next = scan.code.charAt(scan.at + 1);
+    scan.closing = next === "/";
+    scan.openedFrom = scan.mode;
+    scan.emit("plain", scan.closing ? "</" : "<");
+    scan.at += scan.closing ? 2 : 1;
+    scan.mode = "tag";
+    const name = match([TAG_NAME_RULE], scan.code, scan.at);
+    if (name !== undefined)
+        take(scan, name);
+}
+function endTag(scan) {
+    const selfClosed = scan.code.charAt(scan.at - 1) === "/";
+    takeChar(scan);
+    if (scan.closing)
+        scan.mode = scan.elements.pop() ?? "children";
+    else if (selfClosed)
+        scan.mode = scan.openedFrom;
+    else {
+        scan.elements.push(scan.openedFrom);
+        scan.mode = "children";
+    }
+}
+function openBrace(scan, back) {
+    scan.expressions.push({ back, depth: 0 });
+    scan.mode = "js";
+    takeChar(scan);
+}
+/** In code, `{` only deepens the JSX expression it is already inside. */
+function openNestedBrace(scan) {
+    const open = scan.expressions.at(-1);
+    if (open !== undefined)
+        open.depth += 1;
+    takeChar(scan);
+}
+function closeBrace(scan) {
+    const open = scan.expressions.at(-1);
+    if (open === undefined) {
+        takeChar(scan);
+        return;
+    }
+    if (open.depth === 0) {
+        scan.expressions.pop();
+        scan.mode = open.back;
+    }
+    else
+        open.depth -= 1;
+    takeChar(scan);
+}
+function codeStep(scan) {
+    const c = scan.code.charAt(scan.at);
+    if (c === "<" && opensElement(scan.code, scan.at))
+        return openElement(scan);
+    if (c === "{")
+        return openNestedBrace(scan);
+    if (c === "}")
+        return closeBrace(scan);
+    const token = match(JS_RULES, scan.code, scan.at);
+    if (token !== undefined)
+        return take(scan, token);
+    takeChar(scan);
+}
+function tagStep(scan) {
+    const c = scan.code.charAt(scan.at);
+    if (c === "{")
+        return openBrace(scan, "tag");
+    if (c === ">")
+        return endTag(scan);
+    const quoted = quotedEnd(scan.code, scan.at);
+    if (quoted !== undefined)
+        return take(scan, { kind: "string", end: quoted });
+    const token = match([ATTR_RULE], scan.code, scan.at);
+    if (token !== undefined)
+        return take(scan, token);
+    takeChar(scan);
+}
+function childrenStep(scan) {
+    const c = scan.code.charAt(scan.at);
+    if (c === "{")
+        return openBrace(scan, "children");
+    if (c === "<" && opensElement(scan.code, scan.at))
+        return openElement(scan);
+    takeChar(scan);
+}
+/**
+ * JS, TS and TSX. Three modes — code, inside a tag, and children text — keep an apostrophe in
+ * `<p>Don't</p>` as text rather than the start of a runaway string, and every open element records
+ * the mode to return to, so a `{…}` expression that holds JSX closes back into code.
+ */
+function scanJs(code, emit) {
+    const scan = {
+        code,
+        emit,
+        at: 0,
+        mode: "js",
+        elements: [],
+        expressions: [],
+        closing: false,
+        openedFrom: "js",
+    };
+    while (scan.at < code.length) {
+        if (scan.mode === "js")
+            codeStep(scan);
+        else if (scan.mode === "tag")
+            tagStep(scan);
+        else
+            childrenStep(scan);
+    }
+}
+/** A `#` comment reaches its line end; it starts only at the start of a line or after a space. */
+function bashCommentEnd(code, at) {
+    if (code.charAt(at) !== "#")
+        return undefined;
+    if (at > 0 && !/\s/.test(code.charAt(at - 1)))
+        return undefined;
+    const newline = code.indexOf("\n", at);
+    return newline === -1 ? code.length : newline;
+}
+/** A word of a shell command: a quoted string, a `-flag`, or a run of path characters. */
+function bashWord(code, at, isCommand) {
+    const quoted = quotedEnd(code, at);
+    if (quoted !== undefined)
+        return { kind: "string", end: quoted };
+    const token = match([
+        { pattern: /-{1,2}[\w-]+/y, kind: "attr" },
+        { pattern: /[A-Za-z0-9_./@:~+-]+/y, kind: isCommand ? "function" : "plain" },
+    ], code, at);
+    return token;
+}
+function scanBash(code, emit) {
+    let at = 0;
+    /** The next word is the command: the line's first word, or one after `&&`, `|` or `;`. */
+    let isCommand = true;
+    while (at < code.length) {
+        const comment = bashCommentEnd(code, at);
+        if (comment !== undefined) {
+            emit("comment", code.slice(at, comment));
+            at = comment;
+            continue;
+        }
+        const word = bashWord(code, at, isCommand);
+        if (word !== undefined) {
+            emit(word.kind, code.slice(at, word.end));
+            at = word.end;
+            isCommand = false;
+            continue;
+        }
+        const c = code.charAt(at);
+        if (c === "\n" || c === "&" || c === "|" || c === ";")
+            isCommand = true;
+        emit("plain", c);
+        at += 1;
+    }
+}
+const CSS_RULES = [
+    { pattern: /\/\*[\s\S]*?(?:\*\/|$)/y, kind: "comment" },
+    ...STRING_RULES,
+    { pattern: /@[\w-]+/y, kind: "keyword" },
+    { pattern: /#[\w]+/y, kind: "number" },
+    { pattern: /\d[\w.]*/y, kind: "number" },
+    {
+        // A property name is a word before `:`; anything else is a selector or a value.
+        pattern: /-?[A-Za-z][\w-]*/y,
+        kind: (code, _start, end) => (afterSpace(code, end) === ":" ? "attr" : "plain"),
+    },
+];
+function scanCss(code, emit) {
+    let at = 0;
+    while (at < code.length) {
+        const token = match(CSS_RULES, code, at);
+        if (token !== undefined) {
+            emit(token.kind, code.slice(at, token.end));
+            at = token.end;
+            continue;
+        }
+        emit("plain", code.charAt(at));
+        at += 1;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,70 @@
+export { Card } from "./Card.js";
+export { EpicHeader, groupByEpic } from "./ui.js";
+export { Pill, type PillTone } from "./Pill.js";
+export { Badge } from "./Badge.js";
+export { StatTile, type StatTileTone } from "./StatTile.js";
+export { ProgressBar, type BarSize, type BarTone } from "./ProgressBar.js";
+export { SplitBar } from "./SplitBar.js";
+export { Legend, StackedBar, type LegendItem, type StackedSegment, type VizTone, } from "./StackedBar.js";
+export { Markdown } from "./Markdown.js";
+export { AppShell, AppShellBrand, type AppShellBreakpoint, AppShellHideBelow, appShellRootClassFor, } from "./AppShell.js";
+export { Container } from "./Container.js";
+export { PageHeader, type PageHeaderProps } from "./PageHeader.js";
+export { CardGrid, CenteredLayout, DetailLayout, FormLayout, FullBleedLayout, ListLayout, ProseLayout, SidebarLayout, } from "./PageLayouts.js";
+export { StickyBar } from "./StickyBar.js";
+export { ErrorPage, Forbidden, Maintenance, NotFound, Offline } from "./StatusPages.js";
+export { Cluster, ClusterGrow, type ClusterAlign, type ClusterGap, type ClusterJustify, } from "./Cluster.js";
+export { Section, Stack, type StackGap, type StackWidth } from "./Stack.js";
+export { Button, type ButtonLook, type ButtonSize, type ButtonTone, type ButtonVariant, } from "./Button.js";
+export { ButtonGroup } from "./ButtonGroup.js";
+export { type LinkRender, type LinkRenderProps } from "./link.js";
+export { Avatar, avatarColourClass, initialsOf, type AvatarShape, type AvatarSize, } from "./Avatar.js";
+export { AvatarStack, type AvatarStackPerson } from "./AvatarStack.js";
+export { Breadcrumbs, type Crumb } from "./Breadcrumbs.js";
+export { BulletList } from "./BulletList.js";
+export { Callout, type CalloutTone } from "./Callout.js";
+export { ListRow, type ListRowProps } from "./ListRow.js";
+export { OutlineRegion, RegionFrame, type RegionRect } from "./OutlineRegion.js";
+export { type CellTone, type RowTone, Table, TableBody, TableCell, TableFoot, TableGroupRow, TableHead, TableHeaderCell, TableRow, } from "./Table.js";
+export { EmptyState } from "./EmptyState.js";
+export { Step, Steps } from "./Steps.js";
+export { Timeline, TimelineItem } from "./Timeline.js";
+export { Code } from "./Code.js";
+export { CodeBlock } from "./CodeBlock.js";
+export type { CodeLanguage } from "./highlight.js";
+export { CodeExample } from "./CodeExample.js";
+export { Disclosure } from "./Disclosure.js";
+export { Divider } from "./Divider.js";
+export { PageFade, startPageTransition } from "./PageFade.js";
+export { Dialog, type DialogProps } from "./Dialog.js";
+export { Drawer, type DrawerProps } from "./Drawer.js";
+export { Lightbox, type LightboxProps } from "./Lightbox.js";
+export { Icon } from "./Icon.js";
+export { IconButton, type IconButtonTone, type IconButtonVariant } from "./IconButton.js";
+export { ColourSchemeToggle } from "./ColourSchemeToggle.js";
+export { applyColourScheme, schemeClass, type ColourSchemeClasses, colourSchemeScript, readColourScheme, storeColourScheme, type ColourScheme, } from "./colourScheme.js";
+export { Tabs, type Tab, type TabsProps } from "./Tabs.js";
+export { SegmentedControl, type Segment } from "./SegmentedControl.js";
+export { FilterGroup } from "./FilterGroup.js";
+export { Checkbox } from "./Checkbox.js";
+export { Radio, RadioGroup } from "./RadioGroup.js";
+export { FileDrop } from "./FileDrop.js";
+export { CopyButton } from "./CopyButton.js";
+export { CopyLine } from "./CopyLine.js";
+export { Field } from "./Field.js";
+export { FormGrid, FormRow, FormRowField, type FormRowSpan } from "./FormRow.js";
+export { FieldDialog, type FieldDialogProps } from "./FieldDialog.js";
+export { Input } from "./Input.js";
+export type { ControlAlign, ControlSize, ControlWidth } from "./control.js";
+export type { Size } from "./size.js";
+export { MetaList, type MetaListSeparator } from "./MetaList.js";
+export { Kbd } from "./Kbd.js";
+export { KeyValue, KeyValueList } from "./KeyValueList.js";
+export { Select } from "./Select.js";
+export { Textarea } from "./Textarea.js";
+export { Video } from "./Video.js";
+export { TextLink, type TextLinkSize } from "./TextLink.js";
+export { Caption, Display, Lead, Overline, PageHeading, SectionHeading, SubsectionHeading, type SubsectionHeadingSize, Text, type TextTone, type TypographyColor, type TypographyProps, } from "./typography.js";
+export { DateField, type DateFieldProps } from "./DateField.js";
+export { fromISODate, toISODate } from "./isoDate.js";
+export type { CalendarDate } from "@internationalized/date";

package/dist/index.js

@@ -0,0 +1,66 @@
+export { Card } from "./Card.js";
+export { EpicHeader, groupByEpic } from "./ui.js";
+export { Pill } from "./Pill.js";
+export { Badge } from "./Badge.js";
+export { StatTile } from "./StatTile.js";
+export { ProgressBar } from "./ProgressBar.js";
+export { SplitBar } from "./SplitBar.js";
+export { Legend, StackedBar, } from "./StackedBar.js";
+export { Markdown } from "./Markdown.js";
+export { AppShell, AppShellBrand, AppShellHideBelow, appShellRootClassFor, } from "./AppShell.js";
+export { Container } from "./Container.js";
+export { PageHeader } from "./PageHeader.js";
+export { CardGrid, CenteredLayout, DetailLayout, FormLayout, FullBleedLayout, ListLayout, ProseLayout, SidebarLayout, } from "./PageLayouts.js";
+export { StickyBar } from "./StickyBar.js";
+export { ErrorPage, Forbidden, Maintenance, NotFound, Offline } from "./StatusPages.js";
+export { Cluster, ClusterGrow, } from "./Cluster.js";
+export { Section, Stack } from "./Stack.js";
+export { Button, } from "./Button.js";
+export { ButtonGroup } from "./ButtonGroup.js";
+export {} from "./link.js";
+export { Avatar, avatarColourClass, initialsOf, } from "./Avatar.js";
+export { AvatarStack } from "./AvatarStack.js";
+export { Breadcrumbs } from "./Breadcrumbs.js";
+export { BulletList } from "./BulletList.js";
+export { Callout } from "./Callout.js";
+export { ListRow } from "./ListRow.js";
+export { OutlineRegion, RegionFrame } from "./OutlineRegion.js";
+export { Table, TableBody, TableCell, TableFoot, TableGroupRow, TableHead, TableHeaderCell, TableRow, } from "./Table.js";
+export { EmptyState } from "./EmptyState.js";
+export { Step, Steps } from "./Steps.js";
+export { Timeline, TimelineItem } from "./Timeline.js";
+export { Code } from "./Code.js";
+export { CodeBlock } from "./CodeBlock.js";
+export { CodeExample } from "./CodeExample.js";
+export { Disclosure } from "./Disclosure.js";
+export { Divider } from "./Divider.js";
+export { PageFade, startPageTransition } from "./PageFade.js";
+export { Dialog } from "./Dialog.js";
+export { Drawer } from "./Drawer.js";
+export { Lightbox } from "./Lightbox.js";
+export { Icon } from "./Icon.js";
+export { IconButton } from "./IconButton.js";
+export { ColourSchemeToggle } from "./ColourSchemeToggle.js";
+export { applyColourScheme, schemeClass, colourSchemeScript, readColourScheme, storeColourScheme, } from "./colourScheme.js";
+export { Tabs } from "./Tabs.js";
+export { SegmentedControl } from "./SegmentedControl.js";
+export { FilterGroup } from "./FilterGroup.js";
+export { Checkbox } from "./Checkbox.js";
+export { Radio, RadioGroup } from "./RadioGroup.js";
+export { FileDrop } from "./FileDrop.js";
+export { CopyButton } from "./CopyButton.js";
+export { CopyLine } from "./CopyLine.js";
+export { Field } from "./Field.js";
+export { FormGrid, FormRow, FormRowField } from "./FormRow.js";
+export { FieldDialog } from "./FieldDialog.js";
+export { Input } from "./Input.js";
+export { MetaList } from "./MetaList.js";
+export { Kbd } from "./Kbd.js";
+export { KeyValue, KeyValueList } from "./KeyValueList.js";
+export { Select } from "./Select.js";
+export { Textarea } from "./Textarea.js";
+export { Video } from "./Video.js";
+export { TextLink } from "./TextLink.js";
+export { Caption, Display, Lead, Overline, PageHeading, SectionHeading, SubsectionHeading, Text, } from "./typography.js";
+export { DateField } from "./DateField.js";
+export { fromISODate, toISODate } from "./isoDate.js";

package/dist/isoDate.d.ts

@@ -0,0 +1,5 @@
+import { CalendarDate } from "@internationalized/date";
+/** `"1990-05-17"` for `CalendarDate(1990, 5, 17)`; `""` for no date, so it drops into a form field. */
+export declare function toISODate(date: CalendarDate | null | undefined): string;
+/** The `CalendarDate` of a `"YYYY-MM-DD"` string; `null` for an empty, malformed or impossible one. */
+export declare function fromISODate(iso: string | null | undefined): CalendarDate | null;

package/dist/isoDate.js

@@ -0,0 +1,16 @@
+import { CalendarDate } from "@internationalized/date";
+const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
+/** `"1990-05-17"` for `CalendarDate(1990, 5, 17)`; `""` for no date, so it drops into a form field. */
+export function toISODate(date) {
+    return date ? date.toString() : "";
+}
+/** The `CalendarDate` of a `"YYYY-MM-DD"` string; `null` for an empty, malformed or impossible one. */
+export function fromISODate(iso) {
+    const match = ISO_DATE.exec(iso ?? "");
+    if (!match)
+        return null;
+    const [year, month, day] = [Number(match[1]), Number(match[2]), Number(match[3])];
+    const date = new CalendarDate(year, month, day);
+    // CalendarDate constrains 1990-02-31 to 1990-02-28; a string that does not survive is impossible.
+    return date.toString() === iso ? date : null;
+}

package/dist/lift.harness.d.ts

@@ -0,0 +1,2 @@
+/** `liftInteractive` as it appears in rendered markup, where `&` is escaped. */
+export declare const lifted: string;

package/dist/lift.harness.js

@@ -0,0 +1,3 @@
+import { liftInteractive } from "./cx.js";
+/** `liftInteractive` as it appears in rendered markup, where `&` is escaped. */
+export const lifted = liftInteractive.replaceAll("&", "&");

package/dist/link.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
+type AriaCurrent = NonNullable<ComponentPropsWithoutRef<"a">["aria-current"]>;
+/**
+ * What a `render` function receives to draw a link with the app's own router `<Link>`: the
+ * component's classes, its label as `children`, and (for a tab that is current, a link that is
+ * external or an option with a tooltip) `aria-current`, `target`, `rel` and `title`. Spread it on
+ * the router's link: `render: (props) => <Link to="/quotes" {...props} />`. `@hackcove/ui-react` has no
+ * router dependency.
+ *
+ * An optional field is `?: T`, never `?: T | undefined`, and a key that has no value is left out
+ * rather than set to `undefined`. A router's `<Link>` declares its props that way, so under
+ * `exactOptionalPropertyTypes` the spread compiles. Any other anchor prop the caller gave the
+ * component (`id`, `data-*`, `download`, a handler) arrives too, untyped here, and `<Link>`
+ * takes it as its own.
+ */
+export type LinkRenderProps = {
+    className: string;
+    children: ReactNode;
+    "aria-current"?: AriaCurrent;
+    target?: string;
+    rel?: string;
+    title?: string;
+};
+/** Draws one link. The component hands it `LinkRenderProps`; it returns the app's own link element. */
+export type LinkRender = (props: LinkRenderProps) => ReactNode;
+/**
+ * A link drawn by `render` when there is one, otherwise a plain `<a href>`. `external` adds
+ * `target="_blank"` and `rel="noreferrer"` to either, unless the caller passes its own.
+ */
+export declare function renderLink({ href, render, external, className, children, "aria-current": current, target, rel, title, ...rest }: {
+    className: string;
+    children: ReactNode;
+    "aria-current"?: AriaCurrent | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    title?: string | undefined;
+    href?: string | undefined;
+    render?: LinkRender | undefined;
+    external?: boolean | undefined;
+} & Omit<ComponentPropsWithoutRef<"a">, "href" | "className" | "children" | "aria-current">): ReactElement;
+/**
+ * The `data-*` attributes an item may carry onto its button or link, so a caller keeps its test
+ * ids on a tab. Only `data-*`: there is no `className` or `style`.
+ */
+export type DataAttributes = {
+    [name: `data-${string}`]: string | number | boolean | undefined;
+};
+/** The `data-*` entries of `item`, ready to spread on the element it draws. */
+export declare function dataAttributes(item: object): DataAttributes;
+export {};

package/dist/link.js

@@ -0,0 +1,25 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A link drawn by `render` when there is one, otherwise a plain `<a href>`. `external` adds
+ * `target="_blank"` and `rel="noreferrer"` to either, unless the caller passes its own.
+ */
+export function renderLink({ href, render, external = false, className, children, "aria-current": current, target, rel, title, ...rest }) {
+    const opened = external ? { target: "_blank", rel: "noreferrer" } : {};
+    const all = {
+        ...rest,
+        className,
+        children,
+        ...(current === undefined ? {} : { "aria-current": current }),
+        ...opened,
+        ...(target === undefined ? {} : { target }),
+        ...(rel === undefined ? {} : { rel }),
+        ...(title === undefined ? {} : { title }),
+    };
+    if (render)
+        return _jsx(_Fragment, { children: render(all) });
+    return _jsx("a", { ...(href === undefined ? {} : { href }), ...all });
+}
+/** The `data-*` entries of `item`, ready to spread on the element it draws. */
+export function dataAttributes(item) {
+    return Object.fromEntries(Object.entries(item).filter(([name]) => name.startsWith("data-")));
+}