@tempoxyz/ds 0.2.2 → 0.2.5

package/dist/web/components/Surface.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-m-1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-margin-block-start-2{&+*{margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-family-3{font-family:var(--z-tds_2f_web-typography-copy-15-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_surface_2f_description-font-size-4{font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-weight-5{font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-line-height-7{line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-justify-content-3{justify-content:space-between}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-block-end-4{margin-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-6{&>[data-variant=text]:not([data-shape=icon]):last-child{margin-inline-end:-20px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-7{&>[data-variant=text][data-size=small]:not([data-shape=icon]):last-child{margin-inline-end:-12px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-8{&>[data-variant=text][data-size=large]:not([data-shape=icon]):last-child{margin-inline-end:-24px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-9{[data-surface-size=medium]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:-16px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-10{[data-surface-size=small]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:-12px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-align-items-0{align-items:flex-start}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-flex-direction-1{flex-direction:column}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-row-gap-2{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-appearance-3{&>:is(a,button){appearance:none}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-bg-4{&>:is(a,button){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-5{&>:is(a,button){border:none}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-radius-6{&>:is(a,button){border-radius:var(--z-tds_2f_web-radius-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-7{&>:is(a,button){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-cursor-8{&>:is(a,button){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-9{&>:is(a,button){font:inherit}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-10{&>:is(a,button){outline-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-offset-11{&>:is(a,button){outline-offset:2px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-style-12{&>:is(a,button){outline-style:solid}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-width-13{&>:is(a,button){outline-width:2px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-p-14{&>:is(a,button){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-15{&>:is(a,button){text-decoration-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-line-16{&>:is(a,button){text-decoration-line:underline}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-thickness-17{&>:is(a,button){text-decoration-thickness:1px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-underline-offset-18{&>:is(a,button){text-underline-offset:4px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-duration-19{&>:is(a,button){transition-duration:.16s}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-property-20{&>:is(a,button){transition-property:color,outline-color,text-decoration-color}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-timing-function-21{&>:is(a,button){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-22{&>:is(a,button):hover{text-decoration-color:currentColor}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-23{&>:is(a,button):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-family-24{font-family:var(--z-tds_2f_web-typography-label-16-strong-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_surface_2f_links-font-size-25{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-weight-26{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-letter-spacing-27{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-line-height-28{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_surface-bg-0{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z-tds_2f_web-tds_2f_web_2f_surface-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_surface-text-2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_surface-display-3{display:block}.z-tds_2f_web-tds_2f_web_2f_surface-outline-color-4{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-5{outline-offset:0px}.z-tds_2f_web-tds_2f_web_2f_surface-outline-style-6{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_surface-outline-width-7{outline-width:2px}.z-tds_2f_web-tds_2f_web_2f_surface-text-align-8{text-align:start}.z-tds_2f_web-tds_2f_web_2f_surface-transition-duration-9{transition-duration:.16s}.z-tds_2f_web-tds_2f_web_2f_surface-transition-property-10{transition-property:background-color,opacity,outline-color,outline-offset,transform}.z-tds_2f_web-tds_2f_web_2f_surface-transition-timing-function-11{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_surface-font-family-12{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_surface-font-size-13{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_surface-font-weight-14{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_surface-letter-spacing-15{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_surface-line-height-16{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_surface-border-17{&:is(button,a[href],[role=button]){border:none}}.z-tds_2f_web-tds_2f_web_2f_surface-cursor-18{&:is(button,a[href],[role=button]){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_surface-text-decoration-19{&:is(button,a[href],[role=button]){text-decoration:none}}.z-tds_2f_web-tds_2f_web_2f_surface-w-20{&:is(button,a[href],[role=button]){width:100%}}.z-tds_2f_web-tds_2f_web_2f_surface-bg-21{&:is(button,a[href],[role=button]):hover:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-100,light-dark(#f2f2f2,#1f1e1e))}}.z-tds_2f_web-tds_2f_web_2f_surface-bg-22{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-200,light-dark(#ebebeb,#252424))}}.z-tds_2f_web-tds_2f_web_2f_surface-transform-23{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){transform:scale(.99)}}.z-tds_2f_web-tds_2f_web_2f_surface-outline-color-24{&:is(button,a[href],[role=button]):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-25{&:is(button,a[href],[role=button]):focus-visible{outline-offset:2px}}.z-tds_2f_web-tds_2f_web_2f_surface-overflow-26{&:has(>[data-rows]){overflow:hidden}}.z-tds_2f_web-tds_2f_web_2f_surface-overflow-27{&:has(>table){overflow:clip}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-28{&>table:last-child>caption{padding-block-end:0}}.z-tds_2f_web-tds_2f_web_2f_surface-h-29{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{height:auto}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-30{&>table[data-size=large]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:18px}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-31{&>table[data-size=medium]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:10px}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-32{&>table[data-size=small]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:6px}}.z-tds_2f_web-tds_2f_web_2f_surface-cursor-33{&:disabled,&[aria-disabled=true]{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_surface-opacity-34{&:disabled,&[aria-disabled=true]{opacity:.4}}.z-tds_2f_web-tds_2f_web_2f_surface-pointer-events-35{&:disabled,&[aria-disabled=true]{pointer-events:none}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_surface-transition-property-36{transition-property:background-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_surface-transform-37{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){transform:none}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-38{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-39{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-40{&:where([data-size=large]){&>table,&>[data-rows]{margin-inline:-24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-41{&:where([data-size=large]){&>[data-rows]{margin-block:-12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-42{&:where([data-size=large]){&>table{width:calc(100% + 48px)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-43{&:where([data-size=large]){&>table>caption,&>table tr>:first-child{padding-inline-start:24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-44{&:where([data-size=large]){&>table tr>:last-child{padding-inline-end:24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-45{&:where([data-size=large]){&>table:first-child:has(>thead){margin-block-start:-24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-46{&:where([data-size=large]){&>table:first-child>thead>tr:first-child>th{padding-block-start:24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-47{&:where([data-size=large]){&>table:last-child:not(:has(>caption)){margin-block-end:-24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-48{&:where([data-size=large]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:24px}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-49{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-50{&:where([data-size=medium]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-51{&:where([data-size=medium]){&>table,&>[data-rows]{margin-inline:-16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-52{&:where([data-size=medium]){&>[data-rows]{margin-block:-8px}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-53{&:where([data-size=medium]){&>table{width:calc(100% + 32px)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-54{&:where([data-size=medium]){&>table>caption,&>table tr>:first-child{padding-inline-start:16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-55{&:where([data-size=medium]){&>table tr>:last-child{padding-inline-end:16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-56{&:where([data-size=medium]){&>table:first-child:has(>thead){margin-block-start:-16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-57{&:where([data-size=medium]){&>table:first-child>thead>tr:first-child>th{padding-block-start:16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-58{&:where([data-size=medium]){&>table:last-child:not(:has(>caption)){margin-block-end:-16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-59{&:where([data-size=medium]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:16px}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-60{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-61{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-62{&:where([data-size=small]){&>table,&>[data-rows]{margin-inline:-12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-63{&:where([data-size=small]){&>[data-rows]{margin-block:-6px}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-64{&:where([data-size=small]){&>table{width:calc(100% + 24px)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-65{&:where([data-size=small]){&>table>caption,&>table tr>:first-child{padding-inline-start:12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-66{&:where([data-size=small]){&>table tr>:last-child{padding-inline-end:12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-67{&:where([data-size=small]){&>table:first-child:has(>thead){margin-block-start:-12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-68{&:where([data-size=small]){&>table:first-child>thead>tr:first-child>th{padding-block-start:12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-69{&:where([data-size=small]){&>table:last-child:not(:has(>caption)){margin-block-end:-12px}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-70{&:where([data-size=small]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:12px}}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-m-3{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-flex-shrink-4{&>svg{flex-shrink:0}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-5{&>svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-family-6{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-tds_2f_web_2f_surface_2f_title-font-size-7{font-size:var(--z-tds_2f_web-typography-heading-20-fontSize,20px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-weight-8{font-weight:var(--z-tds_2f_web-typography-heading-20-fontWeight,600)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-letter-spacing-9{letter-spacing:var(--z-tds_2f_web-typography-heading-20-letterSpacing,-.33px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-line-height-10{line-height:var(--z-tds_2f_web-typography-heading-20-lineHeight,26px)}
+.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-m-1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-margin-block-start-2{&+*{margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-family-3{font-family:var(--z-tds_2f_web-typography-copy-15-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_surface_2f_description-font-size-4{font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-weight-5{font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-line-height-7{line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-justify-content-3{justify-content:space-between}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-block-end-4{margin-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-6{&>[data-variant=text]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-7{&>[data-variant=text][data-size=small]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-8{&>[data-variant=text][data-size=large]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-9{[data-surface-size=medium]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-10{[data-surface-size=small]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-align-items-0{align-items:flex-start}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-flex-direction-1{flex-direction:column}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-row-gap-2{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-appearance-3{&>:is(a,button){appearance:none}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-bg-4{&>:is(a,button){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-5{&>:is(a,button){border:none}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-radius-6{&>:is(a,button){border-radius:var(--z-tds_2f_web-radius-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-7{&>:is(a,button){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-cursor-8{&>:is(a,button){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-9{&>:is(a,button){font:inherit}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-10{&>:is(a,button){outline-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-offset-11{&>:is(a,button){outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-style-12{&>:is(a,button){outline-style:solid}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-width-13{&>:is(a,button){outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-p-14{&>:is(a,button){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-15{&>:is(a,button){text-decoration-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-line-16{&>:is(a,button){text-decoration-line:underline}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-thickness-17{&>:is(a,button){text-decoration-thickness:1px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-underline-offset-18{&>:is(a,button){text-underline-offset:4px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-duration-19{&>:is(a,button){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-property-20{&>:is(a,button){transition-property:color,outline-color,text-decoration-color}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-timing-function-21{&>:is(a,button){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-22{&>:is(a,button):hover{text-decoration-color:currentColor}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-23{&>:is(a,button):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-family-24{font-family:var(--z-tds_2f_web-typography-label-16-strong-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_surface_2f_links-font-size-25{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-weight-26{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-letter-spacing-27{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-line-height-28{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_surface-bg-0{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z-tds_2f_web-tds_2f_web_2f_surface-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_surface-text-2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_surface-display-3{display:block}.z-tds_2f_web-tds_2f_web_2f_surface-outline-color-4{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-5{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_surface-outline-style-6{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_surface-outline-width-7{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_surface-text-align-8{text-align:start}.z-tds_2f_web-tds_2f_web_2f_surface-transition-duration-9{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_surface-transition-property-10{transition-property:background-color,opacity,outline-color,outline-offset,scale}.z-tds_2f_web-tds_2f_web_2f_surface-transition-timing-function-11{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_surface-font-family-12{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_surface-font-size-13{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_surface-font-weight-14{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_surface-letter-spacing-15{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_surface-line-height-16{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_surface-border-17{&:is(button,a[href],[role=button]){border:none}}.z-tds_2f_web-tds_2f_web_2f_surface-cursor-18{&:is(button,a[href],[role=button]){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_surface-text-decoration-19{&:is(button,a[href],[role=button]){text-decoration:none}}.z-tds_2f_web-tds_2f_web_2f_surface-w-20{&:is(button,a[href],[role=button]){width:100%}}.z-tds_2f_web-tds_2f_web_2f_surface-bg-21{&:is(button,a[href],[role=button]):hover:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-100,light-dark(#f2f2f2,#1f1e1e))}}.z-tds_2f_web-tds_2f_web_2f_surface-bg-22{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-200,light-dark(#ebebeb,#252424))}}.z-tds_2f_web-tds_2f_web_2f_surface-scale-23{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_surface-outline-color-24{&:is(button,a[href],[role=button]):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-25{&:is(button,a[href],[role=button]):focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_surface-overflow-26{&:has(>[data-rows]){overflow:hidden}}.z-tds_2f_web-tds_2f_web_2f_surface-overflow-27{&:has(>table){overflow:clip}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-28{&>table:last-child>caption{padding-block-end:0}}.z-tds_2f_web-tds_2f_web_2f_surface-h-29{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{height:auto}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-30{&>table[data-size=large]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-18,1.125rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-31{&>table[data-size=medium]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-10,.625rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-32{&>table[data-size=small]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-cursor-33{&:disabled,&[aria-disabled=true]{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_surface-opacity-34{&:disabled,&[aria-disabled=true]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_surface-pointer-events-35{&:disabled,&[aria-disabled=true]{pointer-events:none}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_surface-transition-property-36{transition-property:background-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_surface-scale-37{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:none}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-38{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-39{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-40{&:where([data-size=large]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-41{&:where([data-size=large]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-42{&:where([data-size=large]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-43{&:where([data-size=large]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-44{&:where([data-size=large]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-48,3rem))}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-45{&:where([data-size=large]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-46{&:where([data-size=large]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-47{&:where([data-size=large]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-48{&:where([data-size=large]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-49{&:where([data-size=large]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-50{&:where([data-size=large]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-51{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-52{&:where([data-size=medium]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-53{&:where([data-size=medium]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-54{&:where([data-size=medium]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-55{&:where([data-size=medium]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-56{&:where([data-size=medium]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-57{&:where([data-size=medium]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-32,2rem))}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-58{&:where([data-size=medium]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-59{&:where([data-size=medium]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-60{&:where([data-size=medium]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-61{&:where([data-size=medium]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-62{&:where([data-size=medium]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-63{&:where([data-size=medium]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-64{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-65{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-66{&:where([data-size=small]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-67{&:where([data-size=small]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-68{&:where([data-size=small]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-69{&:where([data-size=small]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-70{&:where([data-size=small]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-24,1.5rem))}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-71{&:where([data-size=small]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-72{&:where([data-size=small]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-73{&:where([data-size=small]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-74{&:where([data-size=small]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-75{&:where([data-size=small]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-76{&:where([data-size=small]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-m-3{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-flex-shrink-4{&>svg{flex-shrink:0}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-5{&>svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-family-6{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-tds_2f_web_2f_surface_2f_title-font-size-7{font-size:var(--z-tds_2f_web-typography-heading-20-fontSize,20px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-weight-8{font-weight:var(--z-tds_2f_web-typography-heading-20-fontWeight,600)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-letter-spacing-9{letter-spacing:var(--z-tds_2f_web-typography-heading-20-letterSpacing,-.33px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-line-height-10{line-height:var(--z-tds_2f_web-typography-heading-20-lineHeight,26px)}

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

@@ -9,7 +9,7 @@ import type * as zyzz from 'zyzz';
  * - `size` sets the corner radius and padding together.
  * - Name the card with `Surface.Title`, which renders an `h2`, so headings keep the card navigable.
  * - A pressable surface should hold no other interactive controls, since nested targets conflict.
- * - A direct child `table` or `Rows` bleeds into the inline padding, so row fills reach the edges.
+ * - A direct child `table` or `Rows` bleeds into the padding, so row fills reach the edges.
  *
  * @example
  * <Surface>
@@ -77,19 +77,19 @@ declare namespace styles {
             readonly minWidth: "0";
             readonly selectors: {
                 readonly '& > [data-variant="text"]:not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-20px !custom";
+                    readonly marginInlineEnd: "-20";
                 };
                 readonly '& > [data-variant="text"][data-size="small"]:not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-12px !custom";
+                    readonly marginInlineEnd: "-12";
                 };
                 readonly '& > [data-variant="text"][data-size="large"]:not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-24px !custom";
+                    readonly marginInlineEnd: "-24";
                 };
                 readonly '[data-surface-size="medium"] > & > [data-variant="text"]:is([data-size="medium"], [data-size="large"]):not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-16px !custom";
+                    readonly marginInlineEnd: "-16";
                 };
                 readonly '[data-surface-size="small"] > & > [data-variant="text"]:is([data-size="medium"], [data-size="large"]):not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-12px !custom";
+                    readonly marginInlineEnd: "-12";
                 };
             };
         };
@@ -110,15 +110,15 @@ declare namespace styles {
                     readonly cursor: "pointer";
                     readonly font: "inherit !custom";
                     readonly outlineColor: "transparent !custom";
-                    readonly outlineOffset: "2px !custom";
+                    readonly outlineOffset: "2";
                     readonly outlineStyle: "solid !custom";
-                    readonly outlineWidth: "2px !custom";
+                    readonly outlineWidth: "2";
                     readonly padding: "0";
                     readonly textDecorationColor: "transparent !custom";
                     readonly textDecorationLine: "underline !custom";
                     readonly textDecorationThickness: "1px !custom";
                     readonly textUnderlineOffset: "4px !custom";
-                    readonly transitionDuration: "160ms";
+                    readonly transitionDuration: "160";
                     readonly transitionProperty: "color, outline-color, text-decoration-color";
                     readonly transitionTimingFunction: "snappy";
                 };
@@ -139,12 +139,12 @@ declare namespace styles {
             readonly color: "foreground";
             readonly display: "block";
             readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "0px !custom";
+            readonly outlineOffset: "0";
             readonly outlineStyle: "solid !custom";
-            readonly outlineWidth: "2px !custom";
+            readonly outlineWidth: "2";
             readonly textAlign: "start";
-            readonly transitionDuration: "160ms";
-            readonly transitionProperty: "background-color, opacity, outline-color, outline-offset, transform";
+            readonly transitionDuration: "160";
+            readonly transitionProperty: "background-color, opacity, outline-color, outline-offset, scale";
             readonly transitionTimingFunction: "snappy";
             readonly typography: "copy.14";
             readonly selectors: {
@@ -159,11 +159,11 @@ declare namespace styles {
                 };
                 readonly '&:is(button, a[href], [role="button"]):active:not(:disabled, [aria-disabled="true"])': {
                     readonly backgroundColor: "gray.200";
-                    readonly transform: "scale(0.99) !custom";
+                    readonly scale: "press";
                 };
                 readonly '&:is(button, a[href], [role="button"]):focus-visible': {
                     readonly outlineColor: "blue.700";
-                    readonly outlineOffset: "2px !custom";
+                    readonly outlineOffset: "2";
                 };
                 readonly '&:has(> [data-rows])': {
                     readonly overflow: "hidden";
@@ -178,17 +178,17 @@ declare namespace styles {
                     readonly height: "auto !custom";
                 };
                 readonly '& > table[data-size="large"]:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                    readonly paddingBlockStart: "18px !custom";
+                    readonly paddingBlockStart: "18";
                 };
                 readonly '& > table[data-size="medium"]:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                    readonly paddingBlockStart: "10px !custom";
+                    readonly paddingBlockStart: "10";
                 };
                 readonly '& > table[data-size="small"]:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                    readonly paddingBlockStart: "6px !custom";
+                    readonly paddingBlockStart: "6";
                 };
                 readonly '&:disabled, &[aria-disabled="true"]': {
                     readonly cursor: "default";
-                    readonly opacity: "0.4 !custom";
+                    readonly opacity: "disabled";
                     readonly pointerEvents: "none";
                 };
             };
@@ -196,7 +196,7 @@ declare namespace styles {
                 readonly transitionProperty: "background-color, opacity, outline-color";
                 readonly selectors: {
                     readonly '&:is(button, a[href], [role="button"]):active:not(:disabled, [aria-disabled="true"])': {
-                        readonly transform: "none !custom";
+                        readonly scale: "none !custom";
                     };
                 };
             };
@@ -211,31 +211,37 @@ declare namespace styles {
                     readonly padding: "24";
                     readonly selectors: {
                         readonly '& > table, & > [data-rows]': {
-                            readonly marginInline: "-24px !custom";
+                            readonly marginInline: "-24";
                         };
                         readonly '& > [data-rows]': {
-                            readonly marginBlock: "-12px !custom";
+                            readonly marginBlock: "-12";
+                        };
+                        readonly '& > [data-rows]:first-child': {
+                            readonly marginBlockStart: "-24";
+                        };
+                        readonly '& > [data-rows]:last-child': {
+                            readonly marginBlockEnd: "-24";
                         };
                         readonly '& > table': {
-                            readonly width: "calc(100% + 48px) !custom";
+                            readonly width: `calc(100% + ${string}) !custom`;
                         };
                         readonly '& > table > caption, & > table tr > :first-child': {
-                            readonly paddingInlineStart: "24px !custom";
+                            readonly paddingInlineStart: "24";
                         };
                         readonly '& > table tr > :last-child': {
-                            readonly paddingInlineEnd: "24px !custom";
+                            readonly paddingInlineEnd: "24";
                         };
                         readonly '& > table:first-child:has(> thead)': {
-                            readonly marginBlockStart: "-24px !custom";
+                            readonly marginBlockStart: "-24";
                         };
                         readonly '& > table:first-child > thead > tr:first-child > th': {
-                            readonly paddingBlockStart: "24px !custom";
+                            readonly paddingBlockStart: "24";
                         };
                         readonly '& > table:last-child:not(:has(> caption))': {
-                            readonly marginBlockEnd: "-24px !custom";
+                            readonly marginBlockEnd: "-24";
                         };
                         readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                            readonly paddingBlockEnd: "24px !custom";
+                            readonly paddingBlockEnd: "24";
                         };
                     };
                 };
@@ -244,31 +250,37 @@ declare namespace styles {
                     readonly padding: "16";
                     readonly selectors: {
                         readonly '& > table, & > [data-rows]': {
-                            readonly marginInline: "-16px !custom";
+                            readonly marginInline: "-16";
                         };
                         readonly '& > [data-rows]': {
-                            readonly marginBlock: "-8px !custom";
+                            readonly marginBlock: "-8";
+                        };
+                        readonly '& > [data-rows]:first-child': {
+                            readonly marginBlockStart: "-16";
+                        };
+                        readonly '& > [data-rows]:last-child': {
+                            readonly marginBlockEnd: "-16";
                         };
                         readonly '& > table': {
-                            readonly width: "calc(100% + 32px) !custom";
+                            readonly width: `calc(100% + ${string}) !custom`;
                         };
                         readonly '& > table > caption, & > table tr > :first-child': {
-                            readonly paddingInlineStart: "16px !custom";
+                            readonly paddingInlineStart: "16";
                         };
                         readonly '& > table tr > :last-child': {
-                            readonly paddingInlineEnd: "16px !custom";
+                            readonly paddingInlineEnd: "16";
                         };
                         readonly '& > table:first-child:has(> thead)': {
-                            readonly marginBlockStart: "-16px !custom";
+                            readonly marginBlockStart: "-16";
                         };
                         readonly '& > table:first-child > thead > tr:first-child > th': {
-                            readonly paddingBlockStart: "16px !custom";
+                            readonly paddingBlockStart: "16";
                         };
                         readonly '& > table:last-child:not(:has(> caption))': {
-                            readonly marginBlockEnd: "-16px !custom";
+                            readonly marginBlockEnd: "-16";
                         };
                         readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                            readonly paddingBlockEnd: "16px !custom";
+                            readonly paddingBlockEnd: "16";
                         };
                     };
                 };
@@ -277,31 +289,37 @@ declare namespace styles {
                     readonly padding: "12";
                     readonly selectors: {
                         readonly '& > table, & > [data-rows]': {
-                            readonly marginInline: "-12px !custom";
+                            readonly marginInline: "-12";
                         };
                         readonly '& > [data-rows]': {
-                            readonly marginBlock: "-6px !custom";
+                            readonly marginBlock: "-6";
+                        };
+                        readonly '& > [data-rows]:first-child': {
+                            readonly marginBlockStart: "-12";
+                        };
+                        readonly '& > [data-rows]:last-child': {
+                            readonly marginBlockEnd: "-12";
                         };
                         readonly '& > table': {
-                            readonly width: "calc(100% + 24px) !custom";
+                            readonly width: `calc(100% + ${string}) !custom`;
                         };
                         readonly '& > table > caption, & > table tr > :first-child': {
-                            readonly paddingInlineStart: "12px !custom";
+                            readonly paddingInlineStart: "12";
                         };
                         readonly '& > table tr > :last-child': {
-                            readonly paddingInlineEnd: "12px !custom";
+                            readonly paddingInlineEnd: "12";
                         };
                         readonly '& > table:first-child:has(> thead)': {
-                            readonly marginBlockStart: "-12px !custom";
+                            readonly marginBlockStart: "-12";
                         };
                         readonly '& > table:first-child > thead > tr:first-child > th': {
-                            readonly paddingBlockStart: "12px !custom";
+                            readonly paddingBlockStart: "12";
                         };
                         readonly '& > table:last-child:not(:has(> caption))': {
-                            readonly marginBlockEnd: "-12px !custom";
+                            readonly marginBlockEnd: "-12";
                         };
                         readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                            readonly paddingBlockEnd: "12px !custom";
+                            readonly paddingBlockEnd: "12";
                         };
                     };
                 };

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

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,8FAc3C;AAED,yBAAiB,OAAO,CAAC;IACvB,yFAAyF;IACzF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BAInD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KAChG;IAED,sFAAsF;IACtF,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC7F;IAED,gFAAgF;IAChF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC5F;IAED,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG;QAC3C;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/B,CAAA;IAEH,mFAAmF;IACnF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,WAAW;;;;;;;;;;;eAUvB,CAAA;IAEM,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BlB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoCjB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoJnB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;eAcjB,CAAA;CACF"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,8FAc3C;AAED,yBAAiB,OAAO,CAAC;IACvB,yFAAyF;IACzF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BAInD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KAChG;IAED,sFAAsF;IACtF,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC7F;IAED,gFAAgF;IAChF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC5F;IAED,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG;QAC3C;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/B,CAAA;IAEH,mFAAmF;IACnF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,WAAW;;;;;;;;;;;eAUvB,CAAA;IAEM,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BlB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoCjB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0JnB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;eAcjB,CAAA;CACF"}

package/dist/web/components/Surface.js

@@ -2,7 +2,7 @@
 import { Recipe as __zyzzRecipe } from 'zyzz/runtime';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRender } from '@base-ui/react/use-render';
-import { variants } from '../zyzz.config.js';
+import { variants, vars } from '../zyzz.config.js';
 /**
  * A card container that renders a `div` by default. Pass `render` to swap the element, such as a
  * `section`, `button` or link. A `button`, `a[href]` or `role="button"` surface gains hover, press
@@ -11,7 +11,7 @@ import { variants } from '../zyzz.config.js';
  * - `size` sets the corner radius and padding together.
  * - Name the card with `Surface.Title`, which renders an `h2`, so headings keep the card navigable.
  * - A pressable surface should hold no other interactive controls, since nested targets conflict.
- * - A direct child `table` or `Rows` bleeds into the inline padding, so row fills reach the edges.
+ * - A direct child `table` or `Rows` bleeds into the padding, so row fills reach the edges.
  *
  * @example
  * <Surface>
@@ -71,7 +71,7 @@ var styles;
     styles.description = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_description-text-0 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-m-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-margin-block-start-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-family-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-size-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-weight-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-letter-spacing-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-line-height-7"});
     styles.header = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_header-align-items-0 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-column-gap-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-justify-content-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-block-end-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-7 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-8 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-9 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-10"});
     styles.links = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_links-align-items-0 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-row-gap-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-appearance-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-bg-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-radius-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-7 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-cursor-8 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-9 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-10 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-offset-11 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-style-12 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-width-13 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-p-14 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-15 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-line-16 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-thickness-17 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-underline-offset-18 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-duration-19 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-property-20 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-timing-function-21 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-22 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-23 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-family-24 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-size-25 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-weight-26 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-letter-spacing-27 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-line-height-28"});
-    styles.surface = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"large"},"className":"z-tds_2f_web-tds_2f_web_2f_surface-bg-0 z-tds_2f_web-tds_2f_web_2f_surface-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_surface-text-2 z-tds_2f_web-tds_2f_web_2f_surface-display-3 z-tds_2f_web-tds_2f_web_2f_surface-outline-color-4 z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-5 z-tds_2f_web-tds_2f_web_2f_surface-outline-style-6 z-tds_2f_web-tds_2f_web_2f_surface-outline-width-7 z-tds_2f_web-tds_2f_web_2f_surface-text-align-8 z-tds_2f_web-tds_2f_web_2f_surface-transition-duration-9 z-tds_2f_web-tds_2f_web_2f_surface-transition-property-10 z-tds_2f_web-tds_2f_web_2f_surface-transition-timing-function-11 z-tds_2f_web-tds_2f_web_2f_surface-font-family-12 z-tds_2f_web-tds_2f_web_2f_surface-font-size-13 z-tds_2f_web-tds_2f_web_2f_surface-font-weight-14 z-tds_2f_web-tds_2f_web_2f_surface-letter-spacing-15 z-tds_2f_web-tds_2f_web_2f_surface-line-height-16 z-tds_2f_web-tds_2f_web_2f_surface-border-17 z-tds_2f_web-tds_2f_web_2f_surface-cursor-18 z-tds_2f_web-tds_2f_web_2f_surface-text-decoration-19 z-tds_2f_web-tds_2f_web_2f_surface-w-20 z-tds_2f_web-tds_2f_web_2f_surface-bg-21 z-tds_2f_web-tds_2f_web_2f_surface-bg-22 z-tds_2f_web-tds_2f_web_2f_surface-transform-23 z-tds_2f_web-tds_2f_web_2f_surface-outline-color-24 z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-25 z-tds_2f_web-tds_2f_web_2f_surface-overflow-26 z-tds_2f_web-tds_2f_web_2f_surface-overflow-27 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-28 z-tds_2f_web-tds_2f_web_2f_surface-h-29 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-30 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-31 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-32 z-tds_2f_web-tds_2f_web_2f_surface-cursor-33 z-tds_2f_web-tds_2f_web_2f_surface-opacity-34 z-tds_2f_web-tds_2f_web_2f_surface-pointer-events-35 z-tds_2f_web-tds_2f_web_2f_surface-transition-property-36 z-tds_2f_web-tds_2f_web_2f_surface-transform-37 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-38 z-tds_2f_web-tds_2f_web_2f_surface-p-39 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-40 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-41 z-tds_2f_web-tds_2f_web_2f_surface-w-42 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-43 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-44 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-45 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-46 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-47 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-48 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-49 z-tds_2f_web-tds_2f_web_2f_surface-p-50 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-51 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-52 z-tds_2f_web-tds_2f_web_2f_surface-w-53 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-54 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-55 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-56 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-57 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-58 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-59 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-60 z-tds_2f_web-tds_2f_web_2f_surface-p-61 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-62 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-63 z-tds_2f_web-tds_2f_web_2f_surface-w-64 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-65 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-66 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-67 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-68 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-69 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-70"});
+    styles.surface = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"large"},"className":"z-tds_2f_web-tds_2f_web_2f_surface-bg-0 z-tds_2f_web-tds_2f_web_2f_surface-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_surface-text-2 z-tds_2f_web-tds_2f_web_2f_surface-display-3 z-tds_2f_web-tds_2f_web_2f_surface-outline-color-4 z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-5 z-tds_2f_web-tds_2f_web_2f_surface-outline-style-6 z-tds_2f_web-tds_2f_web_2f_surface-outline-width-7 z-tds_2f_web-tds_2f_web_2f_surface-text-align-8 z-tds_2f_web-tds_2f_web_2f_surface-transition-duration-9 z-tds_2f_web-tds_2f_web_2f_surface-transition-property-10 z-tds_2f_web-tds_2f_web_2f_surface-transition-timing-function-11 z-tds_2f_web-tds_2f_web_2f_surface-font-family-12 z-tds_2f_web-tds_2f_web_2f_surface-font-size-13 z-tds_2f_web-tds_2f_web_2f_surface-font-weight-14 z-tds_2f_web-tds_2f_web_2f_surface-letter-spacing-15 z-tds_2f_web-tds_2f_web_2f_surface-line-height-16 z-tds_2f_web-tds_2f_web_2f_surface-border-17 z-tds_2f_web-tds_2f_web_2f_surface-cursor-18 z-tds_2f_web-tds_2f_web_2f_surface-text-decoration-19 z-tds_2f_web-tds_2f_web_2f_surface-w-20 z-tds_2f_web-tds_2f_web_2f_surface-bg-21 z-tds_2f_web-tds_2f_web_2f_surface-bg-22 z-tds_2f_web-tds_2f_web_2f_surface-scale-23 z-tds_2f_web-tds_2f_web_2f_surface-outline-color-24 z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-25 z-tds_2f_web-tds_2f_web_2f_surface-overflow-26 z-tds_2f_web-tds_2f_web_2f_surface-overflow-27 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-28 z-tds_2f_web-tds_2f_web_2f_surface-h-29 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-30 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-31 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-32 z-tds_2f_web-tds_2f_web_2f_surface-cursor-33 z-tds_2f_web-tds_2f_web_2f_surface-opacity-34 z-tds_2f_web-tds_2f_web_2f_surface-pointer-events-35 z-tds_2f_web-tds_2f_web_2f_surface-transition-property-36 z-tds_2f_web-tds_2f_web_2f_surface-scale-37 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-38 z-tds_2f_web-tds_2f_web_2f_surface-p-39 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-40 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-41 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-42 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-43 z-tds_2f_web-tds_2f_web_2f_surface-w-44 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-45 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-46 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-47 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-48 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-49 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-50 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-51 z-tds_2f_web-tds_2f_web_2f_surface-p-52 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-53 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-54 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-55 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-56 z-tds_2f_web-tds_2f_web_2f_surface-w-57 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-58 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-59 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-60 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-61 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-62 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-63 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-64 z-tds_2f_web-tds_2f_web_2f_surface-p-65 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-66 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-67 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-68 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-69 z-tds_2f_web-tds_2f_web_2f_surface-w-70 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-71 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-72 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-73 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-74 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-75 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-76"});
     styles.title = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_title-align-items-0 z-tds_2f_web-tds_2f_web_2f_surface-text-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-column-gap-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-display-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-m-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-flex-shrink-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-family-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-7 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-weight-8 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-letter-spacing-9 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-line-height-10"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Surface.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,OAAO,CAAC,KAAoB;IAC1C,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IAE7E,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE;YACL,GAAG,UAAU;YACb,GAAG,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC1D,mBAAmB,EAAE,IAAI,IAAI,OAAO;YACpC,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;SACjE;QACD,GAAG;QACH,MAAM;KACP,CAAC,CAAA;AACJ,CAAC;AAED,WAAiB,OAAO;IACtB,yFAAyF;IACzF,SAAgB,WAAW,CAAC,KAAwB;QAClD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,eAAO,UAAU,KAAM,MAAM,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAA;IAC/F,CAAC;IAJe,QAAA,WAAW,cAI1B,CAAA;IAMD,sFAAsF;IACtF,SAAgB,MAAM,CAAC,KAAmB;QACxC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,iBAAS,UAAU,KAAM,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAA;IAC5F,CAAC;IAJe,QAAA,MAAM,SAIrB,CAAA;IAMD,gFAAgF;IAChF,SAAgB,KAAK,CAAC,KAAkB;QACtC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,iBAAS,UAAU,KAAM,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAA;IAC3F,CAAC;IAJe,QAAA,KAAK,QAIpB,CAAA;IAeD,mFAAmF;IACnF,SAAgB,KAAK,CAAC,KAAkB;QACtC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,gBAAQ,UAAU,KAAM,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAAA;IAC1F,CAAC;IAJe,QAAA,KAAK,QAIpB,CAAA;AAKH,CAAC,EArDgB,OAAO,KAAP,OAAO,QAqDvB;AAED,IAAU,MAAM,CAuPf;AAvPD,WAAU,MAAM;IACD,kBAAW,GAAG,QAAQ,CACjC;QACE,IAAI,EAAE;YACJ,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,GAAG;YACX,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE;YAClD,UAAU,EAAE,SAAS;SACtB;KACF,EACD,EAAE,EAAE,EAAE,6BAA6B,EAAE,CACtC,CAAA;IAEY,aAAM,GAAG,QAAQ,CAC5B;QACE,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,eAAe;YAC/B,cAAc,EAAE,IAAI;YACpB,QAAQ,EAAE,GAAG;YACb,SAAS,EAAE;gBACT,4FAA4F;gBAC5F,4CAA4C;gBAC5C,+DAA+D,EAAE;oBAC/D,eAAe,EAAE,eAAe;iBACjC;gBACD,kFAAkF,EAAE;oBAClF,eAAe,EAAE,eAAe;iBACjC;gBACD,kFAAkF,EAAE;oBAClF,eAAe,EAAE,eAAe;iBACjC;gBACD,4IAA4I,EAC1I,EAAE,eAAe,EAAE,eAAe,EAAE;gBACtC,2IAA2I,EACzI,EAAE,eAAe,EAAE,eAAe,EAAE;aACvC;SACF;KACF,EACD,EAAE,EAAE,EAAE,wBAAwB,EAAE,CACjC,CAAA;IAEY,YAAK,GAAG,QAAQ,CAC3B;QACE,IAAI,EAAE;YACJ,UAAU,EAAE,YAAY;YACxB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE;gBACT,oBAAoB,EAAE;oBACpB,UAAU,EAAE,cAAc;oBAC1B,eAAe,EAAE,qBAAqB;oBACtC,MAAM,EAAE,cAAc;oBACtB,YAAY,EAAE,GAAG;oBACjB,KAAK,EAAE,YAAY;oBACnB,MAAM,EAAE,SAAS;oBACjB,IAAI,EAAE,iBAAiB;oBACvB,YAAY,EAAE,qBAAqB;oBACnC,aAAa,EAAE,aAAa;oBAC5B,YAAY,EAAE,eAAe;oBAC7B,YAAY,EAAE,aAAa;oBAC3B,OAAO,EAAE,GAAG;oBACZ,mBAAmB,EAAE,qBAAqB;oBAC1C,kBAAkB,EAAE,mBAAmB;oBACvC,uBAAuB,EAAE,aAAa;oBACtC,mBAAmB,EAAE,aAAa;oBAClC,kBAAkB,EAAE,OAAO;oBAC3B,kBAAkB,EAAE,6CAA6C;oBACjE,wBAAwB,EAAE,QAAQ;iBACnC;gBACD,0BAA0B,EAAE,EAAE,mBAAmB,EAAE,sBAAsB,EAAE;gBAC3E,kCAAkC,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE;aACjE;YACD,UAAU,EAAE,iBAAiB;SAC9B;KACF,EACD,EAAE,EAAE,EAAE,uBAAuB,EAAE,CAChC,CAAA;IAEY,cAAO,GAAG,QAAQ,CAC7B;QACE,IAAI,EAAE;YACJ,eAAe,EAAE,oBAAoB;YACrC,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,YAAY;YACnB,OAAO,EAAE,OAAO;YAChB,YAAY,EAAE,qBAAqB;YACnC,aAAa,EAAE,aAAa;YAC5B,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,aAAa;YAC3B,SAAS,EAAE,OAAO;YAClB,kBAAkB,EAAE,OAAO;YAC3B,kBAAkB,EAAE,qEAAqE;YACzF,wBAAwB,EAAE,QAAQ;YAClC,UAAU,EAAE,SAAS;YACrB,SAAS,EAAE;gBACT,wCAAwC,EAAE;oBACxC,MAAM,EAAE,cAAc;oBACtB,MAAM,EAAE,SAAS;oBACjB,cAAc,EAAE,cAAc;oBAC9B,KAAK,EAAE,cAAc;iBACtB;gBACD,qFAAqF,EAAE;oBACrF,eAAe,EAAE,UAAU;iBAC5B;gBACD,sFAAsF,EAAE;oBACtF,eAAe,EAAE,UAAU;oBAC3B,SAAS,EAAE,qBAAqB;iBACjC;gBACD,sDAAsD,EAAE;oBACtD,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,aAAa;iBAC7B;gBACD,yFAAyF;gBACzF,sFAAsF;gBACtF,sBAAsB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBAC9C,gBAAgB,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;gBAC9C,2FAA2F;gBAC3F,wFAAwF;gBACxF,2FAA2F;gBAC3F,wFAAwF;gBACxF,aAAa;gBACb,gCAAgC,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;gBACpE,wEAAwE,EAAE;oBACxE,MAAM,EAAE,cAAc;iBACvB;gBACD,2FAA2F,EACzF,EAAE,iBAAiB,EAAE,cAAc,EAAE;gBACvC,4FAA4F,EAC1F,EAAE,iBAAiB,EAAE,cAAc,EAAE;gBACvC,2FAA2F,EACzF,EAAE,iBAAiB,EAAE,aAAa,EAAE;gBACtC,qCAAqC,EAAE;oBACrC,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,aAAa;oBACtB,aAAa,EAAE,MAAM;iBACtB;aACF;YACD,yCAAyC,EAAE;gBACzC,kBAAkB,EAAE,0CAA0C;gBAC9D,SAAS,EAAE;oBACT,sFAAsF,EACpF,EAAE,SAAS,EAAE,cAAc,EAAE;iBAChC;aACF;SACF;QACD,eAAe,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QAClC,QAAQ,EAAE;YACR,sFAAsF;YACtF,4FAA4F;YAC5F,8FAA8F;YAC9F,4FAA4F;YAC5F,WAAW;YACX,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI;oBAClB,OAAO,EAAE,IAAI;oBACb,SAAS,EAAE;wBACT,4BAA4B,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE;wBAC/D,iBAAiB,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE;wBACnD,WAAW,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE;wBACnD,kDAAkD,EAAE;4BAClD,kBAAkB,EAAE,cAAc;yBACnC;wBACD,4BAA4B,EAAE,EAAE,gBAAgB,EAAE,cAAc,EAAE;wBAClE,oCAAoC,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE;wBAC3E,qDAAqD,EAAE;4BACrD,iBAAiB,EAAE,cAAc;yBAClC;wBACD,2CAA2C,EAAE;4BAC3C,cAAc,EAAE,eAAe;yBAChC;wBACD,wEAAwE,EAAE;4BACxE,eAAe,EAAE,cAAc;yBAChC;qBACF;iBACF;gBACD,MAAM,EAAE;oBACN,YAAY,EAAE,IAAI;oBAClB,OAAO,EAAE,IAAI;oBACb,SAAS,EAAE;wBACT,4BAA4B,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE;wBAC/D,iBAAiB,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;wBAClD,WAAW,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE;wBACnD,kDAAkD,EAAE;4BAClD,kBAAkB,EAAE,cAAc;yBACnC;wBACD,4BAA4B,EAAE,EAAE,gBAAgB,EAAE,cAAc,EAAE;wBAClE,oCAAoC,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE;wBAC3E,qDAAqD,EAAE;4BACrD,iBAAiB,EAAE,cAAc;yBAClC;wBACD,2CAA2C,EAAE;4BAC3C,cAAc,EAAE,eAAe;yBAChC;wBACD,wEAAwE,EAAE;4BACxE,eAAe,EAAE,cAAc;yBAChC;qBACF;iBACF;gBACD,KAAK,EAAE;oBACL,YAAY,EAAE,GAAG;oBACjB,OAAO,EAAE,IAAI;oBACb,SAAS,EAAE;wBACT,4BAA4B,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE;wBAC/D,iBAAiB,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;wBAClD,WAAW,EAAE,EAAE,KAAK,EAAE,2BAA2B,EAAE;wBACnD,kDAAkD,EAAE;4BAClD,kBAAkB,EAAE,cAAc;yBACnC;wBACD,4BAA4B,EAAE,EAAE,gBAAgB,EAAE,cAAc,EAAE;wBAClE,oCAAoC,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE;wBAC3E,qDAAqD,EAAE;4BACrD,iBAAiB,EAAE,cAAc;yBAClC;wBACD,2CAA2C,EAAE;4BAC3C,cAAc,EAAE,eAAe;yBAChC;wBACD,wEAAwE,EAAE;4BACxE,eAAe,EAAE,cAAc;yBAChC;qBACF;iBACF;aACF;SACF;KACF,EACD,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAC1B,CAAA;IAEY,YAAK,GAAG,QAAQ,CAC3B;QACE,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,GAAG;YACX,QAAQ,EAAE,GAAG;YACb,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;YACrE,UAAU,EAAE,YAAY;SACzB;KACF,EACD,EAAE,EAAE,EAAE,uBAAuB,EAAE,CAChC,CAAA;AACH,CAAC,EAvPS,MAAM,KAAN,MAAM,QAuPf"}
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"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"}