@tempoxyz/ds 0.2.5 → 0.3.0

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()} />
@@ -32,31 +32,345 @@ export const { style, variants, vars } = Config.create({
   vars: variables,
 })
 
+// Inter's subsets, written by `scripts/subset-fonts.ts`. A browser downloads only the subsets whose
+// `unicodeRange` the page's text uses, and a face declared later takes precedence where ranges
+// overlap, so the order is intentional: `symbols` first and `latin` last, as Google Fonts orders them.
 fontFace({
   fontDisplay: 'swap',
   fontFamily: 'Inter',
   fontStyle: 'normal',
   fontWeight: '100 900',
-  src: "url('../fonts/Inter-Variable.woff2') format('woff2')",
+  src: "url('../fonts/Inter-symbols.woff2') format('woff2')",
+  unicodeRange:
+    'U+02CD-036F,U+0E3F,U+1DC0-1DFF,U+2070-2298,U+2303-232B,U+2380-238B,U+23CE-23CF,U+2423-2468,U+24B6-24EA,U+25A0-26A0,U+2713-2788,U+27EF-27FA,U+2913,U+2A38,U+2B06-2B24,U+2E18,U+A92E,U+E000-E163,U+E1C3-E2DC,U+EE01-EEE1,U+F6C3,U+1F12F-1F16B,U+1F850-1F852',
 })
 
 fontFace({
   fontDisplay: 'swap',
-  fontFamily: 'Geist Mono',
+  fontFamily: 'Inter',
+  fontStyle: 'normal',
+  fontWeight: '100 900',
+  src: "url('../fonts/Inter-cyrillic-ext.woff2') format('woff2')",
+  unicodeRange: 'U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Inter',
+  fontStyle: 'normal',
+  fontWeight: '100 900',
+  src: "url('../fonts/Inter-cyrillic.woff2') format('woff2')",
+  unicodeRange: 'U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Inter',
+  fontStyle: 'normal',
+  fontWeight: '100 900',
+  src: "url('../fonts/Inter-greek-ext.woff2') format('woff2')",
+  unicodeRange: 'U+1F00-1FFF',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Inter',
+  fontStyle: 'normal',
+  fontWeight: '100 900',
+  src: "url('../fonts/Inter-greek.woff2') format('woff2')",
+  unicodeRange: 'U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Inter',
+  fontStyle: 'normal',
+  fontWeight: '100 900',
+  src: "url('../fonts/Inter-vietnamese.woff2') format('woff2')",
+  unicodeRange:
+    'U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Inter',
+  fontStyle: 'normal',
+  fontWeight: '100 900',
+  src: "url('../fonts/Inter-latin-ext.woff2') format('woff2')",
+  unicodeRange:
+    'U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF',
+})
+
+fontFace({
+  fontDisplay: 'swap',
+  fontFamily: 'Inter',
   fontStyle: 'normal',
   fontWeight: '100 900',
-  src: "url('../fonts/GeistMono-Variable.woff2') format('woff2')",
+  src: "url('../fonts/Inter-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',
+})
+
+// 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: 'JetBrains Mono',
+  fontStyle: 'normal',
+  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/mobile/internal/useColor.d.ts

@@ -1,4 +0,0 @@
-import type { ColorValue } from 'react-native';
-/** Resolves a compiled style's color for props that take a color instead of a style, such as SVG fills. */
-export declare function useColor(style: Readonly<Record<string, string | number | undefined>> | undefined): ColorValue;
-//# sourceMappingURL=useColor.d.ts.map

package/dist/mobile/internal/useColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColor.d.ts","sourceRoot":"","sources":["../../../src/mobile/internal/useColor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,2GAA2G;AAC3G,wBAAgB,QAAQ,CACtB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC,GAAG,SAAS,GACvE,UAAU,CAMZ"}

package/dist/mobile/internal/useColor.js

@@ -1,12 +0,0 @@
-import { useStyles } from 'zyzz/react-native';
-/** Resolves a compiled style's color for props that take a color instead of a style, such as SVG fills. */
-export function useColor(style) {
-    const color = useStyles().style(style).color;
-    if (typeof color === 'string')
-        return color;
-    // iOS resolves `system` schemes to dynamic colors, which Zyzz's resolved style type omits.
-    if (color && typeof color === 'object')
-        return color;
-    throw new Error('Expected a compiled style with a color');
-}
-//# sourceMappingURL=useColor.js.map

package/dist/mobile/internal/useColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColor.js","sourceRoot":"","sources":["../../../src/mobile/internal/useColor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,2GAA2G;AAC3G,MAAM,UAAU,QAAQ,CACtB,KAAwE;IAExE,MAAM,KAAK,GAAY,SAAS,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAA;IACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAC3C,2FAA2F;IAC3F,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAmB,CAAA;IAClE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAA;AAC3D,CAAC"}

package/dist/web/components/AlertDialog.css

@@ -1 +0,0 @@
-.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-bg-0{background-color:var(--z-tds_2f_web-color-background-raised,light-dark(#fff,#1f1e1e))}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-border-radius-1{border-radius:var(--z-tds_2f_web-radius-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-box-shadow-2{box-shadow:var(--z-tds_2f_web-shadow-modal,0 32px 64px -16px #00000047)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-box-sizing-3{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-text-4{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-max-width-5{max-width:var(--z-tds_2f_web-spacing-384,24rem)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-outline-6{outline:none}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-p-7{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-transition-duration-8{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-transition-property-9{transition-property:opacity,scale}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-transition-timing-function-10{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-font-family-11{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_alert_2d_dialog_2f_popup-font-size-12{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-font-weight-13{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-letter-spacing-14{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-line-height-15{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-w-16{width:100%}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-opacity-17{&[data-ending-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-scale-18{&[data-ending-style]{scale:var(--z-tds_2f_web-scale-enter,.96)}}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-transition-duration-19{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-180,.18s)}}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-opacity-20{&[data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-scale-21{&[data-starting-style]{scale:var(--z-tds_2f_web-scale-enter,.96)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-transition-property-22{transition-property:opacity}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_popup-scale-23{&[data-ending-style],&[data-starting-style]{scale:none}}}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-display-1{display:grid}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-inset-2{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-justify-items-3{justify-items:center}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-overflow-y-4{overflow-y:auto}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-p-5{padding:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_alert_2d_dialog_2f_viewport-position-6{position:fixed}

package/dist/web/components/Callout.css

@@ -1 +0,0 @@
-.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-bg-1{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-border-2{border:none}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-border-radius-3{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-text-4{color:inherit}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-display-6{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-flex-shrink-7{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-margin-inline-end-8{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_4,-.25rem)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-margin-inline-start-9{margin-inline-start:auto}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-outline-color-10{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-outline-offset-11{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-outline-style-12{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-outline-width-13{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-padding-block-14{padding-block:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-padding-inline-15{padding-inline:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-text-decoration-16{text-decoration:underline}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-text-underline-offset-17{text-underline-offset:2px}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-transition-duration-18{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-transition-property-19{transition-property:outline-color,outline-offset,text-decoration-color,scale}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-transition-timing-function-20{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-font-21{font:inherit}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-white-space-22{white-space:nowrap}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-scale-23{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-outline-color-24{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-outline-offset-25{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-text-decoration-color-26{&:hover{text-decoration-color:#0000}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-transition-property-27{transition-property:outline-color,text-decoration-color}.z-tds_2f_web-tds_2f_web_2f_callout_2f_action-scale-28{&:active{scale:none}}}.z-tds_2f_web-tds_2f_web_2f_callout_2f_content-min-width-0{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_callout_2f_content-margin-inline-end-1{&:not(:last-child){margin-inline-end:var(--z-tds_2f_web-spacing-_2d_4,-.25rem)}}.z-tds_2f_web-tds_2f_web_2f_callout_2f_icon-justify-content-0{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_callout-align-items-0{align-items:flex-start}.z-tds_2f_web-tds_2f_web_2f_callout-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_callout-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_callout-bg-3{&:where([data-intent=info]){background-color:var(--z-tds_2f_web-color-background-info,light-dark(#e6eefe,#161b29))}}.z-tds_2f_web-tds_2f_web_2f_callout-text-4{&:where([data-intent=info]){color:var(--z-tds_2f_web-color-blue-900,light-dark(#3d64cd,#7498fb))}}.z-tds_2f_web-tds_2f_web_2f_callout-bg-5{&:where([data-intent=negative]){background-color:var(--z-tds_2f_web-color-background-negative,light-dark(#ffe6e0,#2a1410))}}.z-tds_2f_web-tds_2f_web_2f_callout-text-6{&:where([data-intent=negative]){color:var(--z-tds_2f_web-color-red-900,light-dark(#cf2203,#f55c45))}}.z-tds_2f_web-tds_2f_web_2f_callout-bg-7{&:where([data-intent=positive]){background-color:var(--z-tds_2f_web-color-background-positive,light-dark(#d3f8df,#052315))}}.z-tds_2f_web-tds_2f_web_2f_callout-text-8{&:where([data-intent=positive]){color:var(--z-tds_2f_web-color-green-900,light-dark(#037c46,#59e5a4))}}.z-tds_2f_web-tds_2f_web_2f_callout-bg-9{&:where([data-intent=warning]){background-color:var(--z-tds_2f_web-color-background-warning,light-dark(#ffede2,#2d1504))}}.z-tds_2f_web-tds_2f_web_2f_callout-text-10{&:where([data-intent=warning]){color:var(--z-tds_2f_web-color-amber-900,light-dark(#a55008,#fa8e36))}}.z-tds_2f_web-tds_2f_web_2f_callout-align-items-11{&:where([data-shape=pill]){align-items:center}}.z-tds_2f_web-tds_2f_web_2f_callout-border-radius-12{&:where([data-shape=pill]){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z-tds_2f_web-tds_2f_web_2f_callout-justify-content-13{&:where([data-shape=pill]){justify-content:center}}.z-tds_2f_web-tds_2f_web_2f_callout-column-gap-14{&:where([data-size=large]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-padding-block-15{&:where([data-size=large]){padding-block:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-padding-inline-16{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-family-17{&: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-tds_2f_web_2f_callout-font-size-18{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-weight-19{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_callout-letter-spacing-20{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}}.z-tds_2f_web-tds_2f_web_2f_callout-line-height-21{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-size-22{&:where([data-size=large]){& [data-callout-icon]{font-size:var(--z-tds_2f_web-fontSize-20,1.25rem)}}}.z-tds_2f_web-tds_2f_web_2f_callout-h-23{&:where([data-size=large]){& [data-callout-icon]{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_callout-column-gap-24{&:where([data-size=medium]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-padding-block-25{&:where([data-size=medium]){padding-block:var(--z-tds_2f_web-spacing-10,.625rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-padding-inline-26{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-family-27{&:where([data-size=medium]){font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_callout-font-size-28{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-weight-29{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_callout-letter-spacing-30{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_callout-line-height-31{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-size-32{&:where([data-size=medium]){& [data-callout-icon]{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_callout-h-33{&:where([data-size=medium]){& [data-callout-icon]{height:var(--z-tds_2f_web-spacing-20,1.25rem)}}}.z-tds_2f_web-tds_2f_web_2f_callout-column-gap-34{&:where([data-size=small]){column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-padding-block-35{&:where([data-size=small]){padding-block:7px}}.z-tds_2f_web-tds_2f_web_2f_callout-padding-inline-36{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-family-37{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-copy-13-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}.z-tds_2f_web-tds_2f_web_2f_callout-font-size-38{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-copy-13-fontSize,13px)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-weight-39{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-copy-13-fontWeight,450)}}.z-tds_2f_web-tds_2f_web_2f_callout-letter-spacing-40{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-copy-13-letterSpacing,-.04px)}}.z-tds_2f_web-tds_2f_web_2f_callout-line-height-41{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-copy-13-lineHeight,18px)}}.z-tds_2f_web-tds_2f_web_2f_callout-font-size-42{&:where([data-size=small]){& [data-callout-icon]{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}}}.z-tds_2f_web-tds_2f_web_2f_callout-h-43{&:where([data-size=small]){& [data-callout-icon]{height:var(--z-tds_2f_web-spacing-18,1.125rem)}}}.z-tds_2f_web-tds_2f_web_2f_callout-border-radius-44{&: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-tds_2f_web_2f_callout-border-radius-45{&: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-tds_2f_web_2f_callout-border-radius-46{&: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"}