@tempoxyz/ds 0.2.6 → 0.3.0

package/dist/web/components/AmountInput.css

@@ -1 +1 @@
-.z_tds_2f_web-BmOITb0{align-items:center}.z_tds_2f_web-BmOITb1{display:grid}.z_tds_2f_web-BmOITb2{flex:1}.z_tds_2f_web-BmOITb3{grid-template-columns:minmax(0,1fr)}.z_tds_2f_web-BmOITb4{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-BmOITb5{grid-area:1/1}.z_tds_2f_web-BmOITb6{-webkit-text-fill-color:transparent}.z_tds_2f_web-BmOITb7{width:100%}.z_tds_2f_web-BmOITb8{&::placeholder{-webkit-text-fill-color:currentColor}}.z_tds_2f_web-BmOITb9{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z_tds_2f_web-BmOITba{border:none}.z_tds_2f_web-BmOITbb{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-BmOITbc{cursor:pointer}.z_tds_2f_web-BmOITbd{flex-shrink:0}.z_tds_2f_web-BmOITbe{outline-color:#0000}.z_tds_2f_web-BmOITbf{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-BmOITbg{outline-style:solid}.z_tds_2f_web-BmOITbh{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-BmOITbi{position:relative}.z_tds_2f_web-BmOITbj{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-BmOITbk{transition-property:background-color,outline-color,outline-offset,scale}.z_tds_2f_web-BmOITbl{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-BmOITbm{[data-size=large]>&{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-BmOITbn{[data-size=large]>&{height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-BmOITbo{[data-size=large]>&{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-BmOITbp{[data-size=large]>&{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-BmOITbq{[data-size=large]>&{font-family:var(--z-tds_2f_web-typography-button-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITbr{[data-size=large]>&{font-size:var(--z-tds_2f_web-typography-button-14-fontSize,14px)}}.z_tds_2f_web-BmOITbs{[data-size=large]>&{font-weight:var(--z-tds_2f_web-typography-button-14-fontWeight,500)}}.z_tds_2f_web-BmOITbt{[data-size=large]>&{letter-spacing:var(--z-tds_2f_web-typography-button-14-letterSpacing,-.09px)}}.z_tds_2f_web-BmOITbu{[data-size=large]>&{line-height:var(--z-tds_2f_web-typography-button-14-lineHeight,20px)}}.z_tds_2f_web-BmOITbv{[data-size=medium]>&{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}}.z_tds_2f_web-BmOITbw{[data-size=medium]>&{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-BmOITbx{[data-size=medium]>&{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z_tds_2f_web-BmOITby{[data-size=medium]>&{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-BmOITbz{[data-size=medium]>&{font-family:var(--z-tds_2f_web-typography-button-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb10{[data-size=medium]>&{font-size:var(--z-tds_2f_web-typography-button-12-fontSize,12px)}}.z_tds_2f_web-BmOITb11{[data-size=medium]>&{font-weight:var(--z-tds_2f_web-typography-button-12-fontWeight,500)}}.z_tds_2f_web-BmOITb12{[data-size=medium]>&{letter-spacing:var(--z-tds_2f_web-typography-button-12-letterSpacing,.01px)}}.z_tds_2f_web-BmOITb13{[data-size=medium]>&{line-height:var(--z-tds_2f_web-typography-button-12-lineHeight,16px)}}.z_tds_2f_web-BmOITb14{[data-size=small]>&{border-radius:var(--z-tds_2f_web-radius-4,.25rem)}}.z_tds_2f_web-BmOITb15{[data-size=small]>&{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-BmOITb16{[data-size=small]>&{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-BmOITb17{[data-size=small]>&{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-BmOITb18{[data-size=small]>&{font-family:var(--z-tds_2f_web-typography-button-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb19{[data-size=small]>&{font-size:var(--z-tds_2f_web-typography-button-12-fontSize,12px)}}.z_tds_2f_web-BmOITb1a{[data-size=small]>&{font-weight:var(--z-tds_2f_web-typography-button-12-fontWeight,500)}}.z_tds_2f_web-BmOITb1b{[data-size=small]>&{letter-spacing:var(--z-tds_2f_web-typography-button-12-letterSpacing,.01px)}}.z_tds_2f_web-BmOITb1c{[data-size=small]>&{line-height:var(--z-tds_2f_web-typography-button-12-lineHeight,16px)}}.z_tds_2f_web-BmOITb1d{[data-variant=stacked]>[data-size=small]>&{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}}.z_tds_2f_web-BmOITb1e{[data-variant=stacked]>[data-size=small]>&{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-BmOITb1f{[data-variant=stacked]>[data-size=small]>&{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z_tds_2f_web-BmOITb1g{[data-variant=stacked]>[data-size=small]>&{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-BmOITb1h{[data-variant=stacked]>[data-size=small]>&{font-family:var(--z-tds_2f_web-typography-button-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb1i{[data-variant=stacked]>[data-size=small]>&{font-size:var(--z-tds_2f_web-typography-button-12-fontSize,12px)}}.z_tds_2f_web-BmOITb1j{[data-variant=stacked]>[data-size=small]>&{font-weight:var(--z-tds_2f_web-typography-button-12-fontWeight,500)}}.z_tds_2f_web-BmOITb1k{[data-variant=stacked]>[data-size=small]>&{letter-spacing:var(--z-tds_2f_web-typography-button-12-letterSpacing,.01px)}}.z_tds_2f_web-BmOITb1l{[data-variant=stacked]>[data-size=small]>&{line-height:var(--z-tds_2f_web-typography-button-12-lineHeight,16px)}}.z_tds_2f_web-BmOITb1m{[data-variant=card]>&{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-BmOITb1n{[data-variant=card]>&{height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-BmOITb1o{[data-variant=card]>&{margin-inline-end:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-BmOITb1p{[data-variant=card]>&{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-BmOITb1q{[data-variant=card]>&{font-family:var(--z-tds_2f_web-typography-button-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb1r{[data-variant=card]>&{font-size:var(--z-tds_2f_web-typography-button-12-fontSize,12px)}}.z_tds_2f_web-BmOITb1s{[data-variant=card]>&{font-weight:var(--z-tds_2f_web-typography-button-12-fontWeight,500)}}.z_tds_2f_web-BmOITb1t{[data-variant=card]>&{letter-spacing:var(--z-tds_2f_web-typography-button-12-letterSpacing,.01px)}}.z_tds_2f_web-BmOITb1u{[data-variant=card]>&{line-height:var(--z-tds_2f_web-typography-button-12-lineHeight,16px)}}.z_tds_2f_web-BmOITb1v{&:after{content:""}}.z_tds_2f_web-BmOITb1w{&:after{inset:var(--z-tds_2f_web-spacing-_2d_4,-.25rem)}}.z_tds_2f_web-BmOITb1x{&:after{position:absolute}}.z_tds_2f_web-BmOITb1y{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-BmOITb1z{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-BmOITb20{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-BmOITb21{&:hover{background-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z_tds_2f_web-BmOITb22{[data-invalid] &{display:none}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-BmOITb23{transition-property:background-color,outline-color}.z_tds_2f_web-BmOITb24{&:active{scale:none}}}.z_tds_2f_web-BmOITb25{font:inherit}.z_tds_2f_web-BmOITb26{overflow:hidden}.z_tds_2f_web-BmOITb27{pointer-events:none}.z_tds_2f_web-BmOITb28{white-space:pre}.z_tds_2f_web-BmOITb29{[data-variant=card]>&{font-family:var(--z-tds_2f_web-typography-heading-24-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb2a{[data-variant=card]>&{font-size:var(--z-tds_2f_web-typography-heading-24-fontSize,24px)}}.z_tds_2f_web-BmOITb2b{[data-variant=card]>&{font-weight:var(--z-tds_2f_web-typography-heading-24-fontWeight,600)}}.z_tds_2f_web-BmOITb2c{[data-variant=card]>&{letter-spacing:var(--z-tds_2f_web-typography-heading-24-letterSpacing,-.47px)}}.z_tds_2f_web-BmOITb2d{[data-variant=card]>&{line-height:var(--z-tds_2f_web-typography-heading-24-lineHeight,32px)}}.z_tds_2f_web-BmOITb2e{[data-variant=card][data-size=small] &{font-family:var(--z-tds_2f_web-typography-heading-20-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb2f{[data-variant=card][data-size=small] &{font-size:var(--z-tds_2f_web-typography-heading-20-fontSize,20px)}}.z_tds_2f_web-BmOITb2g{[data-variant=card][data-size=small] &{font-weight:var(--z-tds_2f_web-typography-heading-20-fontWeight,600)}}.z_tds_2f_web-BmOITb2h{[data-variant=card][data-size=small] &{letter-spacing:var(--z-tds_2f_web-typography-heading-20-letterSpacing,-.33px)}}.z_tds_2f_web-BmOITb2i{[data-variant=card][data-size=small] &{line-height:var(--z-tds_2f_web-typography-heading-20-lineHeight,26px)}}.z_tds_2f_web-BmOITb2j{[data-variant=card][data-size=large] &{font-family:var(--z-tds_2f_web-typography-heading-32-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z_tds_2f_web-BmOITb2k{[data-variant=card][data-size=large] &{font-size:var(--z-tds_2f_web-typography-heading-32-fontSize,32px)}}.z_tds_2f_web-BmOITb2l{[data-variant=card][data-size=large] &{font-weight:var(--z-tds_2f_web-typography-heading-32-fontWeight,600)}}.z_tds_2f_web-BmOITb2m{[data-variant=card][data-size=large] &{letter-spacing:var(--z-tds_2f_web-typography-heading-32-letterSpacing,-.69px)}}.z_tds_2f_web-BmOITb2n{[data-variant=card][data-size=large] &{line-height:var(--z-tds_2f_web-typography-heading-32-lineHeight,40px)}}.z_tds_2f_web-BmOITb2o{[data-variant=stacked] &{padding-top:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-BmOITb2p{[data-variant=stacked] [data-size=large] &{padding-top:var(--z-tds_2f_web-spacing-16,1rem)}}
+.z_tds_2f_web-BmOITb0{align-items:center}.z_tds_2f_web-BmOITb1{display:grid}.z_tds_2f_web-BmOITb2{flex:1}.z_tds_2f_web-BmOITb3{grid-template-columns:minmax(0,1fr)}.z_tds_2f_web-BmOITb4{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-BmOITb5{grid-area:1/1}.z_tds_2f_web-BmOITb6{-webkit-text-fill-color:transparent}.z_tds_2f_web-BmOITb7{width:100%}.z_tds_2f_web-BmOITb8{&::placeholder{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}.z_tds_2f_web-BmOITb9{&::placeholder{-webkit-text-fill-color:currentColor}}.z_tds_2f_web-BmOITba{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-BmOITbb{font:inherit}.z_tds_2f_web-BmOITbc{overflow:hidden}.z_tds_2f_web-BmOITbd{pointer-events:none}.z_tds_2f_web-BmOITbe{white-space:pre}.z_tds_2f_web-BmOITbf{:has(>input:disabled)>&{color:var(--z-tds_2f_web-color-content-subtle,light-dark(var(--z-tds_2f_web-color-neutral-shade-020,#0003),var(--z-tds_2f_web-color-neutral-tint-020,#fff3)))}}.z_tds_2f_web-BmOITbg{border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-BmOITbh{flex-wrap:wrap}.z_tds_2f_web-BmOITbi{height:auto}.z_tds_2f_web-BmOITbj{padding-block:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-BmOITbk{padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-BmOITbl{row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-BmOITbm{font-family:var(--z-tds_2f_web-typography-heading-h1-fontFamily,var(--z-tds_2f_web-fontFamily-heading,Pilat, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif))}.z_tds_2f_web-BmOITbn{font-size:var(--z-tds_2f_web-typography-heading-h1-fontSize,32px)}.z_tds_2f_web-BmOITbo{font-weight:var(--z-tds_2f_web-typography-heading-h1-fontWeight,500)}.z_tds_2f_web-BmOITbp{letter-spacing:var(--z-tds_2f_web-typography-heading-h1-letterSpacing,-.48px)}.z_tds_2f_web-BmOITbq{line-height:var(--z-tds_2f_web-typography-heading-h1-lineHeight,36.8px)}.z_tds_2f_web-BmOITbr{&>label{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-BmOITbs{&>label{flex-basis:100%}}.z_tds_2f_web-BmOITbt{&>label{font-family:var(--z-tds_2f_web-typography-body-b3-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}}.z_tds_2f_web-BmOITbu{&>label{font-size:var(--z-tds_2f_web-typography-body-b3-fontSize,12px)}}.z_tds_2f_web-BmOITbv{&>label{font-weight:var(--z-tds_2f_web-typography-body-b3-fontWeight,400)}}.z_tds_2f_web-BmOITbw{&>label{letter-spacing:var(--z-tds_2f_web-typography-body-b3-letterSpacing,.15px)}}.z_tds_2f_web-BmOITbx{&>label{line-height:var(--z-tds_2f_web-typography-body-b3-lineHeight,16px)}}.z_tds_2f_web-BmOITby{&>:is(p,[data-field-error]){flex-basis:100%}}.z_tds_2f_web-BmOITbz{&>p{color:var(--z-tds_2f_web-color-content-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-040,#fff6)))}}

package/dist/web/components/AmountInput.d.ts

@@ -1,9 +1,7 @@
-import { type ComponentPropsWithRef } from 'react';
-import type * as zyzz from 'zyzz';
-import { Input } from './Input.js';
+import { TextInput } from './TextInput.js';
 /**
- * Decimal amount entry. The value is a raw string with a dot separator and no grouping
- * separators, and input that is not a non-negative decimal is rejected.
+ * The amount card: a filled surface with heading-size digits. The value is a raw string with a dot
+ * separator and no grouping separators, and input that is not a non-negative decimal is rejected.
  *
  * The text around a comma decides whether it groups thousands or separates decimals:
  *
@@ -21,17 +19,20 @@ import { Input } from './Input.js';
  * `Control` is a text input with `inputMode="decimal"`, so mobile keyboards show digits without
  * the scroll and spinner behavior of `type="number"`.
  *
- * - Give the field a visible label, such as `Field.Label`. Show the unit with `Prefix` or
- *   `Suffix`.
- * - Explain an invalid amount with text, such as `Field.Error`, not only the red ring.
- * - Wire `Max` to set the value yourself, and name what it fills when the label is ambiguous.
+ * - Inside a `Field.Root`, put the `Field.Label` and `Field.Description` in the root. They take
+ *   their own rows above and below the amount.
+ * - Name the token beside the digits with a `Token`, which opens a token picker.
+ * - Explain an invalid amount with text, such as `Field.Error`, not only the red fill.
  *
  * @example
- * <AmountInput.Root onValueChange={setValue} value={value}>
- *   <AmountInput.Prefix>$</AmountInput.Prefix>
- *   <AmountInput.Control aria-label="Amount" placeholder="0.00" />
- *   <AmountInput.Max onClick={() => setValue(balance)} />
- * </AmountInput.Root>
+ * <Field.Root>
+ *   <AmountInput.Root onValueChange={setValue} value={value}>
+ *     <Field.Label>You send</Field.Label>
+ *     <AmountInput.Control placeholder="0.00" />
+ *     <Token symbol="pathUSD" />
+ *     <Field.Description>Balance 2,480.32</Field.Description>
+ *   </AmountInput.Root>
+ * </Field.Root>
  *
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/text | MDN input type text}
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode | MDN inputmode attribute}
@@ -41,13 +42,13 @@ import { Input } from './Input.js';
  */
 export declare namespace AmountInput {
     /**
-     * Owns the amount and renders an `Input.Group`, so `size`, `variant` and `invalid` apply here.
-     * Pass `value` and `onValueChange` to control it. A rejected keystroke leaves the value
-     * unchanged and does not call `onValueChange`.
+     * Owns the amount and renders the card as a `TextInput.Group`, so `invalid` applies here. Pass
+     * `value` and `onValueChange` to control it. A rejected keystroke leaves the value unchanged and
+     * does not call `onValueChange`.
      */
     function Root(props: Root.Props): import("react").JSX.Element;
     namespace Root {
-        type Props = Omit<Input.Group.Props, 'defaultValue' | 'onChange'> & {
+        type Props = Omit<TextInput.Group.Props, 'defaultValue' | 'onChange' | 'success' | 'variant'> & {
             /** @default '' */
             defaultValue?: string | undefined;
             onValueChange?: ((value: string) => void) | undefined;
@@ -57,27 +58,7 @@ export declare namespace AmountInput {
     /** Text field whose digits morph as the value changes. Motion stops under reduced motion. */
     function Control(props: Control.Props): import("react").JSX.Element;
     namespace Control {
-        type Props = Omit<Input.Control.Props, 'defaultValue' | 'onChange' | 'onValueChange' | 'type' | 'value'>;
+        type Props = Omit<TextInput.Control.Props, 'defaultValue' | 'onChange' | 'onValueChange' | 'type' | 'value'>;
     }
-    /**
-     * Shortcut for the largest allowed amount. Hidden while the field is invalid. It renders a
-     * `type="button"` labelled "Max" by default and does not change the value itself, so set the
-     * amount from `onClick`.
-     */
-    function Max(props: Max.Props): import("react").JSX.Element;
-    namespace Max {
-        type Props = ComponentPropsWithRef<'button'> & zyzz.Props.Variants<typeof styles.max>;
-    }
-    /** Leading adornment, such as a currency symbol. Same component as `Input.Prefix`. */
-    const Prefix: typeof Input.Prefix;
-    /** Trailing adornment, such as a token code. Same component as `Input.Suffix`. */
-    const Suffix: typeof Input.Suffix;
-}
-declare namespace styles {
-    const control: zyzz.style.ReturnType<"react">;
-    const input: zyzz.style.ReturnType<"react">;
-    const max: zyzz.style.ReturnType<"react">;
-    const morph: zyzz.style.ReturnType<"react">;
 }
-export {};
 //# sourceMappingURL=AmountInput.d.ts.map

package/dist/web/components/AmountInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../src/web/components/AmountInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAY,MAAM,OAAO,CAAA;AAE5D,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAGlC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,yBAAiB,WAAW,CAAC;IAC3B;;;;OAIG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAkBrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;YACzE,kBAAkB;YAClB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;YACjC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;YACrD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,CAAA;KACF;IAED,6FAA6F;IAC7F,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAiC3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,IAAI,CACtB,KAAK,CAAC,OAAO,CAAC,KAAK,EACnB,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO,CACjE,CAAA;KACF;IAED;;;;OAIG;IACH,SAAgB,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,+BAYnC;IAED,UAAiB,GAAG,CAAC;QACnB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAA;KAC7F;IAED,sFAAsF;IAC/E,MAAM,MAAM,qBAAe,CAAA;IAElC,kFAAkF;IAC3E,MAAM,MAAM,qBAAe,CAAA;CACnC;AAoBD,kBAAU,MAAM,CAAC;IACR,MAAM,OAAO,gCASnB,CAAA;IAEM,MAAM,KAAK,gCAQjB,CAAA;IAEM,MAAM,GAAG,gCAkEf,CAAA;IAGM,MAAM,KAAK,gCAwBjB,CAAA;CACF"}
+{"version":3,"file":"AmountInput.d.ts","sourceRoot":"","sources":["../../../src/web/components/AmountInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAG1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,yBAAiB,WAAW,CAAC;IAC3B;;;;OAIG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAkBrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,IAAI,CACtB,SAAS,CAAC,KAAK,CAAC,KAAK,EACrB,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CACpD,GAAG;YACF,kBAAkB;YAClB,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;YACjC,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;YACrD,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;SAC3B,CAAA;KACF;IAED,6FAA6F;IAC7F,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAiC3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,IAAI,CACtB,SAAS,CAAC,OAAO,CAAC,KAAK,EACvB,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO,CACjE,CAAA;KACF;CACF"}

package/dist/web/components/AmountInput.js

@@ -4,11 +4,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { TextMorph } from 'torph/react';
 import { style } from '../zyzz.config.js';
-import { Input } from './Input.js';
+import { TextInput } from './TextInput.js';
 import * as AmountContext from './internal/AmountContext.js';
 /**
- * Decimal amount entry. The value is a raw string with a dot separator and no grouping
- * separators, and input that is not a non-negative decimal is rejected.
+ * The amount card: a filled surface with heading-size digits. The value is a raw string with a dot
+ * separator and no grouping separators, and input that is not a non-negative decimal is rejected.
  *
  * The text around a comma decides whether it groups thousands or separates decimals:
  *
@@ -26,17 +26,20 @@ import * as AmountContext from './internal/AmountContext.js';
  * `Control` is a text input with `inputMode="decimal"`, so mobile keyboards show digits without
  * the scroll and spinner behavior of `type="number"`.
  *
- * - Give the field a visible label, such as `Field.Label`. Show the unit with `Prefix` or
- *   `Suffix`.
- * - Explain an invalid amount with text, such as `Field.Error`, not only the red ring.
- * - Wire `Max` to set the value yourself, and name what it fills when the label is ambiguous.
+ * - Inside a `Field.Root`, put the `Field.Label` and `Field.Description` in the root. They take
+ *   their own rows above and below the amount.
+ * - Name the token beside the digits with a `Token`, which opens a token picker.
+ * - Explain an invalid amount with text, such as `Field.Error`, not only the red fill.
  *
  * @example
- * <AmountInput.Root onValueChange={setValue} value={value}>
- *   <AmountInput.Prefix>$</AmountInput.Prefix>
- *   <AmountInput.Control aria-label="Amount" placeholder="0.00" />
- *   <AmountInput.Max onClick={() => setValue(balance)} />
- * </AmountInput.Root>
+ * <Field.Root>
+ *   <AmountInput.Root onValueChange={setValue} value={value}>
+ *     <Field.Label>You send</Field.Label>
+ *     <AmountInput.Control placeholder="0.00" />
+ *     <Token symbol="pathUSD" />
+ *     <Field.Description>Balance 2,480.32</Field.Description>
+ *   </AmountInput.Root>
+ * </Field.Root>
  *
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/text | MDN input type text}
  * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode | MDN inputmode attribute}
@@ -47,12 +50,12 @@ import * as AmountContext from './internal/AmountContext.js';
 export var AmountInput;
 (function (AmountInput) {
     /**
-     * Owns the amount and renders an `Input.Group`, so `size`, `variant` and `invalid` apply here.
-     * Pass `value` and `onValueChange` to control it. A rejected keystroke leaves the value
-     * unchanged and does not call `onValueChange`.
+     * Owns the amount and renders the card as a `TextInput.Group`, so `invalid` applies here. Pass
+     * `value` and `onValueChange` to control it. A rejected keystroke leaves the value unchanged and
+     * does not call `onValueChange`.
      */
     function Root(props) {
-        const { defaultValue = '', onValueChange, value: controlled, ...attributes } = props;
+        const { className, defaultValue = '', onValueChange, value: controlled, ...attributes } = props;
         const [uncontrolled, setUncontrolled] = useState(defaultValue);
         const value = controlled ?? uncontrolled;
         return (_jsx(AmountContext.Context.Provider, { value: {
@@ -61,18 +64,18 @@ export var AmountInput;
                     setUncontrolled(next);
                     onValueChange?.(next);
                 },
-            }, children: _jsx(Input.Group, { ...attributes }) }));
+            }, children: _jsx(TextInput.Group, { ...attributes, ...styles.root({ className, style: props.style }) }) }));
     }
     AmountInput.Root = Root;
     /** Text field whose digits morph as the value changes. Motion stops under reduced motion. */
     function Control(props) {
         const amount = AmountContext.use();
         const [typed, setTyped] = useState();
-        // Typed edits morph at the caret. Other changes, such as Max, roll digits by place value.
+        // Typed edits morph at the caret. Values the app sets roll digits by place value.
         const edit = typed?.value === amount.value ? typed : undefined;
         const caret = edit?.caret ?? undefined;
         const text = edit?.text ?? amount.value;
-        return (_jsxs("span", { ...styles.control(), children: [_jsx(Input.Control, { autoComplete: "off", inputMode: "decimal", ...props, ...styles.input({ className: props.className, style: props.style }), onValueChange: (next, details) => {
+        return (_jsxs("span", { ...styles.control(), children: [_jsx(TextInput.Control, { autoComplete: "off", inputMode: "decimal", ...props, ...styles.input({ className: props.className, style: props.style }), onValueChange: (next, details) => {
                         const value = parse(next);
                         if (value === undefined)
                             return;
@@ -84,20 +87,6 @@ export var AmountInput;
                     }, type: "text", value: text }), _jsx("span", { "aria-hidden": "true", ...styles.morph(), children: _jsx(TextMorph, { ...(caret !== undefined && { cursorIndex: caret }), children: text }) })] }));
     }
     AmountInput.Control = Control;
-    /**
-     * Shortcut for the largest allowed amount. Hidden while the field is invalid. It renders a
-     * `type="button"` labelled "Max" by default and does not change the value itself, so set the
-     * amount from `onClick`.
-     */
-    function Max(props) {
-        const { children, className, vars, ...attributes } = props;
-        return (_jsx("button", { type: "button", ...attributes, ...styles.max({ className, style: props.style, vars }), children: children ?? 'Max' }));
-    }
-    AmountInput.Max = Max;
-    /** Leading adornment, such as a currency symbol. Same component as `Input.Prefix`. */
-    AmountInput.Prefix = Input.Prefix;
-    /** Trailing adornment, such as a token code. Same component as `Input.Suffix`. */
-    AmountInput.Suffix = Input.Suffix;
 })(AmountInput || (AmountInput = {}));
 /** Returns the raw decimal for typed text, or `undefined` when it is not a non-negative decimal. */
 function parse(text) {
@@ -116,10 +105,15 @@ function parse(text) {
 var styles;
 (function (styles) {
     styles.control = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITb0 z_tds_2f_web-BmOITb1 z_tds_2f_web-BmOITb2 z_tds_2f_web-BmOITb3 z_tds_2f_web-BmOITb4"});
-    styles.input = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITb5 z_tds_2f_web-BmOITb6 z_tds_2f_web-BmOITb7 z_tds_2f_web-BmOITb8"});
-    styles.max = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITb9 z_tds_2f_web-BmOITba z_tds_2f_web-BmOITbb z_tds_2f_web-BmOITbc z_tds_2f_web-BmOITbd z_tds_2f_web-BmOITbe z_tds_2f_web-BmOITbf z_tds_2f_web-BmOITbg z_tds_2f_web-BmOITbh z_tds_2f_web-BmOITbi z_tds_2f_web-BmOITbj z_tds_2f_web-BmOITbk z_tds_2f_web-BmOITbl z_tds_2f_web-BmOITbm z_tds_2f_web-BmOITbn z_tds_2f_web-BmOITbo z_tds_2f_web-BmOITbp z_tds_2f_web-BmOITbq z_tds_2f_web-BmOITbr z_tds_2f_web-BmOITbs z_tds_2f_web-BmOITbt z_tds_2f_web-BmOITbu z_tds_2f_web-BmOITbv z_tds_2f_web-BmOITbw z_tds_2f_web-BmOITbx z_tds_2f_web-BmOITby z_tds_2f_web-BmOITbz z_tds_2f_web-BmOITb10 z_tds_2f_web-BmOITb11 z_tds_2f_web-BmOITb12 z_tds_2f_web-BmOITb13 z_tds_2f_web-BmOITb14 z_tds_2f_web-BmOITb15 z_tds_2f_web-BmOITb16 z_tds_2f_web-BmOITb17 z_tds_2f_web-BmOITb18 z_tds_2f_web-BmOITb19 z_tds_2f_web-BmOITb1a z_tds_2f_web-BmOITb1b z_tds_2f_web-BmOITb1c z_tds_2f_web-BmOITb1d z_tds_2f_web-BmOITb1e z_tds_2f_web-BmOITb1f z_tds_2f_web-BmOITb1g z_tds_2f_web-BmOITb1h z_tds_2f_web-BmOITb1i z_tds_2f_web-BmOITb1j z_tds_2f_web-BmOITb1k z_tds_2f_web-BmOITb1l z_tds_2f_web-BmOITb1m z_tds_2f_web-BmOITb1n z_tds_2f_web-BmOITb1o z_tds_2f_web-BmOITb1p z_tds_2f_web-BmOITb1q z_tds_2f_web-BmOITb1r z_tds_2f_web-BmOITb1s z_tds_2f_web-BmOITb1t z_tds_2f_web-BmOITb1u z_tds_2f_web-BmOITb1v z_tds_2f_web-BmOITb1w z_tds_2f_web-BmOITb1x z_tds_2f_web-BmOITb1y z_tds_2f_web-BmOITb1z z_tds_2f_web-BmOITb20 z_tds_2f_web-BmOITb21 z_tds_2f_web-BmOITb22 z_tds_2f_web-BmOITb23 z_tds_2f_web-BmOITb24"});
-    // Mirrors the typography of `Input.Control` so the morphing text sits over the transparent input text.
-    styles.morph = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITbb z_tds_2f_web-BmOITb25 z_tds_2f_web-BmOITb5 z_tds_2f_web-BmOITb26 z_tds_2f_web-BmOITb27 z_tds_2f_web-BmOITb28 z_tds_2f_web-BmOITb29 z_tds_2f_web-BmOITb2a z_tds_2f_web-BmOITb2b z_tds_2f_web-BmOITb2c z_tds_2f_web-BmOITb2d z_tds_2f_web-BmOITb2e z_tds_2f_web-BmOITb2f z_tds_2f_web-BmOITb2g z_tds_2f_web-BmOITb2h z_tds_2f_web-BmOITb2i z_tds_2f_web-BmOITb2j z_tds_2f_web-BmOITb2k z_tds_2f_web-BmOITb2l z_tds_2f_web-BmOITb2m z_tds_2f_web-BmOITb2n z_tds_2f_web-BmOITb2o z_tds_2f_web-BmOITb2p"});
+    // The placeholder takes the subtle color, lighter than the tertiary placeholder of a text field.
+    styles.input = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITb5 z_tds_2f_web-BmOITb6 z_tds_2f_web-BmOITb7 z_tds_2f_web-BmOITb8 z_tds_2f_web-BmOITb9"});
+    // Inherits the root's type, as `TextInput.Control` does, so the morphing text covers the input text.
+    styles.morph = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITba z_tds_2f_web-BmOITbb z_tds_2f_web-BmOITb5 z_tds_2f_web-BmOITbc z_tds_2f_web-BmOITbd z_tds_2f_web-BmOITbe z_tds_2f_web-BmOITbf"});
+    /**
+     * Overrides the 48px field of `TextInput.Group`, whose rules load first. It wraps onto rows, so a
+     * `Field.Label` and `Field.Description` inside take their own lines.
+     */
+    styles.root = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-BmOITbg z_tds_2f_web-BmOITbh z_tds_2f_web-BmOITbi z_tds_2f_web-BmOITbj z_tds_2f_web-BmOITbk z_tds_2f_web-BmOITbl z_tds_2f_web-BmOITbm z_tds_2f_web-BmOITbn z_tds_2f_web-BmOITbo z_tds_2f_web-BmOITbp z_tds_2f_web-BmOITbq z_tds_2f_web-BmOITbr z_tds_2f_web-BmOITbs z_tds_2f_web-BmOITbt z_tds_2f_web-BmOITbu z_tds_2f_web-BmOITbv z_tds_2f_web-BmOITbw z_tds_2f_web-BmOITbx z_tds_2f_web-BmOITby z_tds_2f_web-BmOITbz"});
 })(styles || (styles = {}));
 //# sourceMappingURL=AmountInput.js.map
 import './AmountInput.css';

package/dist/web/components/AmountInput.js.map

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