@hanzo/ui 8.27.90 → 8.28.0

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

@@ -1,13 +1,28 @@
 import { type ComponentProps, type MouseEventHandler, type ReactNode } from 'react';
 import type { Microdata } from './microdata.js';
+import { type ShortcutKeys } from './shortcut.js';
 export type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | 'primary' | 'linkFG' | 'linkMuted';
-export type ButtonSize = 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+/**
+ * The colour a control speaks in, across its variant: twenty-ui's `color` axis
+ * (MIT). Named `tone` because `color` is already the label's colour here.
+ *
+ * `accent` is the monochrome accent — `--primary`, ink by default and an org's
+ * colour once it picks one — never a hue of its own. `danger` and `success` are
+ * the two state hues design permits.
+ */
+export type ButtonTone = 'neutral' | 'accent' | 'danger' | 'success';
+export type ButtonSize = 'default' | 'sm' | 'xs' | 'lg' | 'icon' | 'icon-sm' | 'icon-xs' | 'icon-2xs' | 'icon-lg';
 declare const Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/web").StackNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     chromeless?: "all" | boolean | undefined;
     circular?: boolean | undefined;
+    compact?: boolean | undefined;
     disabled?: boolean | undefined;
+    elevated?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
-    size?: number | "default" | "icon" | "icon-lg" | "icon-sm" | "lg" | "sm" | import("@hanzogui/web").SizeTokens | undefined;
+    fullWidth?: boolean | undefined;
+    round?: boolean | undefined;
+    size?: number | "default" | "icon" | "icon-2xs" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | import("@hanzogui/web").SizeTokens | undefined;
+    tone?: ButtonTone | undefined;
     unstyled?: boolean | undefined;
     variant?: "default" | "destructive" | "ghost" | "link" | "linkFG" | "linkMuted" | "outline" | "outlined" | "primary" | "secondary" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
@@ -17,10 +32,60 @@ declare const Frame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web"
  */
 import { buttonVariants } from '../../style.js';
 export { buttonVariants };
-export type ButtonProps = Omit<ComponentProps<typeof Frame>, 'variant' | 'size' | 'children' | 'onClick'> & {
+export type ButtonProps = Omit<ComponentProps<typeof Frame>, 'variant' | 'size' | 'children' | 'onClick' | 'compact' | 'tone' | 'elevated' | 'fullWidth' | 'round'> & {
     variant?: ButtonVariant | null;
+    /**
+     * The box. Unset, it follows the nearest `<Density>`: `default` (36) on a
+     * regular surface, `sm` (32) with the 8px record gutter on a compact one.
+     */
     size?: ButtonSize | null;
     isLoading?: boolean;
+    /** An icon before the label, drawn at the size's glyph (14 at `sm`/`xs`, 16 otherwise) unless it names one. */
+    startIcon?: ReactNode;
+    /** An icon after the label — a chevron on a menu button, an arrow on a link. */
+    endIcon?: ReactNode;
+    /**
+     * The keys that do what the button does, drawn after the label as the quiet
+     * `Shortcut variant="button"` hint ("Update view ⌘↵"): one combination
+     * (`['Mod', 'Enter']`) or a sequence (`[['G'], ['P']]`). It names the keys;
+     * binding them is the host's.
+     */
+    shortcut?: ShortcutKeys;
+    /** The word between a sequence's combinations. Default "then". */
+    shortcutJoinLabel?: string;
+    /**
+     * `subtle` lowers the label to the tertiary rank, `$hint` (design's ink at
+     * 55%): the icon button inside a row, a chip or a column header, which is
+     * present without asking to be pressed. Not `$quiet`, measured: gui's ramp is
+     * not symmetric, and in the light theme `$quiet` is rgb(36,36,36) — the ink by
+     * another name. A share of the ink keeps its distance in either scheme.
+     */
+    emphasis?: 'standard' | 'subtle';
+    /** The colour axis across the variant: `accent`, `danger`, `success` (see `ButtonTone`). */
+    tone?: ButtonTone;
+    /**
+     * Where the spinner stands while `isLoading`. `start` (the default) puts it
+     * before the label; `end` after it; `center` keeps the label's width but hides
+     * it, so a button does not change size when it starts working.
+     */
+    loadingPosition?: 'start' | 'center' | 'end';
+    /** Takes the whole width of its row. */
+    fullWidth?: boolean;
+    /** Lifted: the small shadow and, on an outline, the ground fill with the stronger edge. */
+    elevated?: boolean;
+    /** `round` makes an icon size a circle. */
+    shape?: 'square' | 'round';
+    /**
+     * A hint shown under the button after a second's hover or on focus. A string
+     * also names an icon-only button for assistive technology when it has no
+     * `aria-label`. A disabled button keeps showing it.
+     */
+    tooltip?: ReactNode;
+    /**
+     * A disabled button that still takes focus: announced as disabled
+     * (`aria-disabled`), not pressable, but reachable — so its tooltip can say why.
+     */
+    focusableWhenDisabled?: boolean;
     children?: ReactNode;
     /**
      * The DOM click. Frame types this from the cross-platform stack, where the
@@ -73,6 +138,6 @@ export type ButtonProps = Omit<ComponentProps<typeof Frame>, 'variant' | 'size'
     name?: string;
     value?: string;
 } & Microdata;
-declare function Button({ className, variant, size, asChild, isLoading, disabled, children, ...props }: ButtonProps): import("react").JSX.Element;
+declare function Button({ tooltip, ...props }: ButtonProps): import("react").JSX.Element;
 export { Button };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAK5C,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,WAAW,CAAA;AAEf,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAoCjF,QAAA,MAAM,KAAK;;;;;;;;8CA2GT,CAAA;AAEF;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,CAAA;AAEzB,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAC5C,GAAG;IACF,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,SAAS,CAAA;AAEb,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,OAAe,EACf,SAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Db;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAEtB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAO5C,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAA;AAExD,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,SAAS,GACT,QAAQ,GACR,WAAW,CAAA;AAEf;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,SAAS,CAAA;AAgEb,QAAA,MAAM,KAAK;;;;;;;;;;;;;8CAoKT,CAAA;AA2CF;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,CAAA;AAEzB,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CACtG,GAAG;IACF,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+GAA+G;IAC/G,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,kEAAkE;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAA;IAChC,4FAA4F;IAC5F,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAC5C,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,SAAS,CAAA;AAqBb,iBAAS,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAiBjD;AAsID,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/button.js

@@ -22,39 +22,70 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * The 44px touch floor comes from `touch()`, which is platform-correct on web
  * as well as native — visual density stays at 36/32/40px.
  */
-import { Button as GuiButton, Spinner, styled } from '@hanzo/gui';
-import { createElement, isValidElement, } from 'react';
+import { Button as GuiButton, Spinner, XStack, styled } from '@hanzo/gui';
+import { cloneElement, createElement, isValidElement, useContext, } from 'react';
 import { sx } from '../../sx.js';
 import { ink } from './ink.js';
 import { touch } from './gesture.js';
+import { useDensity } from './density.js';
+import { ButtonGroupContext } from './button-group.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip.js';
+import { Shortcut } from './shortcut.js';
 /** The floor every size takes under a coarse pointer: a thumb, not a cursor. */
 const TOUCH = 44;
+/**
+ * `xs` (24), `icon-xs` (24) and `icon-2xs` (20) are the record density: the
+ * quiet buttons a table cell, a chip, a kanban header and a menu row hold
+ * (twenty-ui's sm and xs, MIT). They sit beside 13px text, carry a 14px icon and
+ * keep the 44px press area under a coarse pointer like every other size.
+ */
 const HEIGHT = {
     default: 36,
     sm: 32,
+    xs: 24,
     lg: 40,
     icon: 36,
     'icon-sm': 32,
+    'icon-xs': 24,
+    'icon-2xs': 20,
     'icon-lg': 40,
 };
 /** Type scale per size — applied to the Text host, which is what renders it. */
 const TYPE = {
     default: '$3',
     sm: '$2',
+    xs: '$2',
     lg: '$3',
     icon: '$3',
     'icon-sm': '$2',
+    'icon-xs': '$2',
+    'icon-2xs': '$1',
     'icon-lg': '$3',
 };
+/** The icon each size draws a `startIcon`/`endIcon` at, when the icon names no size of its own. */
+const GLYPH = {
+    default: 16,
+    sm: 14,
+    xs: 14,
+    lg: 16,
+    icon: 16,
+    'icon-sm': 16,
+    'icon-xs': 14,
+    'icon-2xs': 14,
+    'icon-lg': 20,
+};
 /** The spinner's CEILING, paired 1:1 with TYPE above. A ceiling rather than a
  *  size for the reason the height ladder gives: a pin clips, a bound does not.
  *  A spinner stands in for the label, so it may not outgrow the label's line. */
 const SPIN = {
     default: 16,
     sm: 14,
+    xs: 12,
     lg: 16,
     icon: 16,
     'icon-sm': 14,
+    'icon-xs': 12,
+    'icon-2xs': 12,
     'icon-lg': 16,
 };
 const Frame = styled(GuiButton.Frame, {
@@ -152,25 +183,162 @@ const Frame = styled(GuiButton.Frame, {
             // TOUCH, the target a thumb lands on; a mouse keeps the designed sizes.
             default: { height: 'auto', minHeight: HEIGHT.default, px: '$4', $touchable: { minHeight: TOUCH } },
             sm: { height: 'auto', minHeight: HEIGHT.sm, px: '$3', gap: '$1.5', $touchable: { minHeight: TOUCH } },
+            xs: { height: 'auto', minHeight: HEIGHT.xs, px: '$2', gap: '$1', $touchable: { minHeight: TOUCH } },
             lg: { height: 'auto', minHeight: HEIGHT.lg, px: '$6', $touchable: { minHeight: TOUCH } },
             icon: { height: 'auto', minHeight: HEIGHT.icon, width: 'auto', minWidth: HEIGHT.icon, px: 0, $touchable: { minHeight: TOUCH, minWidth: TOUCH } },
             'icon-sm': { height: 'auto', minHeight: HEIGHT['icon-sm'], width: 'auto', minWidth: HEIGHT['icon-sm'], px: 0, $touchable: { minHeight: TOUCH, minWidth: TOUCH } },
+            'icon-xs': { height: 'auto', minHeight: HEIGHT['icon-xs'], width: 'auto', minWidth: HEIGHT['icon-xs'], px: 0, $touchable: { minHeight: TOUCH, minWidth: TOUCH } },
+            'icon-2xs': { height: 'auto', minHeight: HEIGHT['icon-2xs'], width: 'auto', minWidth: HEIGHT['icon-2xs'], px: 0, rounded: '$xs', $touchable: { minHeight: TOUCH, minWidth: TOUCH } },
             'icon-lg': { height: 'auto', minHeight: HEIGHT['icon-lg'], width: 'auto', minWidth: HEIGHT['icon-lg'], px: 0, $touchable: { minHeight: TOUCH, minWidth: TOUCH } },
         },
+        // The record density's gutter: 8 beside the label and 4 between an icon and
+        // it, on the 32px box `compact` gives a size-less Button. After `size`, so
+        // it wins over the 12 `sm` states; passed only when the density chose the
+        // size, so a named size — an icon size, whose gutter is its width, above all
+        // — keeps its own.
+        compact: {
+            true: { px: '$2', gap: '$1' },
+        },
+        // After `variant`, so a tone restates the variant's colours rather than
+        // racing them. A function of the variant because the axis means a different
+        // pair per shape: the edge and the ink of an outline, the tint of a soft
+        // button, the fill of a solid one. `neutral` is the variant as it is.
+        tone: (tone, { props }) => {
+            const t = TONES[tone];
+            if (!t)
+                return {};
+            switch (props.variant) {
+                case 'primary':
+                    return { bg: t.fill, color: t.fillInk, borderColor: 'transparent', hoverStyle: { bg: t.fillHover, borderColor: 'transparent' } };
+                case 'secondary':
+                    return { bg: t.soft, color: t.ink, hoverStyle: { bg: t.softHover, opacity: 1 } };
+                case 'ghost':
+                    return { color: t.ink, hoverStyle: { bg: t.tint } };
+                case 'default':
+                case 'outline':
+                case undefined:
+                    return { color: t.ink, borderColor: t.edge, hoverStyle: { bg: t.tint, borderColor: t.edge } };
+                default:
+                    return { color: t.ink };
+            }
+        },
+        // Lifted off the page: the ladder's first rung (the `elevation-1` class the
+        // component adds — lit edge and small drop, owned by glass.css) and, on an
+        // outline, the page's ground with the stronger edge, so it reads as raised
+        // rather than as a hole (twenty-ui's `elevated`). Never `--shadow-sm`: that
+        // size ramp is common property and glass.test holds the ladder off it.
+        elevated: (on, { props }) => on
+            ? {
+                // The page's ground, through `--surface-page`. Neither `$background`
+                // nor `var(--background)` will do: gui redeclares `--background` on
+                // its Button sub-theme, so inside a button both read gui's button grey
+                // (rgb(36,36,36) measured). `--surface-page` is declared on :root as
+                // `var(--background)` and inherits RESOLVED, so it is the page's.
+                ...(props.variant === 'default' || props.variant === 'outline' || props.variant === undefined
+                    ? { bg: 'var(--surface-page)', borderColor: '$rim' }
+                    : null),
+            }
+            : {},
+        fullWidth: {
+            true: { width: '100%', self: 'stretch' },
+        },
+        round: {
+            true: { rounded: '$10' },
+        },
         disabled: {
             true: { opacity: 0.5, pointerEvents: 'none', cursor: 'default' },
         },
     },
     defaultVariants: { variant: 'default', size: 'default' },
 });
+/** Each tone's pairs: ink and edge for an outline, tint under the pointer, the
+ *  soft fill and its hover, the solid fill, its ink and its hover. */
+const TONES = {
+    accent: {
+        ink: 'var(--primary)',
+        edge: 'var(--primary)',
+        tint: '$hover',
+        soft: '$hover',
+        softHover: '$raised',
+        fill: 'var(--primary)',
+        fillInk: 'var(--primary-foreground)',
+        fillHover: 'var(--primary-hover)',
+    },
+    danger: {
+        ink: '$bad',
+        edge: '$red7',
+        tint: 'var(--state-error-bg)',
+        soft: 'var(--state-error-bg)',
+        softHover: '$red4',
+        fill: 'var(--destructive)',
+        fillInk: 'var(--destructive-foreground)',
+        fillHover: 'var(--destructive-hover)',
+    },
+    success: {
+        ink: '$good',
+        edge: '$green7',
+        tint: 'var(--state-success-bg)',
+        soft: 'var(--state-success-bg)',
+        softHover: '$green4',
+        fill: '$green9',
+        fillInk: '#ffffff',
+        fillHover: '$green10',
+    },
+};
+/** The ink a tone gives its icons, which read colour from a prop and not from the label's text context. */
+const toneInk = (tone, variant) => {
+    if (tone === 'neutral')
+        return undefined;
+    return variant === 'primary' ? TONES[tone].fillInk : TONES[tone].ink;
+};
 /**
  * A stable class handle for hosts that hook buttons from CSS. Styling lives in
  * the tokens; this only names the variant and size.
  */
 import { buttonVariants } from '../../style.js';
 export { buttonVariants };
-function Button({ className, variant = 'default', size = 'default', asChild = false, isLoading = false, disabled, children, ...props }) {
-    const resolved = size ?? 'default';
+/**
+ * A Lucide-style icon element, given the size it is drawn at and the label's
+ * colour, each only where it names none of its own. A gui icon reads its colour
+ * from a prop, not from the text context the label's colour rides on, so a
+ * subtle button's icon would otherwise stay at full ink beside a quiet label.
+ */
+const glyph = (icon, size, color) => {
+    if (!isValidElement(icon))
+        return icon;
+    const own = icon.props;
+    const next = { ...(own.size == null ? { size } : null), ...(color && own.color == null ? { color } : null) };
+    return Object.keys(next).length ? cloneElement(icon, next) : icon;
+};
+/** The two record sizes whose child IS the icon, so the button draws it at its glyph. */
+const SMALL_ICON = new Set(['icon-xs', 'icon-2xs']);
+/** How long a pointer rests on a button before its tooltip shows (twenty-ui's 1000ms). */
+const TOOLTIP_DELAY = 1000;
+function Button({ tooltip, ...props }) {
+    if (tooltip == null || tooltip === false)
+        return _jsx(Pressable, { ...props });
+    const label = typeof tooltip === 'string' && props['aria-label'] == null ? { 'aria-label': tooltip } : null;
+    return (_jsxs(Tooltip, { delay: TOOLTIP_DELAY, placement: "bottom", children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Pressable, { ...props, ...(props.disabled ? { focusableWhenDisabled: true } : null), ...label }) }), _jsx(TooltipContent, { children: tooltip })] }));
+}
+function Pressable({ className, variant: own, size, asChild = false, isLoading = false, disabled, startIcon, endIcon, shortcut, shortcutJoinLabel, emphasis = 'standard', tone: ownTone, loadingPosition = 'start', fullWidth, elevated, shape, focusableWhenDisabled, children, ...props }) {
+    const density = useDensity();
+    const group = useContext(ButtonGroupContext);
+    const variant = own ?? group?.variant ?? 'default';
+    const tone = ownTone ?? group?.tone ?? 'neutral';
+    const resolved = size ?? group?.size ?? (density === 'compact' ? 'sm' : 'default');
+    // Only the box the density chose takes its gutter: a named size is a decision.
+    const compact = density === 'compact' && size == null && group?.size == null;
+    const quiet = emphasis === 'subtle' ? { color: '$hint' } : null;
+    const tint = emphasis === 'subtle' ? '$hint' : toneInk(tone, variant);
+    // The record density's label weight: medium, as twenty-ui sets every button.
+    const weight = density === 'compact' ? { fontWeight: '500' } : null;
+    // Disabled but focusable: the frame's `disabled` would take pointer events and
+    // focus away, so the state is said in ARIA and the press is refused here.
+    const inert = !!disabled && !!focusableWhenDisabled;
+    const center = isLoading && loadingPosition === 'center';
+    // aria-hidden: the label stays the name and `disabled` says it is busy; an
+    // unnamed progressbar beside it is what axe reports.
+    const spinner = _jsx(Spinner, { "aria-hidden": true, size: "small", maxW: SPIN[resolved], maxH: SPIN[resolved] });
     // gui's own `asChild` cannot merge into the child here: the Button frame bakes
     // a `render: <button>`, so asChild WRAPS the child in a button and drops every
     // compiled style (measured: `<button class="is_View "><a>…</a></button>`).
@@ -184,9 +352,14 @@ function Button({ className, variant = 'default', size = 'default', asChild = fa
     // default, as `render` below records) so it cannot say otherwise. A caller's
     // `role` still lands, from the spread after it.
     const link = host != null && host.props.href != null;
-    return (_jsxs(Frame, { "data-slot": "button", "data-variant": variant ?? 'default', "data-size": resolved, variant: variant ?? 'default', size: resolved, ...(host
+    return (_jsxs(Frame, { "data-slot": "button", "data-variant": variant, "data-size": resolved, ...(tone !== 'neutral' ? { 'data-tone': tone } : null), variant: variant, size: resolved, ...(compact ? { compact: true } : null), ...(tone !== 'neutral' ? { tone } : null), ...(elevated ? { elevated: true } : null), ...(fullWidth ? { fullWidth: true } : null), ...(shape === 'round' ? { round: true } : null), ...(group?.framed ? { rounded: 1 } : null), ...(center ? { position: 'relative' } : null), ...(host
             ? { render: createElement(host.type, { ...host.props, children: undefined }) }
-            : null), ...(link ? { role: undefined } : null), disabled: disabled || isLoading, ...touch(HEIGHT[resolved], 44, 'y'), ...sx(buttonVariants({ variant, size, className })), ...props, children: [isLoading && _jsx(Spinner, { size: "small", maxW: SPIN[resolved], maxH: SPIN[resolved] }), ink(body, GuiButton.Text, { fontSize: TYPE[resolved] })] }));
+            : null), ...(link ? { role: undefined } : null), disabled: inert ? false : disabled || isLoading, ...(inert ? { 'aria-disabled': true, opacity: 0.5, cursor: 'not-allowed' } : null), ...touch(HEIGHT[resolved], 44, 'y'), ...sx(buttonVariants({ variant, size, className: elevated ? [className, 'elevation-1'].filter(Boolean).join(' ') : className })), ...props, ...(inert ? { onPress: undefined, onClick: (e) => e?.preventDefault?.() } : null), children: [isLoading && loadingPosition === 'start' ? spinner : null, center ? (_jsx(XStack, { position: "absolute", t: 0, b: 0, l: 0, r: 0, items: "center", justify: "center", pointerEvents: "none", children: spinner })) : null, startIcon ? glyph(startIcon, GLYPH[resolved], tint) : null, ink(SMALL_ICON.has(resolved) ? glyph(body, GLYPH[resolved], tint) : body, GuiButton.Text, {
+                fontSize: TYPE[resolved],
+                ...weight,
+                ...quiet,
+                ...(center ? { opacity: 0 } : null),
+            }), shortcut && shortcut.length ? (_jsx(Shortcut, { keys: shortcut, variant: "button", sequenceJoinLabel: shortcutJoinLabel, ...(center ? { opacity: 0 } : null) })) : null, endIcon ? glyph(endIcon, GLYPH[resolved], tint) : null, isLoading && loadingPosition === 'end' ? spinner : null] }));
 }
 export { Button };
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/backends/gui/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,EACL,YAAY,EACZ,aAAa,EACb,cAAc,EACd,UAAU,GAKX,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAA;AAkCxD,gFAAgF;AAChF,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB;;;;;GAKG;AACH,MAAM,MAAM,GAA+B;IACzC,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;CACd,CAAA;AAED,gFAAgF;AAChF,MAAM,IAAI,GAA+B;IACvC,OAAO,EAAE,IAAI;IACb,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,mGAAmG;AACnG,MAAM,KAAK,GAA+B;IACxC,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;CACd,CAAA;AAED;;iFAEiF;AACjF,MAAM,IAAI,GAA+B;IACvC,OAAO,EAAE,EAAE;IACX,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,EAAE;CACd,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,GAAG,EAAE,IAAI;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,aAAa;IAC1B,MAAM,EAAE,SAAS;IAEjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,wEAAwE;YACxE,0EAA0E;YAC1E,wEAAwE;YACxE,uEAAuE;YACvE,OAAO,EAAE;gBACP,EAAE,EAAE,QAAQ;gBACZ,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,cAAc;gBAC3B,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE;aAClD;YACD,0EAA0E;YAC1E,0EAA0E;YAC1E,qEAAqE;YACrE,2EAA2E;YAC3E,wEAAwE;YACxE,0EAA0E;YAC1E,wEAAwE;YACxE,yEAAyE;YACzE,0EAA0E;YAC1E,yEAAyE;YACzE,wEAAwE;YACxE,iEAAiE;YACjE,OAAO,EAAE;gBACP,EAAE,EAAE,mBAAmB;gBACvB,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,MAAM;gBACnB,UAAU,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE;aAC1D;YACD,4EAA4E;YAC5E,8DAA8D;YAC9D,wEAAwE;YACxE,sEAAsE;YACtE,WAAW,EAAE;gBACX,EAAE,EAAE,oBAAoB;gBACxB,KAAK,EAAE,+BAA+B;gBACtC,UAAU,EAAE,EAAE,EAAE,EAAE,0BAA0B,EAAE;aAC/C;YACD,OAAO,EAAE;gBACP,EAAE,EAAE,aAAa;gBACjB,KAAK,EAAE,MAAM;gBACb,WAAW,EAAE,cAAc;gBAC3B,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;aAC7B;YACD,SAAS,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE;YACvE,KAAK,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE;YACzE,IAAI,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE;YAC3F,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE;YAC7F,SAAS,EAAE;gBACT,EAAE,EAAE,aAAa;gBACjB,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,WAAW,EAAE;aAC/D;SACF;QACD,IAAI,EAAE;YACJ,wEAAwE;YACxE,sEAAsE;YACtE,wEAAwE;YACxE,yEAAyE;YACzE,0EAA0E;YAC1E,wEAAwE;YACxE,wCAAwC;YACxC,EAAE;YACF,oEAAoE;YACpE,iDAAiD;YACjD,oEAAoE;YACpE,EAAE;YACF,0EAA0E;YAC1E,0EAA0E;YAC1E,wEAAwE;YACxE,uEAAuE;YACvE,uBAAuB;YACvB,EAAE;YACF,wEAAwE;YACxE,yEAAyE;YACzE,yEAAyE;YACzE,oEAAoE;YACpE,qEAAqE;YACrE,8CAA8C;YAC9C,EAAE;YACF,yEAAyE;YACzE,wEAAwE;YACxE,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;YAClG,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;YACrG,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;YACnG,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;YACxF,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YAChJ,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjK,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjK,UAAU,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;YACpL,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;SAClK;QACD,4EAA4E;QAC5E,2EAA2E;QAC3E,0EAA0E;QAC1E,6EAA6E;QAC7E,mBAAmB;QACnB,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE;SAC9B;QACD,wEAAwE;QACxE,4EAA4E;QAC5E,yEAAyE;QACzE,sEAAsE;QACtE,IAAI,EAAE,CAAC,IAAgB,EAAE,EAAE,KAAK,EAAsC,EAAE,EAAE;YACxE,MAAM,CAAC,GAAG,KAAK,CAAC,IAAsC,CAAC,CAAA;YACvD,IAAI,CAAC,CAAC;gBAAE,OAAO,EAAE,CAAA;YACjB,QAAQ,KAAK,CAAC,OAAO,EAAE,CAAC;gBACtB,KAAK,SAAS;oBACZ,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,CAAA;gBAClI,KAAK,WAAW;oBACd,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,CAAA;gBAClF,KAAK,OAAO;oBACV,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAA;gBACrD,KAAK,SAAS,CAAC;gBACf,KAAK,SAAS,CAAC;gBACf,KAAK,SAAS;oBACZ,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAA;gBAC/F;oBACE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,EAAE,CAAA;YAC3B,CAAC;QACH,CAAC;QACD,4EAA4E;QAC5E,2EAA2E;QAC3E,2EAA2E;QAC3E,4EAA4E;QAC5E,uEAAuE;QACvE,QAAQ,EAAE,CAAC,EAAW,EAAE,EAAE,KAAK,EAAsC,EAAE,EAAE,CACvE,EAAE;YACA,CAAC,CAAC;gBACE,qEAAqE;gBACrE,oEAAoE;gBACpE,uEAAuE;gBACvE,qEAAqE;gBACrE,kEAAkE;gBAClE,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS;oBAC3F,CAAC,CAAC,EAAE,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,EAAE;oBACpD,CAAC,CAAC,IAAI,CAAC;aACV;YACH,CAAC,CAAC,EAAE;QACR,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;SACzC;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SACzB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE;SACjE;KACO;IAEV,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CACzD,CAAC,CAAA;AAEF;sEACsE;AACtE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE;QACN,GAAG,EAAE,gBAAgB;QACrB,IAAI,EAAE,gBAAgB;QACtB,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,gBAAgB;QACtB,OAAO,EAAE,2BAA2B;QACpC,SAAS,EAAE,sBAAsB;KAClC;IACD,MAAM,EAAE;QACN,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,OAAO;QAClB,IAAI,EAAE,oBAAoB;QAC1B,OAAO,EAAE,+BAA+B;QACxC,SAAS,EAAE,0BAA0B;KACtC;IACD,OAAO,EAAE;QACP,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,yBAAyB;QAC/B,IAAI,EAAE,yBAAyB;QAC/B,SAAS,EAAE,SAAS;QACpB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,UAAU;KACtB;CACO,CAAA;AAEV,2GAA2G;AAC3G,MAAM,OAAO,GAAG,CAAC,IAAgB,EAAE,OAAsB,EAAsB,EAAE;IAC/E,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IACxC,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAA;AACtE,CAAC,CAAA;AAED;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,CAAA;AAgHzB;;;;;GAKG;AACH,MAAM,KAAK,GAAG,CAAC,IAAe,EAAE,IAAY,EAAE,KAAc,EAAE,EAAE;IAC9D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IACtC,MAAM,GAAG,GAAG,IAAI,CAAC,KAA4C,CAAA;IAC7D,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAA;IAC5G,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,IAA6C,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;AAC5G,CAAC,CAAA;AAED,yFAAyF;AACzF,MAAM,UAAU,GAAG,IAAI,GAAG,CAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;AAE/D,0FAA0F;AAC1F,MAAM,aAAa,GAAG,IAAI,CAAA;AAE1B,SAAS,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAe;IAChD,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,KAAK,KAAK;QAAE,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;IACzE,MAAM,KAAK,GAAG,OAAO,OAAO,KAAK,QAAQ,IAAI,KAAK,CAAC,YAAiC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAChI,OAAO,CACL,MAAC,OAAO,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAC,QAAQ,aAO/C,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,SAAS,OAAK,KAAK,KAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAO,KAAgB,GAAI,GAC/F,EACjB,KAAC,cAAc,cAAE,OAAO,GAAkB,IAClC,CACX,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EAAE,GAAG,EACZ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,QAAQ,GAAG,UAAU,EACrB,IAAI,EAAE,OAAO,EACb,eAAe,GAAG,OAAO,EACzB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,QAAQ,EACR,GAAG,KAAK,EACqB;IAC7B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAC5C,MAAM,OAAO,GAAkB,GAAG,IAAI,KAAK,EAAE,OAAO,IAAI,SAAS,CAAA;IACjE,MAAM,IAAI,GAAe,OAAO,IAAI,KAAK,EAAE,IAAI,IAAI,SAAS,CAAA;IAC5D,MAAM,QAAQ,GAAe,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IAC9F,+EAA+E;IAC/E,MAAM,OAAO,GAAG,OAAO,KAAK,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,IAAI,CAAA;IAC5E,MAAM,KAAK,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAC/D,MAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACrE,6EAA6E;IAC7E,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IACnE,+EAA+E;IAC/E,0EAA0E;IAC1E,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,qBAAqB,CAAA;IACnD,MAAM,MAAM,GAAG,SAAS,IAAI,eAAe,KAAK,QAAQ,CAAA;IACxD,2EAA2E;IAC3E,qDAAqD;IACrD,MAAM,OAAO,GAAG,KAAC,OAAO,yBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAI,CAAA;IAChG,+EAA+E;IAC/E,+EAA+E;IAC/E,2EAA2E;IAC3E,gFAAgF;IAChF,4EAA4E;IAC5E,8DAA8D;IAC9D,MAAM,IAAI,GAAG,OAAO,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;IAClE,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAE,IAAI,CAAC,KAAkC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAA;IAChF,8EAA8E;IAC9E,8EAA8E;IAC9E,6EAA6E;IAC7E,gDAAgD;IAChD,MAAM,IAAI,GAAG,IAAI,IAAI,IAAI,IAAK,IAAI,CAAC,KAA4B,CAAC,IAAI,IAAI,IAAI,CAAA;IAC5E,OAAO,CACL,MAAC,KAAK,iBACM,QAAQ,kBACJ,OAAO,eACV,QAAQ,KACf,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACvD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,KACV,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACpC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACtC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACtC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACxC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAI5C,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KACvC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAS1C,CAAC,IAAI;YACP,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAI,IAAI,CAAC,KAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE;YAC1F,CAAC,CAAC,IAAI,CAAC,KACL,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACvC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,KAC3C,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAC/E,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,KAOhC,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,KAO5H,KAAgB,KAGjB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAkC,EAAE,EAAE,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAOlH,SAAS,IAAI,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACzD,MAAM,CAAC,CAAC,CAAC,CAGR,KAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,aAAa,EAAC,MAAM,YACrG,OAAO,GACD,CACV,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAC1D,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,IAAa,EAAE;gBAClG,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;gBACxB,GAAG,MAAM;gBACT,GAAG,KAAK;gBACR,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aACpC,CAAC,EACD,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,KAAC,QAAQ,IAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,QAAQ,EAAC,iBAAiB,EAAE,iBAAiB,KAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAI,CAC1H,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EACtD,SAAS,IAAI,eAAe,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAClD,CACT,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/backends/gui/card.cjs

@@ -10,10 +10,26 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * and a row is the one box model that also exists on native.
  */
 const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const density_1 = require("./density.cjs");
 const aspect_ratio_1 = require("./aspect-ratio.cjs");
 const ink_1 = require("./ink.cjs");
 const slot_1 = require("./slot.cjs");
 const PAD = 24;
+/**
+ * The compact card (twenty-ui's Card, MIT, NOTICE): the settings and record
+ * frame. No inset of its own and an 8px corner; a Header and a Footer band at
+ * 8×16 in 12px medium on the ground, a Content well at 16 on the panel rung,
+ * hairlines between them (`divider` on Content, on by default for the Footer).
+ * Asked for with `density="compact"` or given by a compact `<Density>`. The
+ * regular card stays the 24px-padded panel.
+ */
+const Compact = /* @__PURE__ */ (0, react_1.createContext)(false);
+const COMPACT = {
+    frame: { py: 0, gap: 0, rounded: '$3', overflow: 'hidden', bg: 'transparent' },
+    band: { px: 16, py: 8, bg: '$background' },
+    content: { p: 16, bg: '$panel' },
+};
 const CardFrame = (0, gui_1.styled)(gui_1.YStack, {
     name: 'Card',
     bg: '$background',
@@ -41,25 +57,32 @@ const DescriptionFrame = (0, gui_1.styled)(gui_1.SizableText, { name: 'CardDescr
 const ActionFrame = (0, gui_1.styled)(gui_1.XStack, { name: 'CardAction', self: 'flex-end', shrink: 0 });
 const ContentFrame = (0, gui_1.styled)(gui_1.YStack, { name: 'CardContent', px: PAD });
 const FooterFrame = (0, gui_1.styled)(gui_1.XStack, { name: 'CardFooter', px: PAD, items: 'center' });
-const Card = ({ interactive, onPress, ...p }) => ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('card'), ...(interactive
-        ? {
-            role: 'button',
-            tabIndex: 0,
-            cursor: 'pointer',
-            hoverStyle: { borderColor: '$dim' },
-            focusStyle: { borderColor: '$dim', outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$dim' },
-            // A div with role="button" is not a button: the browser gives it no
-            // keyboard activation, so it has to be spelled out or the card is
-            // mouse-only. Space must also preventDefault or the page scrolls.
-            onKeyDown: (e) => {
-                if (e.key !== 'Enter' && e.key !== ' ')
-                    return;
-                e.preventDefault();
-                onPress?.(e);
-            },
-        }
-        : null), onPress: onPress, ...p }));
-const CardHeader = (p) => (0, jsx_runtime_1.jsx)(HeaderFrame, { ...(0, slot_1.slot)('card-header'), ...p });
+const Card = ({ interactive, onPress, density, children, ...p }) => {
+    const near = (0, density_1.useDensity)();
+    const compact = (density ?? near) === 'compact';
+    return ((0, jsx_runtime_1.jsx)(CardFrame, { ...(0, slot_1.slot)('card'), ...(compact ? { 'data-density': 'compact', ...COMPACT.frame } : null), ...(interactive
+            ? {
+                role: 'button',
+                tabIndex: 0,
+                cursor: 'pointer',
+                hoverStyle: compact ? { bg: '$hover' } : { borderColor: '$dim' },
+                focusStyle: { borderColor: '$dim', outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$dim' },
+                // A div with role="button" is not a button: the browser gives it no
+                // keyboard activation, so it has to be spelled out or the card is
+                // mouse-only. Space must also preventDefault or the page scrolls.
+                onKeyDown: (e) => {
+                    if (e.key !== 'Enter' && e.key !== ' ')
+                        return;
+                    e.preventDefault();
+                    onPress?.(e);
+                },
+            }
+            : null), onPress: onPress, ...p, children: (0, jsx_runtime_1.jsx)(Compact.Provider, { value: compact, children: children }) }));
+};
+const CardHeader = ({ children, ...p }) => {
+    const compact = (0, react_1.useContext)(Compact);
+    return ((0, jsx_runtime_1.jsx)(HeaderFrame, { ...(0, slot_1.slot)('card-header'), ...(compact ? { ...COMPACT.band, gap: '$1', borderBottomWidth: 1, borderColor: '$borderColor' } : null), ...p, children: compact ? (0, ink_1.ink)(children, gui_1.SizableText, { size: '$1', fontWeight: '500', color: '$aside' }) : children }));
+};
 exports.CardHeader = CardHeader;
 const CardTitle = (p) => (0, jsx_runtime_1.jsx)(TitleFrame, { ...(0, slot_1.slot)('card-title'), ...p });
 exports.CardTitle = CardTitle;
@@ -67,9 +90,15 @@ const CardDescription = (p) => (0, jsx_runtime_1.jsx)(DescriptionFrame, { ...(0,
 exports.CardDescription = CardDescription;
 const CardAction = (p) => (0, jsx_runtime_1.jsx)(ActionFrame, { ...(0, slot_1.slot)('card-action'), ...p });
 exports.CardAction = CardAction;
-const CardContent = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(ContentFrame, { ...(0, slot_1.slot)('card-content'), ...p, children: (0, ink_1.ink)(children) }));
+const CardContent = ({ children, divider = false, ...p }) => {
+    const compact = (0, react_1.useContext)(Compact);
+    return ((0, jsx_runtime_1.jsx)(ContentFrame, { ...(0, slot_1.slot)('card-content'), ...(compact ? { ...COMPACT.content, ...(divider ? { borderBottomWidth: 1, borderColor: '$borderColor' } : null) } : null), ...p, children: (0, ink_1.ink)(children) }));
+};
 exports.CardContent = CardContent;
-const CardFooter = ({ children, ...p }) => ((0, jsx_runtime_1.jsx)(FooterFrame, { ...(0, slot_1.slot)('card-footer'), ...p, children: (0, ink_1.ink)(children) }));
+const CardFooter = ({ children, divider = true, ...p }) => {
+    const compact = (0, react_1.useContext)(Compact);
+    return ((0, jsx_runtime_1.jsx)(FooterFrame, { ...(0, slot_1.slot)('card-footer'), ...(compact ? { ...COMPACT.band, ...(divider ? { borderTopWidth: 1, borderColor: '$borderColor' } : null) } : null), ...p, children: compact ? (0, ink_1.ink)(children, gui_1.SizableText, { size: '$1', color: '$aside' }) : (0, ink_1.ink)(children) }));
+};
 exports.CardFooter = CardFooter;
 const CardMedia = ({ ratio = 16 / 10, ...p }) => ((0, jsx_runtime_1.jsx)(aspect_ratio_1.AspectRatio, { ...(0, slot_1.slot)('card-media'), ratio: ratio, mt: -PAD, ...p }));
 exports.CardMedia = CardMedia;

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

@@ -1,4 +1,5 @@
-import type { ComponentProps } from 'react';
+import { type ComponentProps } from 'react';
+import { type DensityName } from './density.js';
 import { type AspectRatioProps } from './aspect-ratio.js';
 import type { Microdata } from './microdata.js';
 declare const CardFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, any, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
@@ -40,20 +41,28 @@ export type CardProps = ComponentProps<typeof CardFrame> & {
      * it.
      */
     interactive?: boolean;
+    /** `compact` is the sectioned settings/record card; unset, the nearest `<Density>` decides. */
+    density?: DensityName;
 } & Microdata;
 export type CardHeaderProps = ComponentProps<typeof HeaderFrame>;
 export type CardTitleProps = ComponentProps<typeof TitleFrame>;
 export type CardDescriptionProps = ComponentProps<typeof DescriptionFrame>;
 export type CardActionProps = ComponentProps<typeof ActionFrame>;
-export type CardContentProps = ComponentProps<typeof ContentFrame>;
-export type CardFooterProps = ComponentProps<typeof FooterFrame>;
-declare const Card: ({ interactive, onPress, ...p }: CardProps) => import("react").JSX.Element;
-declare const CardHeader: (p: CardHeaderProps) => import("react").JSX.Element;
+export type CardContentProps = ComponentProps<typeof ContentFrame> & {
+    /** A hairline under the content (compact card). */
+    divider?: boolean;
+};
+export type CardFooterProps = ComponentProps<typeof FooterFrame> & {
+    /** The hairline above the footer (compact card); on by default. */
+    divider?: boolean;
+};
+declare const Card: ({ interactive, onPress, density, children, ...p }: CardProps) => import("react").JSX.Element;
+declare const CardHeader: ({ children, ...p }: CardHeaderProps) => import("react").JSX.Element;
 declare const CardTitle: (p: CardTitleProps) => import("react").JSX.Element;
 declare const CardDescription: (p: CardDescriptionProps) => import("react").JSX.Element;
 declare const CardAction: (p: CardActionProps) => import("react").JSX.Element;
-declare const CardContent: ({ children, ...p }: CardContentProps) => import("react").JSX.Element;
-declare const CardFooter: ({ children, ...p }: CardFooterProps) => import("react").JSX.Element;
+declare const CardContent: ({ children, divider, ...p }: CardContentProps) => import("react").JSX.Element;
+declare const CardFooter: ({ children, divider, ...p }: CardFooterProps) => import("react").JSX.Element;
 /**
  * CardMedia — the picture at the top of a card, edge to edge.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/card.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAI5C,QAAA,MAAM,SAAS;;;8CAQb,CAAA;AASF,QAAA,MAAM,WAAW;;;8CAKf,CAAA;AAEF,QAAA,MAAM,UAAU;;;8CAA4E,CAAA;AAC5F,QAAA,MAAM,gBAAgB;;;8CAAgF,CAAA;AACtG,QAAA,MAAM,WAAW;;;8CAAsE,CAAA;AACvF,QAAA,MAAM,YAAY;;;8CAAmD,CAAA;AACrE,QAAA,MAAM,WAAW;;;8CAAmE,CAAA;AAEpF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACzD;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,GAAG,SAAS,CAAA;AACb,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC9D,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC1E,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAA;AAClE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEhE,QAAA,MAAM,IAAI,mCAAoC,SAAS,gCAuBtD,CAAA;AACD,QAAA,MAAM,UAAU,MAAO,eAAe,gCAAoD,CAAA;AAC1F,QAAA,MAAM,SAAS,MAAO,cAAc,gCAAkD,CAAA;AACtF,QAAA,MAAM,eAAe,MAAO,oBAAoB,gCAA8D,CAAA;AAC9G,QAAA,MAAM,UAAU,MAAO,eAAe,gCAAoD,CAAA;AAC1F,QAAA,MAAM,WAAW,uBAAwB,gBAAgB,gCAExD,CAAA;AACD,QAAA,MAAM,UAAU,uBAAwB,eAAe,gCAEtD,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAA;AAC7C,QAAA,MAAM,SAAS,oBAA+B,cAAc,gCAE3D,CAAA;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;;;;;;;;CAQjB,CAAA;AAEF,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/backends/gui/card.tsx"],"names":[],"mappings":"AASA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAGnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAoB5C,QAAA,MAAM,SAAS;;;8CAQb,CAAA;AASF,QAAA,MAAM,WAAW;;;8CAKf,CAAA;AAEF,QAAA,MAAM,UAAU;;;8CAA4E,CAAA;AAC5F,QAAA,MAAM,gBAAgB;;;8CAAgF,CAAA;AACtG,QAAA,MAAM,WAAW;;;8CAAsE,CAAA;AACvF,QAAA,MAAM,YAAY;;;8CAAmD,CAAA;AACrE,QAAA,MAAM,WAAW;;;8CAAmE,CAAA;AAEpF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACzD;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,WAAW,CAAA;CACtB,GAAG,SAAS,CAAA;AACb,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAA;AAC9D,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAC1E,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAChE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,GAAG;IACnE,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IACjE,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,IAAI,sDAAuD,SAAS,gCA8BzE,CAAA;AAED,QAAA,MAAM,UAAU,uBAAwB,eAAe,gCAWtD,CAAA;AACD,QAAA,MAAM,SAAS,MAAO,cAAc,gCAAkD,CAAA;AACtF,QAAA,MAAM,eAAe,MAAO,oBAAoB,gCAA8D,CAAA;AAC9G,QAAA,MAAM,UAAU,MAAO,eAAe,gCAAoD,CAAA;AAC1F,QAAA,MAAM,WAAW,gCAAyC,gBAAgB,gCAWzE,CAAA;AACD,QAAA,MAAM,UAAU,gCAAwC,eAAe,gCAWtE,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAA;AAC7C,QAAA,MAAM,SAAS,oBAA+B,cAAc,gCAE3D,CAAA;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa;;;;;;;;CAQjB,CAAA;AAEF,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAA"}