@tempoxyz/ds 0.2.6 → 0.3.1

package/src/web/zyzz.config.ts

@@ -3,8 +3,8 @@ import { fontFace, global } from 'zyzz/web'
 import { variables } from './vars.js'
 
 /**
- * Zyzz authoring helpers bound to the Web variables, so token strings such as `foreground`,
- * `'6'` and `copy.14` type-check and compile ahead of time.
+ * Zyzz authoring helpers bound to the Web variables, so token strings such as
+ * `content.primary`, `'6'` and `body.b2` type-check and compile ahead of time.
  *
  * - `style(definition)` returns a callable that produces `className` and `style` props.
  * - `variants({ base, variants, defaultVariants })` returns a callable that takes the variant
@@ -14,7 +14,7 @@ import { variables } from './vars.js'
  *
  * @example
  * namespace styles {
- *   export const panel = style({ backgroundColor: 'background.surface', padding: '24' })
+ *   export const panel = style({ backgroundColor: 'background.elevated', padding: '24' })
  * }
  *
  * <section {...styles.panel()} />
@@ -111,23 +111,266 @@ fontFace({
     'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
 })
 
+// The JetBrains Mono and Pilat subsets, also written by `scripts/subset-fonts.ts`. Each weight has a
+// `latin` subset with Inter's Latin range and an `other` subset with every other character. The
+// `latin` face is declared after the `other` face, so it takes precedence where their ranges overlap.
 fontFace({
   fontDisplay: 'swap',
-  fontFamily: 'Geist Mono',
+  fontFamily: 'JetBrains Mono',
   fontStyle: 'normal',
-  fontWeight: '100 900',
-  src: "url('../fonts/GeistMono-Variable.woff2') format('woff2')",
+  fontWeight: 400,
+  src: "url('../fonts/JetBrainsMono-Regular-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0259,U+02B9-04F5,U+0AEA,U+1E80-1EF9,U+2070-20BF,U+2102-2140,U+218A-2424,U+2500-25F6,U+266D-26A1,U+2713-27F7,U+2916-2988,U+2A00-2A06,U+2B58,U+E0A0-E0B3,U+FE62,U+FF5B-FF5D,U+16910,U+1D538-1D56B',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 400,
+  src: "url('../fonts/JetBrainsMono-Regular-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 500,
+  src: "url('../fonts/JetBrainsMono-Medium-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0259,U+02B9-04F5,U+0AEA,U+1E80-1EF9,U+2070-20BF,U+2102-2140,U+218A-2424,U+2500-25F6,U+266D-26A1,U+2713-27F7,U+2916-2988,U+2A00-2A06,U+2B58,U+E0A0-E0B3,U+FE62,U+FF5B-FF5D,U+16910,U+1D538-1D56B',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 500,
+  src: "url('../fonts/JetBrainsMono-Medium-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 600,
+  src: "url('../fonts/JetBrainsMono-SemiBold-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0259,U+02B9-04F5,U+0AEA,U+1E80-1EF9,U+2070-20BF,U+2102-2140,U+218A-2424,U+2500-25F6,U+266D-26A1,U+2713-27F7,U+2916-2988,U+2A00-2A06,U+2B58,U+E0A0-E0B3,U+FE62,U+FF5B-FF5D,U+16910,U+1D538-1D56B',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 600,
+  src: "url('../fonts/JetBrainsMono-SemiBold-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 700,
+  src: "url('../fonts/JetBrainsMono-Bold-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0259,U+02B9-04F5,U+0AEA,U+1E80-1EF9,U+2070-20BF,U+2102-2140,U+218A-2424,U+2500-25F6,U+266D-26A1,U+2713-27F7,U+2916-2988,U+2A00-2A06,U+2B58,U+E0A0-E0B3,U+FE62,U+FF5B-FF5D,U+16910,U+1D538-1D56B',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'JetBrains Mono',
+  fontStyle: 'normal',
+  fontWeight: 700,
+  src: "url('../fonts/JetBrainsMono-Bold-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 100,
+  src: "url('../fonts/Pilat-Thin-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 100,
+  src: "url('../fonts/Pilat-Thin-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 300,
+  src: "url('../fonts/Pilat-Light-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 300,
+  src: "url('../fonts/Pilat-Light-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 400,
+  src: "url('../fonts/Pilat-Regular-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 400,
+  src: "url('../fonts/Pilat-Regular-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 500,
+  src: "url('../fonts/Pilat-Book-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 500,
+  src: "url('../fonts/Pilat-Book-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 600,
+  src: "url('../fonts/Pilat-Demi-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 600,
+  src: "url('../fonts/Pilat-Demi-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 700,
+  src: "url('../fonts/Pilat-Bold-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 700,
+  src: "url('../fonts/Pilat-Bold-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 800,
+  src: "url('../fonts/Pilat-Heavy-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 800,
+  src: "url('../fonts/Pilat-Heavy-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 900,
+  src: "url('../fonts/Pilat-Black-other.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-0192,U+01FA-0237,U+02C7-0328,U+03A9-03C0,U+1E80-1E85,U+1EF2-1EF3,U+2070-208E,U+2113-212E,U+2190-2199,U+2202-2265,U+25CA-25CC,U+FB00',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Pilat',
+  fontStyle: 'normal',
+  fontWeight: 900,
+  src: "url('../fonts/Pilat-Black-latin.woff2') format('woff2')",
+  unicodeRange:
+    'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD',
 })
 
 global({
+  // Squircles at 1.84 times the radius meet the 45 degree point of a round corner, which is where
+  // the designs' fully smoothed corners pass. Browsers without `corner-shape` skip the block.
+  // Pseudo-elements usually paint a state layer over their element, so they take its shape.
+  '@supports (corner-shape: squircle)': {
+    ':root': { '--tds-corner-scale': '1.84' },
+    ':where(*)': { cornerShape: 'squircle' },
+    ':where(*)::after, :where(*)::before': { cornerShape: 'inherit' },
+  },
   body: {
     WebkitFontSmoothing: 'antialiased',
     MozOsxFontSmoothing: 'grayscale',
-    color: vars.color.gray['900'],
-    fontFamily: vars.typography.copy['15'].fontFamily,
-    fontSize: vars.typography.copy['15'].fontSize,
-    fontWeight: vars.typography.copy['15'].fontWeight,
-    letterSpacing: vars.typography.copy['15'].letterSpacing,
-    lineHeight: vars.typography.copy['15'].lineHeight,
+    color: vars.color.content.secondary,
+    fontFamily: vars.typography.body.b1.fontFamily,
+    fontSize: vars.typography.body.b1.fontSize,
+    fontWeight: vars.typography.body.b1.fontWeight,
+    letterSpacing: vars.typography.body.b1.letterSpacing,
+    lineHeight: vars.typography.body.b1.lineHeight,
   },
 })

package/dist/web/components/AlertDialog.css

@@ -1 +0,0 @@
-.z_tds_2f_web-tYAabT0{background-color:var(--z-tds_2f_web-color-background-raised,light-dark(#fff,#1f1e1e))}.z_tds_2f_web-tYAabT1{border-radius:var(--z-tds_2f_web-radius-16,1rem)}.z_tds_2f_web-tYAabT2{box-shadow:var(--z-tds_2f_web-shadow-modal,0 32px 64px -16px #00000047)}.z_tds_2f_web-tYAabT3{box-sizing:border-box}.z_tds_2f_web-tYAabT4{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-tYAabT5{max-width:var(--z-tds_2f_web-spacing-384,24rem)}.z_tds_2f_web-tYAabT6{outline:none}.z_tds_2f_web-tYAabT7{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-tYAabT8{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}.z_tds_2f_web-tYAabT9{transition-property:opacity,scale}.z_tds_2f_web-tYAabTa{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-tYAabTb{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-tYAabTc{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z_tds_2f_web-tYAabTd{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z_tds_2f_web-tYAabTe{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z_tds_2f_web-tYAabTf{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z_tds_2f_web-tYAabTg{width:100%}.z_tds_2f_web-tYAabTh{&[data-ending-style]{opacity:0}}.z_tds_2f_web-tYAabTi{&[data-ending-style]{scale:var(--z-tds_2f_web-scale-enter,.96)}}.z_tds_2f_web-tYAabTj{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-180,.18s)}}.z_tds_2f_web-tYAabTk{&[data-starting-style]{opacity:0}}.z_tds_2f_web-tYAabTl{&[data-starting-style]{scale:var(--z-tds_2f_web-scale-enter,.96)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-tYAabTm{transition-property:opacity}.z_tds_2f_web-tYAabTn{&[data-ending-style],&[data-starting-style]{scale:none}}}.z_tds_2f_web-tYAabTo{align-items:center}.z_tds_2f_web-tYAabTp{display:grid}.z_tds_2f_web-tYAabTq{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-tYAabTr{justify-items:center}.z_tds_2f_web-tYAabTs{overflow-y:auto}.z_tds_2f_web-tYAabTt{padding:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-tYAabTu{position:fixed}

package/dist/web/components/Callout.css

@@ -1 +0,0 @@
-.z_tds_2f_web-SXp91t0{align-items:center}.z_tds_2f_web-SXp91t1{background-color:#0000}.z_tds_2f_web-SXp91t2{border:none}.z_tds_2f_web-SXp91t3{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z_tds_2f_web-SXp91t4{color:inherit}.z_tds_2f_web-SXp91t5{cursor:pointer}.z_tds_2f_web-SXp91t6{display:inline-flex}.z_tds_2f_web-SXp91t7{flex-shrink:0}.z_tds_2f_web-SXp91t8{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_4,-.25rem)}.z_tds_2f_web-SXp91t9{margin-inline-start:auto}.z_tds_2f_web-SXp91ta{outline-color:#0000}.z_tds_2f_web-SXp91tb{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-SXp91tc{outline-style:solid}.z_tds_2f_web-SXp91td{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-SXp91te{padding-block:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-SXp91tf{padding-inline:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-SXp91tg{text-decoration:underline}.z_tds_2f_web-SXp91th{text-underline-offset:2px}.z_tds_2f_web-SXp91ti{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SXp91tj{transition-property:outline-color,outline-offset,text-decoration-color,scale}.z_tds_2f_web-SXp91tk{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-SXp91tl{font:inherit}.z_tds_2f_web-SXp91tm{white-space:nowrap}.z_tds_2f_web-SXp91tn{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-SXp91to{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-SXp91tp{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-SXp91tq{&:hover{text-decoration-color:#0000}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-SXp91tr{transition-property:outline-color,text-decoration-color}.z_tds_2f_web-SXp91ts{&:active{scale:none}}}.z_tds_2f_web-SXp91tt{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-SXp91tu{&:not(:last-child){margin-inline-end:var(--z-tds_2f_web-spacing-_2d_4,-.25rem)}}.z_tds_2f_web-SXp91tv{justify-content:center}.z_tds_2f_web-SXp91tw{align-items:flex-start}.z_tds_2f_web-SXp91tx{box-sizing:border-box}.z_tds_2f_web-SXp91ty{display:flex}.z_tds_2f_web-SXp91tz{&:where([data-intent=info]){background-color:var(--z-tds_2f_web-color-background-info,light-dark(#e6eefe,#161b29))}}.z_tds_2f_web-SXp91t10{&:where([data-intent=info]){color:var(--z-tds_2f_web-color-blue-900,light-dark(#3d64cd,#7498fb))}}.z_tds_2f_web-SXp91t11{&:where([data-intent=negative]){background-color:var(--z-tds_2f_web-color-background-negative,light-dark(#ffe6e0,#2a1410))}}.z_tds_2f_web-SXp91t12{&:where([data-intent=negative]){color:var(--z-tds_2f_web-color-red-900,light-dark(#cf2203,#f55c45))}}.z_tds_2f_web-SXp91t13{&:where([data-intent=positive]){background-color:var(--z-tds_2f_web-color-background-positive,light-dark(#d3f8df,#052315))}}.z_tds_2f_web-SXp91t14{&:where([data-intent=positive]){color:var(--z-tds_2f_web-color-green-900,light-dark(#037c46,#59e5a4))}}.z_tds_2f_web-SXp91t15{&:where([data-intent=warning]){background-color:var(--z-tds_2f_web-color-background-warning,light-dark(#ffede2,#2d1504))}}.z_tds_2f_web-SXp91t16{&:where([data-intent=warning]){color:var(--z-tds_2f_web-color-amber-900,light-dark(#a55008,#fa8e36))}}.z_tds_2f_web-SXp91t17{&:where([data-shape=pill]){align-items:center}}.z_tds_2f_web-SXp91t18{&:where([data-shape=pill]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z_tds_2f_web-SXp91t19{&:where([data-shape=pill]){justify-content:center}}.z_tds_2f_web-SXp91t1a{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SXp91t1b{&:where([data-size=large]){padding-block:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-SXp91t1c{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-SXp91t1d{&:where([data-size=large]){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-SXp91t1e{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}}.z_tds_2f_web-SXp91t1f{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}}.z_tds_2f_web-SXp91t1g{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}}.z_tds_2f_web-SXp91t1h{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}}.z_tds_2f_web-SXp91t1i{&:where([data-size=large]){& [data-callout-icon]{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}}.z_tds_2f_web-SXp91t1j{&:where([data-size=large]){& [data-callout-icon]{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-SXp91t1k{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SXp91t1l{&:where([data-size=medium]){padding-block:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-SXp91t1m{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-SXp91t1n{&: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-SXp91t1o{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z_tds_2f_web-SXp91t1p{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z_tds_2f_web-SXp91t1q{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z_tds_2f_web-SXp91t1r{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z_tds_2f_web-SXp91t1s{&:where([data-size=medium]){& [data-callout-icon]{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}}.z_tds_2f_web-SXp91t1t{&:where([data-size=medium]){& [data-callout-icon]{height:var(--z-tds_2f_web-spacing-20,1.25rem)}}}.z_tds_2f_web-SXp91t1u{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-SXp91t1v{&:where([data-size=small]){padding-block:7px}}.z_tds_2f_web-SXp91t1w{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SXp91t1x{&: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-SXp91t1y{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z_tds_2f_web-SXp91t1z{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z_tds_2f_web-SXp91t20{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z_tds_2f_web-SXp91t21{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z_tds_2f_web-SXp91t22{&:where([data-size=small]){& [data-callout-icon]{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}}}.z_tds_2f_web-SXp91t23{&:where([data-size=small]){& [data-callout-icon]{height:var(--z-tds_2f_web-spacing-18,1.125rem)}}}.z_tds_2f_web-SXp91t24{&:where([data-shape=default]):where([data-size=large]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-SXp91t25{&:where([data-shape=default]):where([data-size=medium]):where(*,.__zyzz-compound-1){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-SXp91t26{&:where([data-shape=default]):where([data-size=small]):where(*,.__zyzz-compound-2){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}

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

@@ -1,161 +0,0 @@
-import * as BaseUi from '@base-ui/react/button';
-import type { ComponentPropsWithRef } from 'react';
-import type * as zyzz from 'zyzz';
-/**
- * An inline message tinted by `intent`. The `negative` and `warning`
- * intents render `role="alert"` and interrupt screen readers. `info` and `positive` render
- * `role="status"` and announce politely. Pass `role` to override either.
- *
- * - Use for guidance tied to nearby content. Use `Banner` for system or page-wide messages.
- * - Keep the message short, with one `Callout.Action` at most.
- * - State the outcome in the text, so the meaning never depends on color alone.
- *
- * @example
- * <Callout intent="warning">
- *   <Callout.Icon />
- *   <Callout.Content>Network fees are higher than usual.</Callout.Content>
- *   <Callout.Action onClick={review}>Review</Callout.Action>
- * </Callout>
- *
- * @see {@link https://base-ui.com/react/components/button | Base UI Button}
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role | MDN status role}
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role | MDN alert role}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html | WCAG 2.2 Status Messages}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html | WCAG 2.2 Use of Color}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html | WCAG 2.2 Contrast (Minimum)}
- */
-export declare function Callout(props: Callout.Props): import("react").JSX.Element;
-export declare namespace Callout {
-    type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.note>;
-    /**
-     * An underlined text `<button>` pushed to the end of the callout and sized to match it.
-     * Name the action it performs, such as Review fees.
-     */
-    function Action(props: Action.Props): import("react").JSX.Element;
-    namespace Action {
-        type Props = ComponentPropsWithRef<'button'> & zyzz.Props.Variants<typeof styles.action> & Pick<BaseUi.Button.Props, 'nativeButton' | 'render'>;
-    }
-    /** Wraps the message text in a `<div>` that can shrink, so long text wraps beside the icon. */
-    function Content(props: Content.Props): import("react").JSX.Element;
-    namespace Content {
-        type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.content>;
-    }
-    /**
-     * Renders the glyph for the callout's `intent` inside an `aria-hidden` `<span>`. Pass `children`
-     * to replace the glyph. The icon stays decorative, so the text must carry the meaning.
-     */
-    function Icon(props: Icon.Props): import("react").JSX.Element;
-    namespace Icon {
-        type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.icon>;
-    }
-}
-declare namespace styles {
-    const action: zyzz.style.ReturnType<"react">;
-    const content: zyzz.style.ReturnType<"react">;
-    const icon: zyzz.style.ReturnType<"react">;
-    const note: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly alignItems: "flex-start";
-            readonly boxSizing: "border-box";
-            readonly display: "flex";
-        };
-        readonly compoundVariants: readonly [{
-            readonly when: {
-                readonly shape: "default";
-                readonly size: "large";
-            };
-            readonly style: {
-                readonly borderRadius: "16";
-            };
-        }, {
-            readonly when: {
-                readonly shape: "default";
-                readonly size: "medium";
-            };
-            readonly style: {
-                readonly borderRadius: "12";
-            };
-        }, {
-            readonly when: {
-                readonly shape: "default";
-                readonly size: "small";
-            };
-            readonly style: {
-                readonly borderRadius: "8";
-            };
-        }];
-        readonly defaultVariants: {
-            readonly intent: "info";
-            readonly shape: "default";
-            readonly size: "medium";
-        };
-        readonly variants: {
-            readonly intent: {
-                readonly info: {
-                    readonly backgroundColor: "background.info";
-                    readonly color: "blue.900";
-                };
-                readonly negative: {
-                    readonly backgroundColor: "background.negative";
-                    readonly color: "red.900";
-                };
-                readonly positive: {
-                    readonly backgroundColor: "background.positive";
-                    readonly color: "green.900";
-                };
-                readonly warning: {
-                    readonly backgroundColor: "background.warning";
-                    readonly color: "amber.900";
-                };
-            };
-            readonly shape: {
-                readonly default: {};
-                readonly pill: {
-                    readonly alignItems: "center";
-                    readonly borderRadius: "full";
-                    readonly justifyContent: "center";
-                };
-            };
-            readonly size: {
-                readonly large: {
-                    readonly columnGap: "12";
-                    readonly paddingBlock: "16";
-                    readonly paddingInline: "20";
-                    readonly typography: "copy.15";
-                    readonly selectors: {
-                        readonly '& [data-callout-icon]': {
-                            readonly fontSize: "20";
-                            readonly height: "24";
-                        };
-                    };
-                };
-                readonly medium: {
-                    readonly columnGap: "12";
-                    readonly paddingBlock: "10";
-                    readonly paddingInline: "16";
-                    readonly typography: "copy.14";
-                    readonly selectors: {
-                        readonly '& [data-callout-icon]': {
-                            readonly fontSize: "16";
-                            readonly height: "20";
-                        };
-                    };
-                };
-                readonly small: {
-                    readonly columnGap: "8";
-                    readonly paddingBlock: "7px !custom";
-                    readonly paddingInline: "12";
-                    readonly typography: "copy.13";
-                    readonly selectors: {
-                        readonly '& [data-callout-icon]': {
-                            readonly fontSize: "14";
-                            readonly height: "18";
-                        };
-                    };
-                };
-            };
-        };
-    }, "react">;
-}
-export {};
-//# sourceMappingURL=Callout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../../src/web/components/Callout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAE/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAkBjC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAc3C;AAED,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;IAE1F;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAUzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,CAAA;KACvD;IAED,+FAA+F;IAC/F,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAI3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;KAC9F;IAED;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAcrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC5F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM,gCAuClB,CAAA;IAEM,MAAM,OAAO,gCAUnB,CAAA;IAEM,MAAM,IAAI,gCAQhB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAsDhB,CAAA;CACF"}

package/dist/web/components/Callout.js

@@ -1,83 +0,0 @@
-
-import { Props as __zyzzProps } from 'zyzz/runtime';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as BaseUi from '@base-ui/react/button';
-import { createContext, useContext } from 'react';
-import { AlertCircle } from '../icons/AlertCircle.js';
-import { AlertTriangle } from '../icons/AlertTriangle.js';
-import { CheckCircle } from '../icons/CheckCircle.js';
-import { InfoCircle } from '../icons/InfoCircle.js';
-import { style, variants } from '../zyzz.config.js';
-const IntentContext = createContext('info');
-const icons = {
-    info: InfoCircle,
-    negative: AlertCircle,
-    positive: CheckCircle,
-    warning: AlertTriangle,
-};
-/**
- * An inline message tinted by `intent`. The `negative` and `warning`
- * intents render `role="alert"` and interrupt screen readers. `info` and `positive` render
- * `role="status"` and announce politely. Pass `role` to override either.
- *
- * - Use for guidance tied to nearby content. Use `Banner` for system or page-wide messages.
- * - Keep the message short, with one `Callout.Action` at most.
- * - State the outcome in the text, so the meaning never depends on color alone.
- *
- * @example
- * <Callout intent="warning">
- *   <Callout.Icon />
- *   <Callout.Content>Network fees are higher than usual.</Callout.Content>
- *   <Callout.Action onClick={review}>Review</Callout.Action>
- * </Callout>
- *
- * @see {@link https://base-ui.com/react/components/button | Base UI Button}
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/status_role | MDN status role}
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/alert_role | MDN alert role}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html | WCAG 2.2 Status Messages}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html | WCAG 2.2 Use of Color}
- * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html | WCAG 2.2 Contrast (Minimum)}
- */
-export function Callout(props) {
-    const { className, intent: variant, shape, size, vars, ...attributes } = props;
-    const intent = variant ?? 'info';
-    return (_jsx(IntentContext, { value: intent, children: _jsx("div", { 
-            // Urgent intents interrupt assistive technology, the rest announce politely.
-            role: intent === 'negative' || intent === 'warning' ? 'alert' : 'status', ...attributes, ...styles.note({ className, intent, shape, size, style: props.style, vars }) }) }));
-}
-(function (Callout) {
-    /**
-     * An underlined text `<button>` pushed to the end of the callout and sized to match it.
-     * Name the action it performs, such as Review fees.
-     */
-    function Action(props) {
-        const { className, vars, ...attributes } = props;
-        return (_jsx(BaseUi.Button, { ...attributes, "data-callout-action": "", ...styles.action({ className, style: props.style, vars }) }));
-    }
-    Callout.Action = Action;
-    /** Wraps the message text in a `<div>` that can shrink, so long text wraps beside the icon. */
-    function Content(props) {
-        const { className, vars, ...attributes } = props;
-        return _jsx("div", { ...attributes, ...styles.content({ className, style: props.style, vars }) });
-    }
-    Callout.Content = Content;
-    /**
-     * Renders the glyph for the callout's `intent` inside an `aria-hidden` `<span>`. Pass `children`
-     * to replace the glyph. The icon stays decorative, so the text must carry the meaning.
-     */
-    function Icon(props) {
-        const { children, className, vars, ...attributes } = props;
-        const Glyph = icons[useContext(IntentContext)];
-        return (_jsx("span", { "aria-hidden": "true", ...attributes, "data-callout-icon": "", ...styles.icon({ className, style: props.style, vars }), children: children ?? _jsx(Glyph, {}) }));
-    }
-    Callout.Icon = Icon;
-})(Callout || (Callout = {}));
-var styles;
-(function (styles) {
-    styles.action = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-SXp91t0 z_tds_2f_web-SXp91t1 z_tds_2f_web-SXp91t2 z_tds_2f_web-SXp91t3 z_tds_2f_web-SXp91t4 z_tds_2f_web-SXp91t5 z_tds_2f_web-SXp91t6 z_tds_2f_web-SXp91t7 z_tds_2f_web-SXp91t8 z_tds_2f_web-SXp91t9 z_tds_2f_web-SXp91ta z_tds_2f_web-SXp91tb z_tds_2f_web-SXp91tc z_tds_2f_web-SXp91td z_tds_2f_web-SXp91te z_tds_2f_web-SXp91tf z_tds_2f_web-SXp91tg z_tds_2f_web-SXp91th z_tds_2f_web-SXp91ti z_tds_2f_web-SXp91tj z_tds_2f_web-SXp91tk z_tds_2f_web-SXp91tl z_tds_2f_web-SXp91tm z_tds_2f_web-SXp91tn z_tds_2f_web-SXp91to z_tds_2f_web-SXp91tp z_tds_2f_web-SXp91tq z_tds_2f_web-SXp91tr z_tds_2f_web-SXp91ts"});
-    styles.content = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-SXp91tt z_tds_2f_web-SXp91tu"});
-    styles.icon = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-SXp91t6 z_tds_2f_web-SXp91t7 z_tds_2f_web-SXp91t0 z_tds_2f_web-SXp91tv"});
-    styles.note = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SXp91tw z_tds_2f_web-SXp91tx z_tds_2f_web-SXp91ty z_tds_2f_web-SXp91tz z_tds_2f_web-SXp91t10 z_tds_2f_web-SXp91t11 z_tds_2f_web-SXp91t12 z_tds_2f_web-SXp91t13 z_tds_2f_web-SXp91t14 z_tds_2f_web-SXp91t15 z_tds_2f_web-SXp91t16 z_tds_2f_web-SXp91t17 z_tds_2f_web-SXp91t18 z_tds_2f_web-SXp91t19 z_tds_2f_web-SXp91t1a z_tds_2f_web-SXp91t1b z_tds_2f_web-SXp91t1c z_tds_2f_web-SXp91t1d z_tds_2f_web-SXp91t1e z_tds_2f_web-SXp91t1f z_tds_2f_web-SXp91t1g z_tds_2f_web-SXp91t1h z_tds_2f_web-SXp91t1i z_tds_2f_web-SXp91t1j z_tds_2f_web-SXp91t1k z_tds_2f_web-SXp91t1l z_tds_2f_web-SXp91t1m z_tds_2f_web-SXp91t1n z_tds_2f_web-SXp91t1o z_tds_2f_web-SXp91t1p z_tds_2f_web-SXp91t1q z_tds_2f_web-SXp91t1r z_tds_2f_web-SXp91t1s z_tds_2f_web-SXp91t1t z_tds_2f_web-SXp91t1u z_tds_2f_web-SXp91t1v z_tds_2f_web-SXp91t1w z_tds_2f_web-SXp91t1x z_tds_2f_web-SXp91t1y z_tds_2f_web-SXp91t1z z_tds_2f_web-SXp91t20 z_tds_2f_web-SXp91t21 z_tds_2f_web-SXp91t22 z_tds_2f_web-SXp91t23 z_tds_2f_web-SXp91t24 z_tds_2f_web-SXp91t25 z_tds_2f_web-SXp91t26"+" "+external:"z_tds_2f_web-SXp91tw z_tds_2f_web-SXp91tx z_tds_2f_web-SXp91ty z_tds_2f_web-SXp91tz z_tds_2f_web-SXp91t10 z_tds_2f_web-SXp91t11 z_tds_2f_web-SXp91t12 z_tds_2f_web-SXp91t13 z_tds_2f_web-SXp91t14 z_tds_2f_web-SXp91t15 z_tds_2f_web-SXp91t16 z_tds_2f_web-SXp91t17 z_tds_2f_web-SXp91t18 z_tds_2f_web-SXp91t19 z_tds_2f_web-SXp91t1a z_tds_2f_web-SXp91t1b z_tds_2f_web-SXp91t1c z_tds_2f_web-SXp91t1d z_tds_2f_web-SXp91t1e z_tds_2f_web-SXp91t1f z_tds_2f_web-SXp91t1g z_tds_2f_web-SXp91t1h z_tds_2f_web-SXp91t1i z_tds_2f_web-SXp91t1j z_tds_2f_web-SXp91t1k z_tds_2f_web-SXp91t1l z_tds_2f_web-SXp91t1m z_tds_2f_web-SXp91t1n z_tds_2f_web-SXp91t1o z_tds_2f_web-SXp91t1p z_tds_2f_web-SXp91t1q z_tds_2f_web-SXp91t1r z_tds_2f_web-SXp91t1s z_tds_2f_web-SXp91t1t z_tds_2f_web-SXp91t1u z_tds_2f_web-SXp91t1v z_tds_2f_web-SXp91t1w z_tds_2f_web-SXp91t1x z_tds_2f_web-SXp91t1y z_tds_2f_web-SXp91t1z z_tds_2f_web-SXp91t20 z_tds_2f_web-SXp91t21 z_tds_2f_web-SXp91t22 z_tds_2f_web-SXp91t23 z_tds_2f_web-SXp91t24 z_tds_2f_web-SXp91t25 z_tds_2f_web-SXp91t26",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"intent")?input["intent"]:void 0;if(value===void 0)value="info";if(value!==null&&value!==void 0)result["data-intent"]=String(value);value=Object.hasOwn(input,"shape")?input["shape"]:void 0;if(value===void 0)value="default";if(value!==null&&value!==void 0)result["data-shape"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
-})(styles || (styles = {}));
-//# sourceMappingURL=Callout.js.map
-import './Callout.css';

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

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