@tempoxyz/ds 0.2.5 → 0.2.6

package/dist/web/components/internal/Field.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_select_2d_field-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-display-3{display:flex}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-justify-content-4{justify-content:space-between}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-5{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-offset-6{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-7{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-width-8{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-9{position:relative}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-align-10{text-align:start}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-11{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-12{transition-property:background-color,border-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-13{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-w-14{width:100%}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-15{&:before{border-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-16{&:before{border-radius:inherit}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-style-17{&:before{border-style:solid}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-width-18{&:before{border-width:var(--z-tds_2f_web-borderWidth-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-19{&:before{box-sizing:border-box}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-content-20{&:before{content:""}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-inset-21{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-pointer-events-22{&:before{pointer-events:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-23{&:before{position:absolute}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-24{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-25{&:before{transition-property:border-color}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-26{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-cursor-27{&:is(button){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-28{&:focus-visible,&:has(:focus-visible){outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-opacity-29{&[data-disabled],&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-30{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):before{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-31{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):is(:focus-visible,:has(:focus-visible)){outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-32{&:is(:focus-visible,:has(:focus-visible)):before{border-color:#0000}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-33{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-34{&:focus-visible,&:has(:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-35{transition-property:background-color,border-color,opacity,outline-color}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-36{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-37{&:where([data-size=large]){min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-38{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-39{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-copy-16-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-tds_2f_web_2f_select_2d_field-font-size-40{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-41{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-42{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-43{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-44{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-45{&:where([data-size=medium]){min-height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-46{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-47{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-copy-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-tds_2f_web_2f_select_2d_field-font-size-48{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-49{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-50{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-51{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-52{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-53{&:where([data-size=small]){min-height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-54{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-55{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-copy-13-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-tds_2f_web_2f_select_2d_field-font-size-56{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-57{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-58{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-59{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-60{&:where([data-variant=filled]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-61{&:where([data-variant=filled]){border:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-62{&:where([data-variant=filled]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-63{&:where([data-variant=filled]){&:hover:not([data-disabled]){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-64{&:where([data-variant=ghost]){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-65{&:where([data-variant=ghost]){border:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-66{&:where([data-variant=ghost]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-67{&:where([data-variant=ghost]){&:hover:not([data-disabled]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-68{&:where([data-variant=outlined]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-69{&:where([data-variant=outlined]){border:1px solid}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-70{&:where([data-variant=outlined]){border-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-71{&:where([data-variant=outlined]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-72{&:where([data-variant=outlined]){&:hover:not([data-disabled]){border-color:var(--z-tds_2f_web-color-grayAlpha-500,light-dark(#00000036,#ffffff3d))}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-73{&:where([data-size=large]):where([data-variant=outlined]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-74{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-75{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-0{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-1{border:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-2{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-box-sizing-3{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-4{color:var(--z-tds_2f_web-color-gray-700,light-dark(#8f8f8f,#8f8e8e))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-display-6{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-flex-shrink-7{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-8{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-9{height:var(--z-tds_2f_web-spacing-36,2.25rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-justify-content-10{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-11{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-offset-12{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-13{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-width-14{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-p-15{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-16{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-17{transition-property:background-color,color,opacity,outline-color,transform}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-18{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-19{width:var(--z-tds_2f_web-spacing-36,2.25rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-20{&:active:not(:disabled){transform:scale(.92)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-21{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-22{&:disabled{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-23{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-24{&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-25{&:hover:not(:disabled){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-opacity-26{&[data-ending-style],&[data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-27{&[data-ending-style],&[data-starting-style]{transform:scale(.6)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-28{&>svg{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-29{&>svg{transition-property:transform}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-30{&>svg{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-31{&[data-popup-open]>svg{transform:rotate(180deg)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-32{[data-size=large]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-33{[data-size=medium]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-34{[data-size=small]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-35{[data-size=large]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-36{[data-size=large][data-variant=outlined]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_14,-.875rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-37{[data-size=medium]>&{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-38{[data-size=medium]>&{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-39{[data-size=medium]>&{width:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-40{[data-size=medium]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-41{[data-size=small]>&{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-42{[data-size=small]>&{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-43{[data-size=small]>&{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-44{[data-size=small]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-45{[data-variant=filled]:is([data-size=large],[data-size=medium])>&{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-46{[data-variant=filled][data-size=small]>&{border-radius:var(--z-tds_2f_web-radius-4,.25rem)}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-47{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-48{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-49{transition-property:background-color,color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-50{&:active:not(:disabled),&[data-ending-style],&[data-starting-style]{transform:none}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-51{&>svg{transition-property:none}}}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-align-self-0{align-self:stretch}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-bg-1{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-border-2{border:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-3{color:inherit}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-basis-4{flex-basis:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-grow-5{flex-grow:1}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-font-6{font:inherit}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-min-width-7{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-outline-8{outline:none}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-w-9{width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-10{&::placeholder{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}}
+.z_tds_2f_web-u-FjQX0{align-items:center}.z_tds_2f_web-u-FjQX1{box-sizing:border-box}.z_tds_2f_web-u-FjQX2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-u-FjQX3{display:flex}.z_tds_2f_web-u-FjQX4{justify-content:space-between}.z_tds_2f_web-u-FjQX5{outline-color:#0000}.z_tds_2f_web-u-FjQX6{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-u-FjQX7{outline-style:solid}.z_tds_2f_web-u-FjQX8{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-u-FjQX9{position:relative}.z_tds_2f_web-u-FjQXa{text-align:start}.z_tds_2f_web-u-FjQXb{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-u-FjQXc{transition-property:background-color,border-color,opacity,outline-color}.z_tds_2f_web-u-FjQXd{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-u-FjQXe{width:100%}.z_tds_2f_web-u-FjQXf{&:before{border-color:#0000}}.z_tds_2f_web-u-FjQXg{&:before{border-radius:inherit}}.z_tds_2f_web-u-FjQXh{&:before{border-style:solid}}.z_tds_2f_web-u-FjQXi{&:before{border-width:var(--z-tds_2f_web-borderWidth-2,2px)}}.z_tds_2f_web-u-FjQXj{&:before{box-sizing:border-box}}.z_tds_2f_web-u-FjQXk{&:before{content:""}}.z_tds_2f_web-u-FjQXl{&:before{inset:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-u-FjQXm{&:before{pointer-events:none}}.z_tds_2f_web-u-FjQXn{&:before{position:absolute}}.z_tds_2f_web-u-FjQXo{&:before{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-u-FjQXp{&:before{transition-property:border-color}}.z_tds_2f_web-u-FjQXq{&:before{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-u-FjQXr{&:is(button){cursor:pointer}}.z_tds_2f_web-u-FjQXs{&:focus-visible,&:has(:focus-visible){outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-u-FjQXt{&[data-disabled],&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-u-FjQXu{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):before{border-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z_tds_2f_web-u-FjQXv{&:is([aria-invalid=true],[data-invalid],:has([aria-invalid=true])):is(:focus-visible,:has(:focus-visible)){outline-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z_tds_2f_web-u-FjQXw{&:is(:focus-visible,:has(:focus-visible)):before{border-color:#0000}}@media (forced-colors:active){.z_tds_2f_web-u-FjQXx{outline-style:none}.z_tds_2f_web-u-FjQXy{&:focus-visible,&:has(:focus-visible){outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-u-FjQXz{transition-property:background-color,border-color,opacity,outline-color}}.z_tds_2f_web-u-FjQX10{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-u-FjQX11{&:where([data-size=large]){min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-u-FjQX12{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-u-FjQX13{&:where([data-size=large]){font-family:var(--z-tds_2f_web-typography-copy-16-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-u-FjQX14{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-16-fontSize,16px)}}.z_tds_2f_web-u-FjQX15{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-16-fontWeight,450)}}.z_tds_2f_web-u-FjQX16{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-16-letterSpacing,-.18px)}}.z_tds_2f_web-u-FjQX17{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-16-lineHeight,24px)}}.z_tds_2f_web-u-FjQX18{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-u-FjQX19{&:where([data-size=medium]){min-height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-u-FjQX1a{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-u-FjQX1b{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-copy-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-u-FjQX1c{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z_tds_2f_web-u-FjQX1d{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z_tds_2f_web-u-FjQX1e{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z_tds_2f_web-u-FjQX1f{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z_tds_2f_web-u-FjQX1g{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-u-FjQX1h{&:where([data-size=small]){min-height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-u-FjQX1i{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-u-FjQX1j{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-copy-13-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-u-FjQX1k{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z_tds_2f_web-u-FjQX1l{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z_tds_2f_web-u-FjQX1m{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z_tds_2f_web-u-FjQX1n{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z_tds_2f_web-u-FjQX1o{&:where([data-variant=filled]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z_tds_2f_web-u-FjQX1p{&:where([data-variant=filled]){border:none}}.z_tds_2f_web-u-FjQX1q{&:where([data-variant=filled]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-u-FjQX1r{&:where([data-variant=filled]){&:hover:not([data-disabled]){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}}.z_tds_2f_web-u-FjQX1s{&:where([data-variant=ghost]){background-color:#0000}}.z_tds_2f_web-u-FjQX1t{&:where([data-variant=ghost]){border:none}}.z_tds_2f_web-u-FjQX1u{&:where([data-variant=ghost]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z_tds_2f_web-u-FjQX1v{&:where([data-variant=ghost]){&:hover:not([data-disabled]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}}.z_tds_2f_web-u-FjQX1w{&:where([data-variant=outlined]){background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}}.z_tds_2f_web-u-FjQX1x{&:where([data-variant=outlined]){border:1px solid}}.z_tds_2f_web-u-FjQX1y{&:where([data-variant=outlined]){border-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z_tds_2f_web-u-FjQX1z{&:where([data-variant=outlined]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z_tds_2f_web-u-FjQX20{&:where([data-variant=outlined]){&:hover:not([data-disabled]){border-color:var(--z-tds_2f_web-color-grayAlpha-500,light-dark(#00000036,#ffffff3d))}}}.z_tds_2f_web-u-FjQX21{&:where([data-size=large]):where([data-variant=outlined]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-u-FjQX22{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-u-FjQX23{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-u-FjQX24{background-color:#0000}.z_tds_2f_web-u-FjQX25{border:none}.z_tds_2f_web-u-FjQX26{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z_tds_2f_web-u-FjQX27{box-sizing:border-box}.z_tds_2f_web-u-FjQX28{color:var(--z-tds_2f_web-color-gray-700,light-dark(#8f8f8f,#8f8e8e))}.z_tds_2f_web-u-FjQX29{cursor:pointer}.z_tds_2f_web-u-FjQX2a{display:inline-flex}.z_tds_2f_web-u-FjQX2b{flex-shrink:0}.z_tds_2f_web-u-FjQX2c{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}.z_tds_2f_web-u-FjQX2d{height:var(--z-tds_2f_web-spacing-36,2.25rem)}.z_tds_2f_web-u-FjQX2e{justify-content:center}.z_tds_2f_web-u-FjQX2f{outline-color:#0000}.z_tds_2f_web-u-FjQX2g{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-u-FjQX2h{outline-style:solid}.z_tds_2f_web-u-FjQX2i{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-u-FjQX2j{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX2k{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-u-FjQX2l{transition-property:background-color,color,opacity,outline-color,transform}.z_tds_2f_web-u-FjQX2m{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-u-FjQX2n{width:var(--z-tds_2f_web-spacing-36,2.25rem)}.z_tds_2f_web-u-FjQX2o{&:active:not(:disabled){transform:scale(.92)}}.z_tds_2f_web-u-FjQX2p{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-u-FjQX2q{&:disabled{cursor:default}}.z_tds_2f_web-u-FjQX2r{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-u-FjQX2s{&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z_tds_2f_web-u-FjQX2t{&:hover:not(:disabled){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-u-FjQX2u{&[data-ending-style],&[data-starting-style]{opacity:0}}.z_tds_2f_web-u-FjQX2v{&[data-ending-style],&[data-starting-style]{transform:scale(.6)}}.z_tds_2f_web-u-FjQX2w{&>svg{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z_tds_2f_web-u-FjQX2x{&>svg{transition-property:transform}}.z_tds_2f_web-u-FjQX2y{&>svg{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}}.z_tds_2f_web-u-FjQX2z{&[data-popup-open]>svg{transform:rotate(180deg)}}.z_tds_2f_web-u-FjQX30{[data-size=large]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-u-FjQX31{[data-size=medium]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-u-FjQX32{[data-size=small]>&+&{margin-inline-start:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}.z_tds_2f_web-u-FjQX33{[data-size=large]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z_tds_2f_web-u-FjQX34{[data-size=large][data-variant=outlined]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_14,-.875rem)}}.z_tds_2f_web-u-FjQX35{[data-size=medium]>&{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}}.z_tds_2f_web-u-FjQX36{[data-size=medium]>&{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-u-FjQX37{[data-size=medium]>&{width:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-u-FjQX38{[data-size=medium]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_10,-.625rem)}}.z_tds_2f_web-u-FjQX39{[data-size=small]>&{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}.z_tds_2f_web-u-FjQX3a{[data-size=small]>&{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-u-FjQX3b{[data-size=small]>&{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-u-FjQX3c{[data-size=small]>&:last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}.z_tds_2f_web-u-FjQX3d{[data-variant=filled]:is([data-size=large],[data-size=medium])>&{border-radius:var(--z-tds_2f_web-radius-6,.375rem)}}.z_tds_2f_web-u-FjQX3e{[data-variant=filled][data-size=small]>&{border-radius:var(--z-tds_2f_web-radius-4,.25rem)}}@media (forced-colors:active){.z_tds_2f_web-u-FjQX3f{outline-style:none}.z_tds_2f_web-u-FjQX3g{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-u-FjQX3h{transition-property:background-color,color,opacity,outline-color}.z_tds_2f_web-u-FjQX3i{&:active:not(:disabled),&[data-ending-style],&[data-starting-style]{transform:none}}.z_tds_2f_web-u-FjQX3j{&>svg{transition-property:none}}}.z_tds_2f_web-u-FjQX3k{align-self:stretch}.z_tds_2f_web-u-FjQX3l{background-color:#0000}.z_tds_2f_web-u-FjQX3m{border:none}.z_tds_2f_web-u-FjQX3n{color:inherit}.z_tds_2f_web-u-FjQX3o{flex-basis:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX3p{flex-grow:1}.z_tds_2f_web-u-FjQX3q{font:inherit}.z_tds_2f_web-u-FjQX3r{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX3s{outline:none}.z_tds_2f_web-u-FjQX3t{width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-u-FjQX3u{&::placeholder{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}}

package/dist/web/components/internal/Field.js

@@ -1,5 +1,5 @@
 
-import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/runtime';
+import { Props as __zyzzProps } from 'zyzz/runtime';
 import { style, variants } from '../../zyzz.config.js';
 /**
  * The field surface shared by Combobox, Autocomplete, NumberField and DatePicker. Its `size` scale
@@ -7,13 +7,13 @@ import { style, variants } from '../../zyzz.config.js';
  */
 export var styles;
 (function (styles) {
-    styles.field = __zyzzRecipe.create({"axes":{"size":["large","medium","small"],"variant":["filled","ghost","outlined"]},"defaults":{"size":"medium","variant":"filled"},"className":"z-tds_2f_web-tds_2f_web_2f_select_2d_field-align-items-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-2 z-tds_2f_web-tds_2f_web_2f_select_2d_field-display-3 z-tds_2f_web-tds_2f_web_2f_select_2d_field-justify-content-4 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-5 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-offset-6 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-7 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-width-8 z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-9 z-tds_2f_web-tds_2f_web_2f_select_2d_field-text-align-10 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-11 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-12 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-13 z-tds_2f_web-tds_2f_web_2f_select_2d_field-w-14 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-15 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-16 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-style-17 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-width-18 z-tds_2f_web-tds_2f_web_2f_select_2d_field-box-sizing-19 z-tds_2f_web-tds_2f_web_2f_select_2d_field-content-20 z-tds_2f_web-tds_2f_web_2f_select_2d_field-inset-21 z-tds_2f_web-tds_2f_web_2f_select_2d_field-pointer-events-22 z-tds_2f_web-tds_2f_web_2f_select_2d_field-position-23 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-duration-24 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-25 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-timing-function-26 z-tds_2f_web-tds_2f_web_2f_select_2d_field-cursor-27 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-28 z-tds_2f_web-tds_2f_web_2f_select_2d_field-opacity-29 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-30 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-color-31 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-32 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-33 z-tds_2f_web-tds_2f_web_2f_select_2d_field-outline-style-34 z-tds_2f_web-tds_2f_web_2f_select_2d_field-transition-property-35 z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-36 z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-37 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-38 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-39 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-40 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-41 z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-42 z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-43 z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-44 z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-45 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-46 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-47 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-48 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-49 z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-50 z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-51 z-tds_2f_web-tds_2f_web_2f_select_2d_field-column-gap-52 z-tds_2f_web-tds_2f_web_2f_select_2d_field-min-height-53 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-54 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-family-55 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-size-56 z-tds_2f_web-tds_2f_web_2f_select_2d_field-font-weight-57 z-tds_2f_web-tds_2f_web_2f_select_2d_field-letter-spacing-58 z-tds_2f_web-tds_2f_web_2f_select_2d_field-line-height-59 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-60 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-61 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-62 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-63 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-64 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-65 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-66 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-67 z-tds_2f_web-tds_2f_web_2f_select_2d_field-bg-68 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-69 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-70 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-71 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-color-72 z-tds_2f_web-tds_2f_web_2f_select_2d_field-padding-inline-73 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-74 z-tds_2f_web-tds_2f_web_2f_select_2d_field-border-radius-75"});
+    styles.field = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-u-FjQX0 z_tds_2f_web-u-FjQX1 z_tds_2f_web-u-FjQX2 z_tds_2f_web-u-FjQX3 z_tds_2f_web-u-FjQX4 z_tds_2f_web-u-FjQX5 z_tds_2f_web-u-FjQX6 z_tds_2f_web-u-FjQX7 z_tds_2f_web-u-FjQX8 z_tds_2f_web-u-FjQX9 z_tds_2f_web-u-FjQXa z_tds_2f_web-u-FjQXb z_tds_2f_web-u-FjQXc z_tds_2f_web-u-FjQXd z_tds_2f_web-u-FjQXe z_tds_2f_web-u-FjQXf z_tds_2f_web-u-FjQXg z_tds_2f_web-u-FjQXh z_tds_2f_web-u-FjQXi z_tds_2f_web-u-FjQXj z_tds_2f_web-u-FjQXk z_tds_2f_web-u-FjQXl z_tds_2f_web-u-FjQXm z_tds_2f_web-u-FjQXn z_tds_2f_web-u-FjQXo z_tds_2f_web-u-FjQXp z_tds_2f_web-u-FjQXq z_tds_2f_web-u-FjQXr z_tds_2f_web-u-FjQXs z_tds_2f_web-u-FjQXt z_tds_2f_web-u-FjQXu z_tds_2f_web-u-FjQXv z_tds_2f_web-u-FjQXw z_tds_2f_web-u-FjQXx z_tds_2f_web-u-FjQXy z_tds_2f_web-u-FjQXz z_tds_2f_web-u-FjQX10 z_tds_2f_web-u-FjQX11 z_tds_2f_web-u-FjQX12 z_tds_2f_web-u-FjQX13 z_tds_2f_web-u-FjQX14 z_tds_2f_web-u-FjQX15 z_tds_2f_web-u-FjQX16 z_tds_2f_web-u-FjQX17 z_tds_2f_web-u-FjQX18 z_tds_2f_web-u-FjQX19 z_tds_2f_web-u-FjQX1a z_tds_2f_web-u-FjQX1b z_tds_2f_web-u-FjQX1c z_tds_2f_web-u-FjQX1d z_tds_2f_web-u-FjQX1e z_tds_2f_web-u-FjQX1f z_tds_2f_web-u-FjQX1g z_tds_2f_web-u-FjQX1h z_tds_2f_web-u-FjQX1i z_tds_2f_web-u-FjQX1j z_tds_2f_web-u-FjQX1k z_tds_2f_web-u-FjQX1l z_tds_2f_web-u-FjQX1m z_tds_2f_web-u-FjQX1n z_tds_2f_web-u-FjQX1o z_tds_2f_web-u-FjQX1p z_tds_2f_web-u-FjQX1q z_tds_2f_web-u-FjQX1r z_tds_2f_web-u-FjQX1s z_tds_2f_web-u-FjQX1t z_tds_2f_web-u-FjQX1u z_tds_2f_web-u-FjQX1v z_tds_2f_web-u-FjQX1w z_tds_2f_web-u-FjQX1x z_tds_2f_web-u-FjQX1y z_tds_2f_web-u-FjQX1z z_tds_2f_web-u-FjQX20 z_tds_2f_web-u-FjQX21 z_tds_2f_web-u-FjQX22 z_tds_2f_web-u-FjQX23"+" "+external:"z_tds_2f_web-u-FjQX0 z_tds_2f_web-u-FjQX1 z_tds_2f_web-u-FjQX2 z_tds_2f_web-u-FjQX3 z_tds_2f_web-u-FjQX4 z_tds_2f_web-u-FjQX5 z_tds_2f_web-u-FjQX6 z_tds_2f_web-u-FjQX7 z_tds_2f_web-u-FjQX8 z_tds_2f_web-u-FjQX9 z_tds_2f_web-u-FjQXa z_tds_2f_web-u-FjQXb z_tds_2f_web-u-FjQXc z_tds_2f_web-u-FjQXd z_tds_2f_web-u-FjQXe z_tds_2f_web-u-FjQXf z_tds_2f_web-u-FjQXg z_tds_2f_web-u-FjQXh z_tds_2f_web-u-FjQXi z_tds_2f_web-u-FjQXj z_tds_2f_web-u-FjQXk z_tds_2f_web-u-FjQXl z_tds_2f_web-u-FjQXm z_tds_2f_web-u-FjQXn z_tds_2f_web-u-FjQXo z_tds_2f_web-u-FjQXp z_tds_2f_web-u-FjQXq z_tds_2f_web-u-FjQXr z_tds_2f_web-u-FjQXs z_tds_2f_web-u-FjQXt z_tds_2f_web-u-FjQXu z_tds_2f_web-u-FjQXv z_tds_2f_web-u-FjQXw z_tds_2f_web-u-FjQXx z_tds_2f_web-u-FjQXy z_tds_2f_web-u-FjQXz z_tds_2f_web-u-FjQX10 z_tds_2f_web-u-FjQX11 z_tds_2f_web-u-FjQX12 z_tds_2f_web-u-FjQX13 z_tds_2f_web-u-FjQX14 z_tds_2f_web-u-FjQX15 z_tds_2f_web-u-FjQX16 z_tds_2f_web-u-FjQX17 z_tds_2f_web-u-FjQX18 z_tds_2f_web-u-FjQX19 z_tds_2f_web-u-FjQX1a z_tds_2f_web-u-FjQX1b z_tds_2f_web-u-FjQX1c z_tds_2f_web-u-FjQX1d z_tds_2f_web-u-FjQX1e z_tds_2f_web-u-FjQX1f z_tds_2f_web-u-FjQX1g z_tds_2f_web-u-FjQX1h z_tds_2f_web-u-FjQX1i z_tds_2f_web-u-FjQX1j z_tds_2f_web-u-FjQX1k z_tds_2f_web-u-FjQX1l z_tds_2f_web-u-FjQX1m z_tds_2f_web-u-FjQX1n z_tds_2f_web-u-FjQX1o z_tds_2f_web-u-FjQX1p z_tds_2f_web-u-FjQX1q z_tds_2f_web-u-FjQX1r z_tds_2f_web-u-FjQX1s z_tds_2f_web-u-FjQX1t z_tds_2f_web-u-FjQX1u z_tds_2f_web-u-FjQX1v z_tds_2f_web-u-FjQX1w z_tds_2f_web-u-FjQX1x z_tds_2f_web-u-FjQX1y z_tds_2f_web-u-FjQX1z z_tds_2f_web-u-FjQX20 z_tds_2f_web-u-FjQX21 z_tds_2f_web-u-FjQX22 z_tds_2f_web-u-FjQX23",result=inline?{className,style:inline}:{className};let 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);value=Object.hasOwn(input,"variant")?input["variant"]:void 0;if(value===void 0)value="filled";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
     /**
      * Clear and trigger buttons at the end of a field. Each size insets the last button from the edge
      * by the same amount as from the top, and a filled field rounds it by its radius minus that inset.
      */
-    styles.action = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_select_2d_field-align-items-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-1 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-2 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-box-sizing-3 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-4 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-5 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-display-6 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-flex-shrink-7 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-8 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-9 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-justify-content-10 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-11 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-offset-12 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-13 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-width-14 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-p-15 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-16 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-17 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-18 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-19 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-20 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-21 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-cursor-22 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-color-23 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-bg-24 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-text-25 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-opacity-26 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-27 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-duration-28 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-29 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-timing-function-30 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-31 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-32 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-33 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-start-34 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-35 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-36 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-37 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-38 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-39 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-40 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-font-size-41 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-h-42 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-w-43 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-margin-inline-end-44 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-45 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-border-radius-46 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-47 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-outline-style-48 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-49 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transform-50 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-transition-property-51"});
-    styles.input = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-align-self-0 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-bg-1 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-border-2 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-3 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-basis-4 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-flex-grow-5 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-font-6 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-min-width-7 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-outline-8 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_action-p-15 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-w-9 z-tds_2f_web-tds_2f_web_2f_select_2d_field_2f_input-text-10"});
+    styles.action = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-u-FjQX0 z_tds_2f_web-u-FjQX24 z_tds_2f_web-u-FjQX25 z_tds_2f_web-u-FjQX26 z_tds_2f_web-u-FjQX27 z_tds_2f_web-u-FjQX28 z_tds_2f_web-u-FjQX29 z_tds_2f_web-u-FjQX2a z_tds_2f_web-u-FjQX2b z_tds_2f_web-u-FjQX2c z_tds_2f_web-u-FjQX2d z_tds_2f_web-u-FjQX2e z_tds_2f_web-u-FjQX2f z_tds_2f_web-u-FjQX2g z_tds_2f_web-u-FjQX2h z_tds_2f_web-u-FjQX2i z_tds_2f_web-u-FjQX2j z_tds_2f_web-u-FjQX2k z_tds_2f_web-u-FjQX2l z_tds_2f_web-u-FjQX2m z_tds_2f_web-u-FjQX2n z_tds_2f_web-u-FjQX2o z_tds_2f_web-u-FjQX2p z_tds_2f_web-u-FjQX2q z_tds_2f_web-u-FjQX2r z_tds_2f_web-u-FjQX2s z_tds_2f_web-u-FjQX2t z_tds_2f_web-u-FjQX2u z_tds_2f_web-u-FjQX2v z_tds_2f_web-u-FjQX2w z_tds_2f_web-u-FjQX2x z_tds_2f_web-u-FjQX2y z_tds_2f_web-u-FjQX2z z_tds_2f_web-u-FjQX30 z_tds_2f_web-u-FjQX31 z_tds_2f_web-u-FjQX32 z_tds_2f_web-u-FjQX33 z_tds_2f_web-u-FjQX34 z_tds_2f_web-u-FjQX35 z_tds_2f_web-u-FjQX36 z_tds_2f_web-u-FjQX37 z_tds_2f_web-u-FjQX38 z_tds_2f_web-u-FjQX39 z_tds_2f_web-u-FjQX3a z_tds_2f_web-u-FjQX3b z_tds_2f_web-u-FjQX3c z_tds_2f_web-u-FjQX3d z_tds_2f_web-u-FjQX3e z_tds_2f_web-u-FjQX3f z_tds_2f_web-u-FjQX3g z_tds_2f_web-u-FjQX3h z_tds_2f_web-u-FjQX3i z_tds_2f_web-u-FjQX3j"});
+    styles.input = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-u-FjQX3k z_tds_2f_web-u-FjQX3l z_tds_2f_web-u-FjQX3m z_tds_2f_web-u-FjQX3n z_tds_2f_web-u-FjQX3o z_tds_2f_web-u-FjQX3p z_tds_2f_web-u-FjQX3q z_tds_2f_web-u-FjQX3r z_tds_2f_web-u-FjQX3s z_tds_2f_web-u-FjQX2j z_tds_2f_web-u-FjQX3t z_tds_2f_web-u-FjQX3u"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Field.js.map
 import './Field.css';