@hanzo/ui 8.27.91 → 8.28.0

package/dist/backends/gui/feedback.d.ts

@@ -0,0 +1,46 @@
+/**
+ * The one status map for feedback: what a status means, and the colour it is
+ * drawn in. Banner, Alert (the callout) and the toast read it; Status's semantic
+ * aliases (success, warning, error, info) are meant to read it too.
+ *
+ * After twenty-ui's FeedbackStatusColors (MIT, NOTICE): neutral is gray, info is
+ * blue, success green, warning orange, error red. The chrome stays Hanzo's, so
+ * the colour a strip, an icon or a solid fill takes is a STATE token wherever
+ * one exists — `--state-error`, `--state-warning`, `--state-success` — and info,
+ * which this system has no hue for, is the accent (`--primary`, monochrome until
+ * an org picks one). The data palette appears only where a callout needs the
+ * faint ground and edge of its colour (steps 1 and 6), which the states do not
+ * carry.
+ *
+ * Pure data, no gui import, so a server module can read it.
+ */
+/** What a feedback surface reports. */
+export type FeedbackStatus = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+/** The five colours a feedback surface can be drawn in. */
+export type FeedbackColor = 'gray' | 'blue' | 'green' | 'orange' | 'red';
+/** Each status's colour. */
+export declare const STATUS_COLOR: Readonly<Record<FeedbackStatus, FeedbackColor>>;
+/**
+ * The tokens a colour paints with, by role:
+ *
+ *   ink    the colour itself as text or an icon (a soft strip's message, a toast's icon)
+ *   fill   a solid strip's ground
+ *   on     the text on that solid ground (chosen for contrast, not by theme)
+ *   tint   a soft strip's ground, the countdown fill of a toast
+ *   ground a callout's ground (data step 1)
+ *   edge   a callout's border (data step 6)
+ */
+export type FeedbackPaint = {
+    ink: string;
+    fill: string;
+    on: string;
+    tint: string;
+    ground: string;
+    edge: string;
+};
+export declare const STATUS_PAINT: Readonly<Record<FeedbackColor, FeedbackPaint>>;
+/** The colour a surface draws in: its own `color` if it names one, else its status's. */
+export declare const colorOf: (status: FeedbackStatus | null | undefined, color?: FeedbackColor | null) => FeedbackColor;
+/** A colour's paint. */
+export declare const paint: (status: FeedbackStatus | null | undefined, color?: FeedbackColor | null) => FeedbackPaint;
+//# sourceMappingURL=feedback.d.ts.map

package/dist/backends/gui/feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/feedback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,uCAAuC;AACvC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAEjF,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;AAExE,4BAA4B;AAC5B,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC,CAMxE,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,CA4CvE,CAAA;AAED,yFAAyF;AACzF,eAAO,MAAM,OAAO,WAAY,cAAc,GAAG,IAAI,GAAG,SAAS,UAAU,aAAa,GAAG,IAAI,KAAG,aACtD,CAAA;AAE5C,wBAAwB;AACxB,eAAO,MAAM,KAAK,WAAY,cAAc,GAAG,IAAI,GAAG,SAAS,UAAU,aAAa,GAAG,IAAI,KAAG,aAC1D,CAAA"}

package/dist/backends/gui/feedback.js

@@ -0,0 +1,74 @@
+/**
+ * The one status map for feedback: what a status means, and the colour it is
+ * drawn in. Banner, Alert (the callout) and the toast read it; Status's semantic
+ * aliases (success, warning, error, info) are meant to read it too.
+ *
+ * After twenty-ui's FeedbackStatusColors (MIT, NOTICE): neutral is gray, info is
+ * blue, success green, warning orange, error red. The chrome stays Hanzo's, so
+ * the colour a strip, an icon or a solid fill takes is a STATE token wherever
+ * one exists — `--state-error`, `--state-warning`, `--state-success` — and info,
+ * which this system has no hue for, is the accent (`--primary`, monochrome until
+ * an org picks one). The data palette appears only where a callout needs the
+ * faint ground and edge of its colour (steps 1 and 6), which the states do not
+ * carry.
+ *
+ * Pure data, no gui import, so a server module can read it.
+ */
+/** Each status's colour. */
+export const STATUS_COLOR = {
+    neutral: 'gray',
+    info: 'blue',
+    success: 'green',
+    warning: 'orange',
+    error: 'red',
+};
+export const STATUS_PAINT = {
+    gray: {
+        ink: '$ink',
+        fill: '$raised',
+        on: '$ink',
+        tint: '$hover',
+        ground: 'var(--data-gray-1)',
+        edge: 'var(--data-gray-6)',
+    },
+    blue: {
+        ink: 'var(--primary)',
+        fill: 'var(--primary)',
+        on: 'var(--primary-foreground)',
+        tint: 'var(--glass-strong)',
+        ground: 'var(--data-blue-1)',
+        edge: 'var(--data-blue-6)',
+    },
+    green: {
+        ink: 'var(--state-success)',
+        fill: 'var(--state-success)',
+        // A light hue in both themes: dark ink reads on it, white does not (2.3:1).
+        on: 'var(--neutral-950)',
+        tint: 'var(--state-success-bg)',
+        ground: 'var(--data-green-1)',
+        edge: 'var(--data-green-6)',
+    },
+    orange: {
+        ink: 'var(--state-warning)',
+        fill: 'var(--state-warning)',
+        on: 'var(--neutral-950)',
+        tint: 'var(--state-warning-bg)',
+        ground: 'var(--data-orange-1)',
+        edge: 'var(--data-orange-6)',
+    },
+    red: {
+        ink: 'var(--state-error)',
+        // design's destructive FILL, cut for its foreground at 4.6:1; the error hue
+        // itself (#ef4444) carries white at only 3.8:1.
+        fill: 'var(--destructive)',
+        on: 'var(--destructive-foreground)',
+        tint: 'var(--state-error-bg)',
+        ground: 'var(--data-red-1)',
+        edge: 'var(--data-red-6)',
+    },
+};
+/** The colour a surface draws in: its own `color` if it names one, else its status's. */
+export const colorOf = (status, color) => color ?? STATUS_COLOR[status ?? 'neutral'];
+/** A colour's paint. */
+export const paint = (status, color) => STATUS_PAINT[colorOf(status, color)];
+//# sourceMappingURL=feedback.js.map

package/dist/backends/gui/feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.js","sourceRoot":"","sources":["../../../src/backends/gui/feedback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAQH,4BAA4B;AAC5B,MAAM,CAAC,MAAM,YAAY,GAAoD;IAC3E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,KAAK;CACb,CAAA;AAqBD,MAAM,CAAC,MAAM,YAAY,GAAmD;IAC1E,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,oBAAoB;QAC5B,IAAI,EAAE,oBAAoB;KAC3B;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,gBAAgB;QACtB,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,oBAAoB;QAC5B,IAAI,EAAE,oBAAoB;KAC3B;IACD,KAAK,EAAE;QACL,GAAG,EAAE,sBAAsB;QAC3B,IAAI,EAAE,sBAAsB;QAC5B,4EAA4E;QAC5E,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE,yBAAyB;QAC/B,MAAM,EAAE,qBAAqB;QAC7B,IAAI,EAAE,qBAAqB;KAC5B;IACD,MAAM,EAAE;QACN,GAAG,EAAE,sBAAsB;QAC3B,IAAI,EAAE,sBAAsB;QAC5B,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE,yBAAyB;QAC/B,MAAM,EAAE,sBAAsB;QAC9B,IAAI,EAAE,sBAAsB;KAC7B;IACD,GAAG,EAAE;QACH,GAAG,EAAE,oBAAoB;QACzB,4EAA4E;QAC5E,gDAAgD;QAChD,IAAI,EAAE,oBAAoB;QAC1B,EAAE,EAAE,+BAA+B;QACnC,IAAI,EAAE,uBAAuB;QAC7B,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;KAC1B;CACF,CAAA;AAED,yFAAyF;AACzF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,MAAyC,EAAE,KAA4B,EAAiB,EAAE,CAChH,KAAK,IAAI,YAAY,CAAC,MAAM,IAAI,SAAS,CAAC,CAAA;AAE5C,wBAAwB;AACxB,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,MAAyC,EAAE,KAA4B,EAAiB,EAAE,CAC9G,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAA"}

package/dist/backends/gui/field.cjs

@@ -1,7 +1,7 @@
 'use client';"use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldGroup = exports.FieldContent = void 0;
+exports.FieldGroup = exports.FieldContent = exports.invalidOf = exports.useField = void 0;
 exports.Field = Field;
 exports.FieldDescription = FieldDescription;
 exports.FieldError = FieldError;
@@ -31,19 +31,60 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * the compiled `@media (min-width: …)` any `$md` prop emits), so there are no
  * container queries to reach for and none are needed: the same direction every
  * other responsive prop in this codebase is written in.
+ *
+ * Under `<Density value="compact">` the text leaves take the record density
+ * twenty-ui's Field draws (MIT, NOTICE): a 12px semibold label in the light ink
+ * 4px above its control, a 12px light description and a 12px error, the block's
+ * gap 4. Regular density draws exactly what it always did.
+ *
+ * `invalid` on the root is the one statement of the field's validity: it marks
+ * the block (`data-invalid`), and `useField()` hands it to the control inside —
+ * Textarea and SelectTrigger read it as their error edge — and to `FieldError`,
+ * which a field that says `invalid={false}` keeps hidden.
  */
 const gui_1 = require("@hanzo/gui");
 const react_1 = require("react");
-const box_1 = require("../../box.cjs");
 const label_1 = require("./label.cjs");
 const layout_1 = require("./layout.cjs");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
+const density_1 = require("./density.cjs");
+/** What a control inside a `Field` reads: whether the field is invalid, when it says. */
+const FieldState = /* @__PURE__ */ (0, react_1.createContext)({});
+/** The nearest `Field`'s stated validity — `undefined` outside one, or where it states none. */
+const useField = () => (0, react_1.useContext)(FieldState);
+exports.useField = useField;
+/**
+ * `aria-invalid` as the DOM reads it, or the enclosing field's: anything but
+ * absent or the string "false" on the control, else what the Field states.
+ */
+const invalidOf = (aria, field) => aria != null ? aria !== false && aria !== 'false' : !!field.invalid;
+exports.invalidOf = invalidOf;
+/**
+ * The gui values the old `flex flex-col gap-6` read as through `tw`, stated
+ * directly — the same frame `Box` drew (display flex, a 24px column gap, the
+ * div's `auto` minimums and its shrink), now through style props rather than a
+ * utility string. `field.test.tsx` holds the two renders equal.
+ */
 function FieldSet({ children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "fieldset", className: "flex flex-col gap-6", ...(0, slot_1.slot)('field-set'), ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "fieldset", display: "flex", flexDirection: "column", gap: 24, minH: "auto", minW: "auto", shrink: 1, ...(0, slot_1.slot)('field-set'), ...props, children: children }));
 }
-function FieldLegend({ variant = 'legend', children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "legend", className: variant === 'label' ? 'mb-3 text-sm font-medium' : 'mb-3 text-base font-medium', ...(0, slot_1.slot)('field-legend'), "data-variant": variant, ...props, children: children }));
+/**
+ * `mb-3 text-sm|text-base font-medium`, as what it compiled to: a block frame
+ * with a 12px margin under it, and the text on design's sm (13) or base (14)
+ * rung at the medium weight. The text rides as a plain style, as `Box` carried
+ * it: a frame drops a text property, and a legend's text is its children's to
+ * inherit. Line-height `normal` is what the utility resolved to
+ * (`--text-*--line-height` is not a token anyone ships).
+ */
+function FieldLegend({ variant = 'legend', children, style, ...props }) {
+    const rung = variant === 'label' ? 'sm' : 'base';
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "legend", display: "block", mb: 12, minH: "auto", minW: "auto", shrink: 1, ...(0, slot_1.slot)('field-legend'), "data-variant": variant, ...props, style: {
+            fontSize: `var(--text-${rung})`,
+            lineHeight: `var(--text-${rung}--line-height, normal)`,
+            fontWeight: 500,
+            ...style,
+        }, children: children }));
 }
 const FieldGroup = (0, gui_1.styled)(gui_1.YStack, {
     name: 'FieldGroup',
@@ -77,9 +118,10 @@ const FieldFrame = (0, gui_1.styled)(gui_1.XStack, {
     },
     defaultVariants: { orientation: 'vertical' },
 });
-function Field({ orientation = 'vertical', ...props }) {
-    const invalid = props['data-invalid'];
-    return ((0, jsx_runtime_1.jsx)(FieldFrame, { role: "group", ...(0, slot_1.slot)('field'), "data-orientation": orientation, orientation: orientation, invalid: invalid, ...props }));
+function Field({ orientation = 'vertical', invalid: stated, ...props }) {
+    const invalid = stated ?? props['data-invalid'];
+    const compact = (0, density_1.useDensity)() === 'compact';
+    return ((0, jsx_runtime_1.jsx)(FieldState.Provider, { value: { invalid: stated ?? props['data-invalid'] }, children: (0, jsx_runtime_1.jsx)(FieldFrame, { role: "group", ...(0, slot_1.slot)('field'), "data-orientation": orientation, orientation: orientation, ...(stated !== undefined ? { 'data-invalid': stated } : null), invalid: invalid, ...(compact ? { gap: '$1' } : null), ...props }) }));
 }
 const FieldContent = (0, gui_1.styled)(gui_1.YStack, {
     name: 'FieldContent',
@@ -89,9 +131,12 @@ const FieldContent = (0, gui_1.styled)(gui_1.YStack, {
 exports.FieldContent = FieldContent;
 /** A `Field` nested directly inside a `FieldLabel` reads as a choice card. */
 const isFieldChild = (children) => (0, react_1.isValidElement)(children) && children.type === Field;
+/** The record density's caption: 12px semibold in the light ink. */
+const CAPTION = { fontSize: '$1', fontWeight: '600', color: '$hint', lineHeight: '$1' };
 function FieldLabel({ className, children, ...props }) {
     const card = isFieldChild(children);
-    return ((0, jsx_runtime_1.jsx)(label_1.Label, { ...(0, slot_1.slot)('field-label'), gap: "$2", ...(card
+    const compact = (0, density_1.useDensity)() === 'compact';
+    return ((0, jsx_runtime_1.jsx)(label_1.Label, { ...(0, slot_1.slot)('field-label'), ...(compact && !card ? CAPTION : null), gap: "$2", ...(card
             ? {
                 width: '100%',
                 flexDirection: 'column',
@@ -103,10 +148,12 @@ function FieldLabel({ className, children, ...props }) {
             : { self: 'flex-start' }), className: className, ...props, children: children }));
 }
 function FieldTitle({ children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('field-label'), self: "flex-start", items: "center", gap: "$2", ...props, children: (0, ink_1.ink)(children, gui_1.SizableText, { fontSize: '$2', fontWeight: '500' }) }));
+    const compact = (0, density_1.useDensity)() === 'compact';
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('field-label'), self: "flex-start", items: "center", gap: "$2", ...props, children: (0, ink_1.ink)(children, gui_1.SizableText, compact ? CAPTION : { fontSize: '$2', fontWeight: '500' }) }));
 }
 function FieldDescription({ children, ...props }) {
-    return ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('field-description'), fontSize: "$2", fontWeight: "400", color: "$quiet", ...props, children: children }));
+    const compact = (0, density_1.useDensity)() === 'compact';
+    return ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('field-description'), fontSize: compact ? '$1' : '$2', fontWeight: "400", color: compact ? '$hint' : '$quiet', ...props, children: children }));
 }
 function FieldSeparator({ children, ...props }) {
     return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('field-separator'), "data-content": !!children, items: "center", gap: "$2", ...props, children: [(0, jsx_runtime_1.jsx)(layout_1.Separator, { flex: 1 }), children && ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { ...(0, slot_1.slot)('field-separator-content'), color: "$quiet", fontSize: "$2", children: children })), children && (0, jsx_runtime_1.jsx)(layout_1.Separator, { flex: 1 })] }));
@@ -122,11 +169,21 @@ function fieldErrorContent(children, errors, issues) {
         return null;
     if (messages.length === 1)
         return messages[0].message;
-    return ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "ul", className: "ml-4 flex flex-col gap-1", style: { listStyleType: 'disc' }, ...(0, slot_1.slot)('field-error-list'), children: messages.map((error, index) => ((0, jsx_runtime_1.jsx)(box_1.Box, { tag: "li", className: "text-sm text-red9", children: error.message }, index))) }));
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "ul", ml: 16, display: "flex", flexDirection: "column", gap: 4, minH: "auto", minW: "auto", shrink: 1, style: { listStyleType: 'disc' }, ...(0, slot_1.slot)('field-error-list'), children: messages.map((error, index) => ((0, jsx_runtime_1.jsx)(gui_1.YStack, { render: "li", display: "block", minH: "auto", minW: "auto", shrink: 1, style: {
+                display: 'list-item',
+                fontSize: 'var(--text-sm)',
+                lineHeight: 'var(--text-sm--line-height, normal)',
+                color: 'var(--red9)',
+            }, children: error.message }, index))) }));
 }
 function FieldError({ children, errors, issues, ...props }) {
+    const field = (0, exports.useField)();
+    const compact = (0, density_1.useDensity)() === 'compact';
     const content = fieldErrorContent(children, errors, issues);
-    if (!content)
+    // A field that states it is valid shows no error, whatever is passed in.
+    if (!content || field.invalid === false)
         return null;
-    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "alert", ...(0, slot_1.slot)('field-error'), ...props, children: (0, ink_1.ink)(content, gui_1.SizableText, { fontSize: '$2', fontWeight: '400', color: '$red9' }) }));
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "alert", ...(0, slot_1.slot)('field-error'), ...props, children: (0, ink_1.ink)(content, gui_1.SizableText, compact
+            ? { fontSize: '$1', fontWeight: '400', color: '$bad' }
+            : { fontSize: '$2', fontWeight: '400', color: '$red9' }) }));
 }

package/dist/backends/gui/field.d.ts

@@ -18,15 +18,50 @@
  * the compiled `@media (min-width: …)` any `$md` prop emits), so there are no
  * container queries to reach for and none are needed: the same direction every
  * other responsive prop in this codebase is written in.
+ *
+ * Under `<Density value="compact">` the text leaves take the record density
+ * twenty-ui's Field draws (MIT, NOTICE): a 12px semibold label in the light ink
+ * 4px above its control, a 12px light description and a 12px error, the block's
+ * gap 4. Regular density draws exactly what it always did.
+ *
+ * `invalid` on the root is the one statement of the field's validity: it marks
+ * the block (`data-invalid`), and `useField()` hands it to the control inside —
+ * Textarea and SelectTrigger read it as their error edge — and to `FieldError`,
+ * which a field that says `invalid={false}` keeps hidden.
  */
 import { SizableText, XStack } from '@hanzo/gui';
 import { type ComponentProps, type ReactNode } from 'react';
 import { Label } from './label.js';
+/** The nearest `Field`'s stated validity — `undefined` outside one, or where it states none. */
+export declare const useField: () => {
+    invalid?: boolean;
+};
+/**
+ * `aria-invalid` as the DOM reads it, or the enclosing field's: anything but
+ * absent or the string "false" on the control, else what the Field states.
+ */
+export declare const invalidOf: (aria: unknown, field: {
+    invalid?: boolean;
+}) => boolean;
 export type FieldOrientation = 'vertical' | 'horizontal' | 'responsive';
 export type FieldLegendVariant = 'legend' | 'label';
+/**
+ * The gui values the old `flex flex-col gap-6` read as through `tw`, stated
+ * directly — the same frame `Box` drew (display flex, a 24px column gap, the
+ * div's `auto` minimums and its shrink), now through style props rather than a
+ * utility string. `field.test.tsx` holds the two renders equal.
+ */
 declare function FieldSet({ children, ...props }: ComponentProps<'fieldset'>): import("react").JSX.Element;
 export type FieldSetProps = ComponentProps<typeof FieldSet>;
-declare function FieldLegend({ variant, children, ...props }: ComponentProps<'legend'> & {
+/**
+ * `mb-3 text-sm|text-base font-medium`, as what it compiled to: a block frame
+ * with a 12px margin under it, and the text on design's sm (13) or base (14)
+ * rung at the medium weight. The text rides as a plain style, as `Box` carried
+ * it: a frame drops a text property, and a legend's text is its children's to
+ * inherit. Line-height `normal` is what the utility resolved to
+ * (`--text-*--line-height` is not a token anyone ships).
+ */
+declare function FieldLegend({ variant, children, style, ...props }: ComponentProps<'legend'> & {
     variant?: FieldLegendVariant;
 }): import("react").JSX.Element;
 export type FieldLegendProps = ComponentProps<typeof FieldLegend>;
@@ -41,11 +76,16 @@ declare const FieldFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui
     invalid?: boolean | undefined;
     orientation?: "horizontal" | "responsive" | "vertical" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
-export type FieldProps = Omit<ComponentProps<typeof FieldFrame>, 'orientation'> & {
+export type FieldProps = Omit<ComponentProps<typeof FieldFrame>, 'orientation' | 'invalid'> & {
     orientation?: FieldOrientation;
+    /**
+     * The field's validity, stated once: the block is marked, the control inside
+     * draws its error edge, and `FieldError` shows (or, `false`, stays hidden).
+     */
+    invalid?: boolean;
     'data-invalid'?: boolean;
 };
-declare function Field({ orientation, ...props }: FieldProps): import("react").JSX.Element;
+declare function Field({ orientation, invalid: stated, ...props }: FieldProps): import("react").JSX.Element;
 declare const FieldContent: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;

package/dist/backends/gui/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/field.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAuC,MAAM,YAAY,CAAA;AACrF,OAAO,EAA6C,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtG,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAS/B,gGAAgG;AAChG,eAAO,MAAM,QAAQ;cAHwC,OAAO;CAGhB,CAAA;AAEpD;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,OAAO,SAAS;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,YACA,CAAA;AAErE,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,CAAA;AACvE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEnD;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,UAAU,CAAC,+BAgBnE;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE3D;;;;;;;GAOG;AACH,iBAAS,WAAW,CAAC,EAAE,OAAkB,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IACjG,OAAO,CAAC,EAAE,kBAAkB,CAAA;CAC7B,+BAuBA;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEjE,QAAA,MAAM,UAAU;;;8CAId,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAM/D,QAAA,MAAM,UAAU;;;;;8CAwBd,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC,GAAG;IAC5F,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,iBAAS,KAAK,CAAC,EAAE,WAAwB,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAkBjF;AAED,QAAA,MAAM,YAAY;;;8CAIhB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AAQnE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,+BAwBlF;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAE/D,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,+BAOxE;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAE/D,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,+BAanF;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE3E,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,+BAYA;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEvE,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAsDlD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC,CAAA;IAC3C,gFAAgF;IAChF,MAAM,CAAC,EAAE,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC,CAAA;CAC5C,CAAA;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,sCAiB1E;AAED,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,GACX,CAAA"}

package/dist/backends/gui/field.js

@@ -20,19 +20,58 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the compiled `@media (min-width: …)` any `$md` prop emits), so there are no
  * container queries to reach for and none are needed: the same direction every
  * other responsive prop in this codebase is written in.
+ *
+ * Under `<Density value="compact">` the text leaves take the record density
+ * twenty-ui's Field draws (MIT, NOTICE): a 12px semibold label in the light ink
+ * 4px above its control, a 12px light description and a 12px error, the block's
+ * gap 4. Regular density draws exactly what it always did.
+ *
+ * `invalid` on the root is the one statement of the field's validity: it marks
+ * the block (`data-invalid`), and `useField()` hands it to the control inside —
+ * Textarea and SelectTrigger read it as their error edge — and to `FieldError`,
+ * which a field that says `invalid={false}` keeps hidden.
  */
 import { SizableText, XStack, YStack, createStyledContext, styled } from '@hanzo/gui';
-import { isValidElement } from 'react';
-import { Box } from '../../box.js';
+import { createContext, isValidElement, useContext } from 'react';
 import { Label } from './label.js';
 import { Separator } from './layout.js';
 import { ink } from './ink.js';
 import { slot } from './slot.js';
+import { useDensity } from './density.js';
+/** What a control inside a `Field` reads: whether the field is invalid, when it says. */
+const FieldState = /* @__PURE__ */ createContext({});
+/** The nearest `Field`'s stated validity — `undefined` outside one, or where it states none. */
+export const useField = () => useContext(FieldState);
+/**
+ * `aria-invalid` as the DOM reads it, or the enclosing field's: anything but
+ * absent or the string "false" on the control, else what the Field states.
+ */
+export const invalidOf = (aria, field) => aria != null ? aria !== false && aria !== 'false' : !!field.invalid;
+/**
+ * The gui values the old `flex flex-col gap-6` read as through `tw`, stated
+ * directly — the same frame `Box` drew (display flex, a 24px column gap, the
+ * div's `auto` minimums and its shrink), now through style props rather than a
+ * utility string. `field.test.tsx` holds the two renders equal.
+ */
 function FieldSet({ children, ...props }) {
-    return (_jsx(Box, { tag: "fieldset", className: "flex flex-col gap-6", ...slot('field-set'), ...props, children: children }));
+    return (_jsx(YStack, { render: "fieldset", display: "flex", flexDirection: "column", gap: 24, minH: "auto", minW: "auto", shrink: 1, ...slot('field-set'), ...props, children: children }));
 }
-function FieldLegend({ variant = 'legend', children, ...props }) {
-    return (_jsx(Box, { tag: "legend", className: variant === 'label' ? 'mb-3 text-sm font-medium' : 'mb-3 text-base font-medium', ...slot('field-legend'), "data-variant": variant, ...props, children: children }));
+/**
+ * `mb-3 text-sm|text-base font-medium`, as what it compiled to: a block frame
+ * with a 12px margin under it, and the text on design's sm (13) or base (14)
+ * rung at the medium weight. The text rides as a plain style, as `Box` carried
+ * it: a frame drops a text property, and a legend's text is its children's to
+ * inherit. Line-height `normal` is what the utility resolved to
+ * (`--text-*--line-height` is not a token anyone ships).
+ */
+function FieldLegend({ variant = 'legend', children, style, ...props }) {
+    const rung = variant === 'label' ? 'sm' : 'base';
+    return (_jsx(YStack, { render: "legend", display: "block", mb: 12, minH: "auto", minW: "auto", shrink: 1, ...slot('field-legend'), "data-variant": variant, ...props, style: {
+            fontSize: `var(--text-${rung})`,
+            lineHeight: `var(--text-${rung}--line-height, normal)`,
+            fontWeight: 500,
+            ...style,
+        }, children: children }));
 }
 const FieldGroup = styled(YStack, {
     name: 'FieldGroup',
@@ -65,9 +104,10 @@ const FieldFrame = styled(XStack, {
     },
     defaultVariants: { orientation: 'vertical' },
 });
-function Field({ orientation = 'vertical', ...props }) {
-    const invalid = props['data-invalid'];
-    return (_jsx(FieldFrame, { role: "group", ...slot('field'), "data-orientation": orientation, orientation: orientation, invalid: invalid, ...props }));
+function Field({ orientation = 'vertical', invalid: stated, ...props }) {
+    const invalid = stated ?? props['data-invalid'];
+    const compact = useDensity() === 'compact';
+    return (_jsx(FieldState.Provider, { value: { invalid: stated ?? props['data-invalid'] }, children: _jsx(FieldFrame, { role: "group", ...slot('field'), "data-orientation": orientation, orientation: orientation, ...(stated !== undefined ? { 'data-invalid': stated } : null), invalid: invalid, ...(compact ? { gap: '$1' } : null), ...props }) }));
 }
 const FieldContent = styled(YStack, {
     name: 'FieldContent',
@@ -76,9 +116,12 @@ const FieldContent = styled(YStack, {
 });
 /** A `Field` nested directly inside a `FieldLabel` reads as a choice card. */
 const isFieldChild = (children) => isValidElement(children) && children.type === Field;
+/** The record density's caption: 12px semibold in the light ink. */
+const CAPTION = { fontSize: '$1', fontWeight: '600', color: '$hint', lineHeight: '$1' };
 function FieldLabel({ className, children, ...props }) {
     const card = isFieldChild(children);
-    return (_jsx(Label, { ...slot('field-label'), gap: "$2", ...(card
+    const compact = useDensity() === 'compact';
+    return (_jsx(Label, { ...slot('field-label'), ...(compact && !card ? CAPTION : null), gap: "$2", ...(card
             ? {
                 width: '100%',
                 flexDirection: 'column',
@@ -90,10 +133,12 @@ function FieldLabel({ className, children, ...props }) {
             : { self: 'flex-start' }), className: className, ...props, children: children }));
 }
 function FieldTitle({ children, ...props }) {
-    return (_jsx(XStack, { ...slot('field-label'), self: "flex-start", items: "center", gap: "$2", ...props, children: ink(children, SizableText, { fontSize: '$2', fontWeight: '500' }) }));
+    const compact = useDensity() === 'compact';
+    return (_jsx(XStack, { ...slot('field-label'), self: "flex-start", items: "center", gap: "$2", ...props, children: ink(children, SizableText, compact ? CAPTION : { fontSize: '$2', fontWeight: '500' }) }));
 }
 function FieldDescription({ children, ...props }) {
-    return (_jsx(SizableText, { ...slot('field-description'), fontSize: "$2", fontWeight: "400", color: "$quiet", ...props, children: children }));
+    const compact = useDensity() === 'compact';
+    return (_jsx(SizableText, { ...slot('field-description'), fontSize: compact ? '$1' : '$2', fontWeight: "400", color: compact ? '$hint' : '$quiet', ...props, children: children }));
 }
 function FieldSeparator({ children, ...props }) {
     return (_jsxs(XStack, { ...slot('field-separator'), "data-content": !!children, items: "center", gap: "$2", ...props, children: [_jsx(Separator, { flex: 1 }), children && (_jsx(SizableText, { ...slot('field-separator-content'), color: "$quiet", fontSize: "$2", children: children })), children && _jsx(Separator, { flex: 1 })] }));
@@ -109,13 +154,23 @@ function fieldErrorContent(children, errors, issues) {
         return null;
     if (messages.length === 1)
         return messages[0].message;
-    return (_jsx(Box, { tag: "ul", className: "ml-4 flex flex-col gap-1", style: { listStyleType: 'disc' }, ...slot('field-error-list'), children: messages.map((error, index) => (_jsx(Box, { tag: "li", className: "text-sm text-red9", children: error.message }, index))) }));
+    return (_jsx(YStack, { render: "ul", ml: 16, display: "flex", flexDirection: "column", gap: 4, minH: "auto", minW: "auto", shrink: 1, style: { listStyleType: 'disc' }, ...slot('field-error-list'), children: messages.map((error, index) => (_jsx(YStack, { render: "li", display: "block", minH: "auto", minW: "auto", shrink: 1, style: {
+                display: 'list-item',
+                fontSize: 'var(--text-sm)',
+                lineHeight: 'var(--text-sm--line-height, normal)',
+                color: 'var(--red9)',
+            }, children: error.message }, index))) }));
 }
 function FieldError({ children, errors, issues, ...props }) {
+    const field = useField();
+    const compact = useDensity() === 'compact';
     const content = fieldErrorContent(children, errors, issues);
-    if (!content)
+    // A field that states it is valid shows no error, whatever is passed in.
+    if (!content || field.invalid === false)
         return null;
-    return (_jsx(XStack, { role: "alert", ...slot('field-error'), ...props, children: ink(content, SizableText, { fontSize: '$2', fontWeight: '400', color: '$red9' }) }));
+    return (_jsx(XStack, { role: "alert", ...slot('field-error'), ...props, children: ink(content, SizableText, compact
+            ? { fontSize: '$1', fontWeight: '400', color: '$bad' }
+            : { fontSize: '$2', fontWeight: '400', color: '$red9' }) }));
 }
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, };
 //# sourceMappingURL=field.js.map

package/dist/backends/gui/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/backends/gui/field.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/backends/gui/field.tsx"],"names":[],"mappings":"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"}

package/dist/backends/gui/flag.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flag = void 0;
+/**
+ * A country's flag as text: the two regional-indicator letters of its ISO
+ * 3166-1 alpha-2 code, which a platform draws as its flag emoji. No assets ship
+ * with the package for it; a platform that has no flag glyphs (Windows) draws the
+ * two letters, which still name the country. Anything that is not two ASCII
+ * letters is not a country code, and has no flag.
+ */
+const flag = (iso) => {
+    const code = iso?.trim().toUpperCase();
+    if (!code || !/^[A-Z]{2}$/.test(code))
+        return null;
+    return String.fromCodePoint(...[...code].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65));
+};
+exports.flag = flag;

package/dist/backends/gui/flag.d.ts

@@ -0,0 +1,9 @@
+/**
+ * A country's flag as text: the two regional-indicator letters of its ISO
+ * 3166-1 alpha-2 code, which a platform draws as its flag emoji. No assets ship
+ * with the package for it; a platform that has no flag glyphs (Windows) draws the
+ * two letters, which still name the country. Anything that is not two ASCII
+ * letters is not a country code, and has no flag.
+ */
+export declare const flag: (iso: string | null | undefined) => string | null;
+//# sourceMappingURL=flag.d.ts.map

package/dist/backends/gui/flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/flag.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,QAAS,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAAM,GAAG,IAI9D,CAAA"}

package/dist/backends/gui/flag.js

@@ -0,0 +1,14 @@
+/**
+ * A country's flag as text: the two regional-indicator letters of its ISO
+ * 3166-1 alpha-2 code, which a platform draws as its flag emoji. No assets ship
+ * with the package for it; a platform that has no flag glyphs (Windows) draws the
+ * two letters, which still name the country. Anything that is not two ASCII
+ * letters is not a country code, and has no flag.
+ */
+export const flag = (iso) => {
+    const code = iso?.trim().toUpperCase();
+    if (!code || !/^[A-Z]{2}$/.test(code))
+        return null;
+    return String.fromCodePoint(...[...code].map((c) => 0x1f1e6 + c.charCodeAt(0) - 65));
+};
+//# sourceMappingURL=flag.js.map

package/dist/backends/gui/flag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flag.js","sourceRoot":"","sources":["../../../src/backends/gui/flag.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAA8B,EAAiB,EAAE;IACpE,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IACtC,IAAI,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAClD,OAAO,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;AACtF,CAAC,CAAA"}