@tempoxyz/ds 0.3.0 → 0.3.2

package/dist/web/components/TextInput.css

@@ -1 +1 @@
-.z_tds_2f_web-rmhAEq0{align-items:center}.z_tds_2f_web-rmhAEq1{background-color:#0000}.z_tds_2f_web-rmhAEq2{border:none}.z_tds_2f_web-rmhAEq3{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-rmhAEq4{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)))}.z_tds_2f_web-rmhAEq5{corner-shape:round}.z_tds_2f_web-rmhAEq6{cursor:pointer}.z_tds_2f_web-rmhAEq7{display:inline-flex}.z_tds_2f_web-rmhAEq8{flex-shrink:0}.z_tds_2f_web-rmhAEq9{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-rmhAEqa{height:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-rmhAEqb{justify-content:center}.z_tds_2f_web-rmhAEqc{opacity:0}.z_tds_2f_web-rmhAEqd{outline-color:#0000}.z_tds_2f_web-rmhAEqe{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-rmhAEqf{outline-style:solid}.z_tds_2f_web-rmhAEqg{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-rmhAEqh{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-rmhAEqi{pointer-events:none}.z_tds_2f_web-rmhAEqj{position:relative}.z_tds_2f_web-rmhAEqk{transform:scale(.6)}.z_tds_2f_web-rmhAEql{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-rmhAEqm{transition-property:color,opacity,outline-color,transform,visibility}.z_tds_2f_web-rmhAEqn{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-rmhAEqo{visibility:hidden}.z_tds_2f_web-rmhAEqp{width:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-rmhAEqq{&:after{content:""}}.z_tds_2f_web-rmhAEqr{&:after{inset:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-rmhAEqs{&:after{position:absolute}}.z_tds_2f_web-rmhAEqt{&:active{transform:scale(.9)}}.z_tds_2f_web-rmhAEqu{&:active{transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-rmhAEqv{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-rmhAEqw{&:hover{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-rmhAEqx{[data-filled] &{opacity:1}}.z_tds_2f_web-rmhAEqy{[data-filled] &{pointer-events:auto}}.z_tds_2f_web-rmhAEqz{[data-filled] &{transform:none}}.z_tds_2f_web-rmhAEq10{[data-filled] &{visibility:visible}}.z_tds_2f_web-rmhAEq11{[data-filled] &:active{transform:scale(.9)}}@media (forced-colors:active){.z_tds_2f_web-rmhAEq12{outline-style:none}.z_tds_2f_web-rmhAEq13{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-rmhAEq14{transition-property:color,opacity,outline-color,visibility}.z_tds_2f_web-rmhAEq15{&,&:active,[data-filled] &:active{transform:none}}}.z_tds_2f_web-rmhAEq16{appearance:none}.z_tds_2f_web-rmhAEq17{border:none}.z_tds_2f_web-rmhAEq18{box-sizing:border-box}.z_tds_2f_web-rmhAEq19{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-rmhAEq1a{flex:1}.z_tds_2f_web-rmhAEq1b{font:inherit}.z_tds_2f_web-rmhAEq1c{letter-spacing:inherit}.z_tds_2f_web-rmhAEq1d{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-rmhAEq1e{outline:none}.z_tds_2f_web-rmhAEq1f{&::-webkit-search-cancel-button{appearance:none}}.z_tds_2f_web-rmhAEq1g{&::-webkit-search-cancel-button{display:none}}.z_tds_2f_web-rmhAEq1h{&::placeholder{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)))}}.z_tds_2f_web-rmhAEq1i{&:disabled,&:disabled::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-rmhAEq1j{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-rmhAEq1k{display:inline-flex}.z_tds_2f_web-rmhAEq1l{flex-shrink:0}.z_tds_2f_web-rmhAEq1m{&>svg{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)))}}.z_tds_2f_web-rmhAEq1n{&>svg{flex-shrink:0}}.z_tds_2f_web-rmhAEq1o{&>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z_tds_2f_web-rmhAEq1p{:has(input:disabled)>&,:has(input:disabled)>&>svg{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-rmhAEq0{align-items:center}.z_tds_2f_web-rmhAEq1{background-color:#0000}.z_tds_2f_web-rmhAEq2{border:none}.z_tds_2f_web-rmhAEq3{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-rmhAEq4{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-052,#ffffff85)))}.z_tds_2f_web-rmhAEq5{corner-shape:round}.z_tds_2f_web-rmhAEq6{cursor:pointer}.z_tds_2f_web-rmhAEq7{display:inline-flex}.z_tds_2f_web-rmhAEq8{flex-shrink:0}.z_tds_2f_web-rmhAEq9{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-rmhAEqa{height:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-rmhAEqb{justify-content:center}.z_tds_2f_web-rmhAEqc{opacity:0}.z_tds_2f_web-rmhAEqd{outline-color:#0000}.z_tds_2f_web-rmhAEqe{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-rmhAEqf{outline-style:solid}.z_tds_2f_web-rmhAEqg{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-rmhAEqh{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-rmhAEqi{pointer-events:none}.z_tds_2f_web-rmhAEqj{position:relative}.z_tds_2f_web-rmhAEqk{transform:scale(.6)}.z_tds_2f_web-rmhAEql{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-rmhAEqm{transition-property:color,opacity,outline-color,transform,visibility}.z_tds_2f_web-rmhAEqn{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-rmhAEqo{visibility:hidden}.z_tds_2f_web-rmhAEqp{width:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-rmhAEqq{&:after{content:""}}.z_tds_2f_web-rmhAEqr{&:after{inset:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-rmhAEqs{&:after{position:absolute}}.z_tds_2f_web-rmhAEqt{&:active{transform:scale(.9)}}.z_tds_2f_web-rmhAEqu{&:active{transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-rmhAEqv{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-rmhAEqw{&:hover{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-064,#ffffffa3)))}}.z_tds_2f_web-rmhAEqx{[data-filled] &{opacity:1}}.z_tds_2f_web-rmhAEqy{[data-filled] &{pointer-events:auto}}.z_tds_2f_web-rmhAEqz{[data-filled] &{transform:none}}.z_tds_2f_web-rmhAEq10{[data-filled] &{visibility:visible}}.z_tds_2f_web-rmhAEq11{[data-filled] &:active{transform:scale(.9)}}@media (forced-colors:active){.z_tds_2f_web-rmhAEq12{outline-style:none}.z_tds_2f_web-rmhAEq13{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-rmhAEq14{transition-property:color,opacity,outline-color,visibility}.z_tds_2f_web-rmhAEq15{&,&:active,[data-filled] &:active{transform:none}}}.z_tds_2f_web-rmhAEq16{[data-field-size=large]>&:is(div){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-rmhAEq17{&:where([data-appearance=overlay]){&:is(div){background-color:var(--z-tds_2f_web-color-overlay-container-regular,#70707052)}}}.z_tds_2f_web-rmhAEq18{&:where([data-appearance=overlay]){&:is(div){color:var(--z-tds_2f_web-color-overlay-content-primary,var(--z-tds_2f_web-color-neutral-000,#fff))}}}.z_tds_2f_web-rmhAEq19{&:where([data-appearance=overlay]){&:is(div):hover:not(:has(input:disabled)){background-color:var(--z-tds_2f_web-color-overlay-action-secondary-fill-hover,#70707047)}}}.z_tds_2f_web-rmhAEq1a{&:where([data-appearance=overlay]){&>input,&>input::placeholder,&>span,&>span>svg,&>button{color:var(--z-tds_2f_web-color-overlay-content-primary,var(--z-tds_2f_web-color-neutral-000,#fff))}}}.z_tds_2f_web-rmhAEq1b{&:where([data-size=large]){&:is(div){border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}}.z_tds_2f_web-rmhAEq1c{&:where([data-size=large]){&:is(div){height:var(--z-tds_2f_web-spacing-52,3.25rem)}}}.z_tds_2f_web-rmhAEq1d{&:where([data-size=large]){&:is(div){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}}.z_tds_2f_web-rmhAEq1e{&:where([data-size=large]){&>span>svg{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}}.z_tds_2f_web-rmhAEq1f{&:where([data-appearance=base]):where([data-size=large]):where(*,.__zyzz-compound-0){&>span>svg{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-rmhAEq1g{appearance:none}.z_tds_2f_web-rmhAEq1h{background-color:#0000}.z_tds_2f_web-rmhAEq1i{border:none}.z_tds_2f_web-rmhAEq1j{box-sizing:border-box}.z_tds_2f_web-rmhAEq1k{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-rmhAEq1l{flex:1}.z_tds_2f_web-rmhAEq1m{font:inherit}.z_tds_2f_web-rmhAEq1n{letter-spacing:inherit}.z_tds_2f_web-rmhAEq1o{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-rmhAEq1p{outline:none}.z_tds_2f_web-rmhAEq1q{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-rmhAEq1r{&::-webkit-search-cancel-button{appearance:none}}.z_tds_2f_web-rmhAEq1s{&::-webkit-search-cancel-button{display:none}}.z_tds_2f_web-rmhAEq1t{&::placeholder{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-052,#ffffff85)))}}.z_tds_2f_web-rmhAEq1u{&:disabled,&:disabled::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-rmhAEq1v{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-064,#ffffffa3)))}.z_tds_2f_web-rmhAEq1w{display:inline-flex}.z_tds_2f_web-rmhAEq1x{flex-shrink:0}.z_tds_2f_web-rmhAEq1y{&>svg{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-052,#ffffff85)))}}.z_tds_2f_web-rmhAEq1z{&>svg{flex-shrink:0}}.z_tds_2f_web-rmhAEq20{&>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z_tds_2f_web-rmhAEq21{:has(input:disabled)>&,:has(input:disabled)>&>svg{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)))}}

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

@@ -7,7 +7,8 @@ import * as InputGroup from './internal/InputGroup.js';
  * place it inside `Field.Root` to get a label, description and error. Focus turns the field
  * elevated with a 1px border. `invalid` fills it red and `success` ends it with a check, each also
  * inherited from `Field.Root`. Entering either state after mount plays a one-shot nudge or pop.
- * For search, put a `Search` icon in `Prefix` and add `Clear`.
+ * For search, put a `Search` icon in `Prefix` and add `Clear`. `size="large"` draws the 52px
+ * search bar, and `appearance="overlay"` draws the field over an image or video.
  *
  * - Give every control a visible `Field.Label`. A placeholder is not a label.
  * - Set `autoComplete`, `inputMode` and `type` so browsers and keyboards can help fill the field.
@@ -33,7 +34,7 @@ export declare namespace TextInput {
     /** The field surface, rendered as a `div` that holds the other parts. */
     function Group(props: Group.Props): import("react").JSX.Element;
     namespace Group {
-        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof InputGroup.styles.group> & {
+        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof InputGroup.styles.group> & zyzz.Props.Variants<typeof styles.group> & {
             /**
              * Fills the field red and sets `aria-invalid` on `TextInput.Control`.
              *
@@ -87,6 +88,83 @@ declare namespace styles {
      * area extends past its circle.
      */
     const clear: zyzz.style.ReturnType<"react">;
+    /**
+     * The surface and size of `TextInput.Group`, applied over the shared field. The rules repeat the
+     * element type, so they outrank the shared rules of the same state.
+     */
+    const group: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly selectors: {
+                readonly '[data-field-size="large"] > &:is(div)': {
+                    readonly paddingInline: "20";
+                };
+            };
+        };
+        readonly compoundVariants: readonly [{
+            readonly when: {
+                readonly appearance: "base";
+                readonly size: "large";
+            };
+            readonly style: {
+                readonly selectors: {
+                    readonly '& > span > svg': {
+                        readonly color: "content.primary";
+                    };
+                };
+            };
+        }];
+        readonly defaultVariants: {
+            readonly appearance: "base";
+            readonly size: "medium";
+        };
+        readonly variants: {
+            /**
+             * The surface under the field: the page for `base`, and an image or video for `overlay`.
+             * The overlay fill and text keep the same colors in both schemes, and hover lightens the
+             * fill.
+             *
+             * @default 'base'
+             */
+            readonly appearance: {
+                readonly base: {};
+                readonly overlay: {
+                    readonly selectors: {
+                        readonly '&:is(div)': {
+                            readonly backgroundColor: "overlay.container.regular";
+                            readonly color: "overlay.content.primary";
+                        };
+                        readonly '&:is(div):hover:not(:has(input:disabled))': {
+                            readonly backgroundColor: "overlay.action.secondary.fill.hover";
+                        };
+                        readonly '& > input, & > input::placeholder, & > span, & > span > svg, & > button': {
+                            readonly color: "overlay.content.primary";
+                        };
+                    };
+                };
+            };
+            /**
+             * The height of the field. `medium` is the 48px text field. `large` is the 52px search
+             * bar, which insets its content 20px, rounds at `sm` and draws 20px icons.
+             *
+             * @default 'medium'
+             */
+            readonly size: {
+                readonly large: {
+                    readonly selectors: {
+                        readonly '&:is(div)': {
+                            readonly borderRadius: "sm";
+                            readonly height: "52";
+                            readonly paddingInline: "20";
+                        };
+                        readonly '& > span > svg': {
+                            readonly fontSize: "20";
+                        };
+                    };
+                };
+                readonly medium: {};
+            };
+        };
+    }, "react">;
     const control: zyzz.style.ReturnType<"react">;
     const prefix: zyzz.style.ReturnType<"react">;
     const suffix: zyzz.style.ReturnType<"react">;

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/web/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,qBAAqB,EAA+B,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAEjC,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,yBAAiB,SAAS,CAAC;IACzB,yEAAyE;IACzE,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAuBvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG;YACpD;;;;eAIG;YACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;YAC7B;;;;eAIG;YACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAC9B,CAAA;KACJ;IAED;;;;;OAKG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BA2B3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,OAAO,CAAC,GAChD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAC1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,eAAe,GAAG,QAAQ,CAAC,CAAA;KACvD;IAED;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;IAED,gGAAgG;IAChG,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;IAED;;;;OAIG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAkCvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC/F;CACF;AAQD,kBAAU,MAAM,CAAC;IACf;;;OAGG;IACI,MAAM,KAAK,gCAqDjB,CAAA;IAIM,MAAM,OAAO,gCAoBnB,CAAA;IAGM,MAAM,MAAM,gCAYlB,CAAA;IAEM,MAAM,MAAM,gCAYlB,CAAA;CACF"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/web/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,qBAAqB,EAA+B,MAAM,OAAO,CAAA;AAC/E,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAEjC,OAAO,KAAK,UAAU,MAAM,0BAA0B,CAAA;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,yBAAiB,SAAS,CAAC;IACzB,yEAAyE;IACzE,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAwCvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,GACnD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG;YACzC;;;;eAIG;YACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;YAC7B;;;;eAIG;YACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAC9B,CAAA;KACJ;IAED;;;;;OAKG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BA2B3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,OAAO,CAAC,GAChD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAC1C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,eAAe,GAAG,QAAQ,CAAC,CAAA;KACvD;IAED;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;IAED,gGAAgG;IAChG,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;IAED;;;;OAIG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAkCvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC/F;CACF;AAQD,kBAAU,MAAM,CAAC;IACf;;;OAGG;IACI,MAAM,KAAK,gCAqDjB,CAAA;IAED;;;OAGG;IACI,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;YAeZ;;;;;;eAMG;;;;;;;;;;;;;;;;;;YAkBH;;;;;eAKG;;;;;;;;;;;;;;;;;eAaR,CAAA;IAIM,MAAM,OAAO,gCAoBnB,CAAA;IAGM,MAAM,MAAM,gCAYlB,CAAA;IAEM,MAAM,MAAM,gCAYlB,CAAA;CACF"}

package/dist/web/components/TextInput.js

@@ -3,14 +3,15 @@ import { Props as __zyzzProps } from 'zyzz/runtime';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/input';
 import { useContext, useMemo, useRef } from 'react';
-import { style } from '../zyzz.config.js';
+import { style, variants } from '../zyzz.config.js';
 import * as InputGroup from './internal/InputGroup.js';
 /**
  * A 48px text field. Compose `Group` with optional `Prefix`, `Control`, `Suffix` and `Clear`, and
  * place it inside `Field.Root` to get a label, description and error. Focus turns the field
  * elevated with a 1px border. `invalid` fills it red and `success` ends it with a check, each also
  * inherited from `Field.Root`. Entering either state after mount plays a one-shot nudge or pop.
- * For search, put a `Search` icon in `Prefix` and add `Clear`.
+ * For search, put a `Search` icon in `Prefix` and add `Clear`. `size="large"` draws the 52px
+ * search bar, and `appearance="overlay"` draws the field over an image or video.
  *
  * - Give every control a visible `Field.Label`. A placeholder is not a label.
  * - Set `autoComplete`, `inputMode` and `type` so browsers and keyboards can help fill the field.
@@ -36,12 +37,18 @@ export var TextInput;
 (function (TextInput) {
     /** The field surface, rendered as a `div` that holds the other parts. */
     function Group(props) {
-        const { className, invalid = false, ref, success = false, variant, vars, ...attributes } = props;
+        const { appearance, className, invalid = false, ref, size, success = false, variant, vars, ...attributes } = props;
         const control = useRef(null);
         const element = useRef(null);
+        const surface = styles.group({ appearance, className, size });
         const context = useMemo(() => ({ control, invalid }), [invalid]);
         InputGroup.useEntrance(element);
-        return (_jsx(InputGroup.Context.Provider, { value: context, children: _jsx("div", { ...attributes, ...InputGroup.styles.group({ className, style: props.style, variant, vars }), "data-invalid": invalid || undefined, "data-success": success || undefined, ref: (node) => {
+        return (_jsx(InputGroup.Context.Provider, { value: context, children: _jsx("div", { ...attributes, ...surface, ...InputGroup.styles.group({
+                    className: surface.className,
+                    style: props.style,
+                    variant,
+                    vars,
+                }), "data-invalid": invalid || undefined, "data-success": success || undefined, ref: (node) => {
                     element.current = node;
                     if (typeof ref === 'function')
                         ref(node);
@@ -127,12 +134,17 @@ var styles;
      * area extends past its circle.
      */
     styles.clear = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq0 z_tds_2f_web-rmhAEq1 z_tds_2f_web-rmhAEq2 z_tds_2f_web-rmhAEq3 z_tds_2f_web-rmhAEq4 z_tds_2f_web-rmhAEq5 z_tds_2f_web-rmhAEq6 z_tds_2f_web-rmhAEq7 z_tds_2f_web-rmhAEq8 z_tds_2f_web-rmhAEq9 z_tds_2f_web-rmhAEqa z_tds_2f_web-rmhAEqb z_tds_2f_web-rmhAEqc z_tds_2f_web-rmhAEqd z_tds_2f_web-rmhAEqe z_tds_2f_web-rmhAEqf z_tds_2f_web-rmhAEqg z_tds_2f_web-rmhAEqh z_tds_2f_web-rmhAEqi z_tds_2f_web-rmhAEqj z_tds_2f_web-rmhAEqk z_tds_2f_web-rmhAEql z_tds_2f_web-rmhAEqm z_tds_2f_web-rmhAEqn z_tds_2f_web-rmhAEqo z_tds_2f_web-rmhAEqp z_tds_2f_web-rmhAEqq z_tds_2f_web-rmhAEqr z_tds_2f_web-rmhAEqs z_tds_2f_web-rmhAEqt z_tds_2f_web-rmhAEqu z_tds_2f_web-rmhAEqv z_tds_2f_web-rmhAEqw z_tds_2f_web-rmhAEqx z_tds_2f_web-rmhAEqy z_tds_2f_web-rmhAEqz z_tds_2f_web-rmhAEq10 z_tds_2f_web-rmhAEq11 z_tds_2f_web-rmhAEq12 z_tds_2f_web-rmhAEq13 z_tds_2f_web-rmhAEq14 z_tds_2f_web-rmhAEq15"});
+    /**
+     * The surface and size of `TextInput.Group`, applied over the shared field. The rules repeat the
+     * element type, so they outrank the shared rules of the same state.
+     */
+    styles.group = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-rmhAEq16 z_tds_2f_web-rmhAEq17 z_tds_2f_web-rmhAEq18 z_tds_2f_web-rmhAEq19 z_tds_2f_web-rmhAEq1a z_tds_2f_web-rmhAEq1b z_tds_2f_web-rmhAEq1c z_tds_2f_web-rmhAEq1d z_tds_2f_web-rmhAEq1e z_tds_2f_web-rmhAEq1f"+" "+external:"z_tds_2f_web-rmhAEq16 z_tds_2f_web-rmhAEq17 z_tds_2f_web-rmhAEq18 z_tds_2f_web-rmhAEq19 z_tds_2f_web-rmhAEq1a z_tds_2f_web-rmhAEq1b z_tds_2f_web-rmhAEq1c z_tds_2f_web-rmhAEq1d z_tds_2f_web-rmhAEq1e z_tds_2f_web-rmhAEq1f",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"appearance")?input["appearance"]:void 0;if(value===void 0)value="base";if(value!==null&&value!==void 0)result["data-appearance"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
     // The group carries the type, so the control inherits it. Browsers reset the tracking of a form
     // control, so it inherits that too.
-    styles.control = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq16 z_tds_2f_web-rmhAEq1 z_tds_2f_web-rmhAEq17 z_tds_2f_web-rmhAEq18 z_tds_2f_web-rmhAEq19 z_tds_2f_web-rmhAEq1a z_tds_2f_web-rmhAEq1b z_tds_2f_web-rmhAEq1c z_tds_2f_web-rmhAEq1d z_tds_2f_web-rmhAEq1e z_tds_2f_web-rmhAEqh z_tds_2f_web-rmhAEq1f z_tds_2f_web-rmhAEq1g z_tds_2f_web-rmhAEq1h z_tds_2f_web-rmhAEq1i"});
+    styles.control = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq1g z_tds_2f_web-rmhAEq1h z_tds_2f_web-rmhAEq1i z_tds_2f_web-rmhAEq1j z_tds_2f_web-rmhAEq1k z_tds_2f_web-rmhAEq1l z_tds_2f_web-rmhAEq1m z_tds_2f_web-rmhAEq1n z_tds_2f_web-rmhAEq1o z_tds_2f_web-rmhAEq1p z_tds_2f_web-rmhAEq1q z_tds_2f_web-rmhAEq1r z_tds_2f_web-rmhAEq1s z_tds_2f_web-rmhAEq1t z_tds_2f_web-rmhAEq1u"});
     // Text adornments keep 4.5:1 contrast, while icons take the tertiary color.
-    styles.prefix = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq0 z_tds_2f_web-rmhAEq1j z_tds_2f_web-rmhAEq1k z_tds_2f_web-rmhAEq1l z_tds_2f_web-rmhAEq1m z_tds_2f_web-rmhAEq1n z_tds_2f_web-rmhAEq1o z_tds_2f_web-rmhAEq1p"});
-    styles.suffix = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq0 z_tds_2f_web-rmhAEq1j z_tds_2f_web-rmhAEq1m z_tds_2f_web-rmhAEq1p z_tds_2f_web-rmhAEq1k z_tds_2f_web-rmhAEq1l z_tds_2f_web-rmhAEq1n z_tds_2f_web-rmhAEq1o"});
+    styles.prefix = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq0 z_tds_2f_web-rmhAEq1v z_tds_2f_web-rmhAEq1w z_tds_2f_web-rmhAEq1x z_tds_2f_web-rmhAEq1y z_tds_2f_web-rmhAEq1z z_tds_2f_web-rmhAEq20 z_tds_2f_web-rmhAEq21"});
+    styles.suffix = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-rmhAEq0 z_tds_2f_web-rmhAEq1v z_tds_2f_web-rmhAEq1y z_tds_2f_web-rmhAEq21 z_tds_2f_web-rmhAEq1w z_tds_2f_web-rmhAEq1x z_tds_2f_web-rmhAEq1z z_tds_2f_web-rmhAEq20"});
 })(styles || (styles = {}));
 //# sourceMappingURL=TextInput.js.map
 import './TextInput.css';

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

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