@kismet-ux/constellation 1.9.0 → 1.11.0

package/dist/typography/Typography/typography-variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography-variants.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography/typography-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;8EAoE7B,CAAC"}
+{"version":3,"file":"typography-variants.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography/typography-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;8EA6F7B,CAAC"}

package/dist/typography/Typography/typography-variants.js

@@ -61,6 +61,28 @@ const typographyVariants = cva(s.typography, {
         gutter: {
             true: s['gutter'],
         },
+        /*
+         * The face, as a pair of booleans rather than a `font` enum: they are
+         * mutually exclusive in practice but reading `<Typography mono>` at a call
+         * site beats `font={'mono'}`, and it is what the app was already doing with
+         * a `.mono` utility class of its own.
+         */
+        mono: {
+            true: s['font-mono'],
+        },
+        serif: {
+            true: s['font-serif'],
+        },
+        /** A step off the variant's own size; `md` is the variant unchanged. */
+        size: {
+            '2xs': s['size-2xs'],
+            xs: s['size-xs'],
+            sm: s['size-sm'],
+            md: undefined,
+            lg: s['size-lg'],
+            xl: s['size-xl'],
+            '2xl': s['size-2xl'],
+        },
     },
     defaultVariants: {
         variant: 'body1',
@@ -68,6 +90,9 @@ const typographyVariants = cva(s.typography, {
         align: 'inherit',
         transform: 'none',
         gutter: false,
+        mono: false,
+        serif: false,
+        size: 'md',
     },
 });
 

package/dist/typography/Typography/typography-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography-variants.js","sources":["../../../src/typography/Typography/typography-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './typography.module.scss';\n\nexport const typographyVariants = cva(s.typography, {\n  variants: {\n    variant: {\n      h1: s['h1'],\n      h2: s['h2'],\n      h3: s['h3'],\n      h4: s['h4'],\n      h5: s['h5'],\n      h6: s['h6'],\n      subtitle1: s['subtitle1'],\n      subtitle2: s['subtitle2'],\n      body1: s['body1'],\n      body2: s['body2'],\n      overline: s['overline'],\n      caption: s['caption'],\n      code: s['code'],\n      codeBlock: s['code-block'],\n      tooltip: s['tooltip'],\n      menuPrimary: s['menu-primary'],\n      menuPrimaryDense: s['menu-primary-dense'],\n      logo: s['logo'],\n      tableHeader: s['table-header'],\n      tableCell: s['table-cell'],\n      tableCellSmall: s['table-cell-small'],\n    },\n    theme: {\n      inherit: undefined,\n      muted: s['muted'],\n      primary: s['primary'],\n      secondary: s['secondary'],\n      info: s['info'],\n      success: s['success'],\n      warning: s['warning'],\n      destructive: s['destructive'],\n      slate: s['slate'],\n    },\n    align: {\n      inherit: undefined,\n      left: s['left'],\n      right: s['right'],\n      center: s['center'],\n      justify: s['justify'],\n    },\n    transform: {\n      none: undefined,\n      lowercase: s['lowercase'],\n      uppercase: s['uppercase'],\n      capitalize: s['capitalize'],\n    },\n    weight: {\n      thin: s['weight-thin'],\n      light: s['weight-light'],\n      regular: s['weight-regular'],\n      medium: s['weight-medium'],\n      semibold: s['weight-semibold'],\n      bold: s['weight-bold'],\n    },\n    gutter: {\n      true: s['gutter'],\n    },\n  },\n  defaultVariants: {\n    variant: 'body1',\n    theme: 'inherit',\n    align: 'inherit',\n    transform: 'none',\n    gutter: false,\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"typography-variants.js","sources":["../../../src/typography/Typography/typography-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './typography.module.scss';\n\nexport const typographyVariants = cva(s.typography, {\n  variants: {\n    variant: {\n      h1: s['h1'],\n      h2: s['h2'],\n      h3: s['h3'],\n      h4: s['h4'],\n      h5: s['h5'],\n      h6: s['h6'],\n      subtitle1: s['subtitle1'],\n      subtitle2: s['subtitle2'],\n      body1: s['body1'],\n      body2: s['body2'],\n      overline: s['overline'],\n      caption: s['caption'],\n      code: s['code'],\n      codeBlock: s['code-block'],\n      tooltip: s['tooltip'],\n      menuPrimary: s['menu-primary'],\n      menuPrimaryDense: s['menu-primary-dense'],\n      logo: s['logo'],\n      tableHeader: s['table-header'],\n      tableCell: s['table-cell'],\n      tableCellSmall: s['table-cell-small'],\n    },\n    theme: {\n      inherit: undefined,\n      muted: s['muted'],\n      primary: s['primary'],\n      secondary: s['secondary'],\n      info: s['info'],\n      success: s['success'],\n      warning: s['warning'],\n      destructive: s['destructive'],\n      slate: s['slate'],\n    },\n    align: {\n      inherit: undefined,\n      left: s['left'],\n      right: s['right'],\n      center: s['center'],\n      justify: s['justify'],\n    },\n    transform: {\n      none: undefined,\n      lowercase: s['lowercase'],\n      uppercase: s['uppercase'],\n      capitalize: s['capitalize'],\n    },\n    weight: {\n      thin: s['weight-thin'],\n      light: s['weight-light'],\n      regular: s['weight-regular'],\n      medium: s['weight-medium'],\n      semibold: s['weight-semibold'],\n      bold: s['weight-bold'],\n    },\n    gutter: {\n      true: s['gutter'],\n    },\n    /*\n     * The face, as a pair of booleans rather than a `font` enum: they are\n     * mutually exclusive in practice but reading `<Typography mono>` at a call\n     * site beats `font={'mono'}`, and it is what the app was already doing with\n     * a `.mono` utility class of its own.\n     */\n    mono: {\n      true: s['font-mono'],\n    },\n    serif: {\n      true: s['font-serif'],\n    },\n    /** A step off the variant's own size; `md` is the variant unchanged. */\n    size: {\n      '2xs': s['size-2xs'],\n      xs: s['size-xs'],\n      sm: s['size-sm'],\n      md: undefined,\n      lg: s['size-lg'],\n      xl: s['size-xl'],\n      '2xl': s['size-2xl'],\n    },\n  },\n  defaultVariants: {\n    variant: 'body1',\n    theme: 'inherit',\n    align: 'inherit',\n    transform: 'none',\n    gutter: false,\n    mono: false,\n    serif: false,\n    size: 'md',\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/typography/Typography/typography.css

@@ -1,5 +1,26 @@
+@charset "UTF-8";
 .typography-module_typography__FAx__ {
+  /*
+   * ONE FACE FOR EVERYTHING, and it is sans.
+   *
+   * A variant used to carry its own `font-family`, so `h4` and `h6` were serif
+   * and nothing but a stylesheet edit could say otherwise. The face is a
+   * separate question from what a piece of text IS, so it is a prop now
+   * (`mono` / `serif`) and every variant starts from the same place.
+   *
+   * `code` and `code-block` keep monospace as their DEFAULT — a code block in
+   * a proportional face is not a code block — but they set the same variable,
+   * so `serif` or the absence of `mono` still overrides them.
+   */
   color: var(--text-primary);
+  font-family: var(--typography-font, var(--font-sans)), var(--typography-font-fallback, sans-serif);
+  /*
+   * Size is the variant's own step MULTIPLIED by a scale, so `size` reads as
+   * "relative to whatever this variant normally is" rather than as an absolute
+   * that has to know each variant's number. Every variant below sets the step;
+   * only the scale is the caller's.
+   */
+  font-size: calc(var(--typography-font-size, 1rem) * var(--typography-scale, 1));
   font-weight: 400;
   line-height: var(--line-height-default);
   margin: 0;
@@ -7,116 +28,109 @@
 }
 .typography-module_typography__FAx__.typography-module_h1__Chrx6 {
   color: var(--text-heading);
-  font-family: var(--font-sans), sans-serif;
-  font-size: 2.75rem;
+  --typography-font-size: 2.75rem;
   line-height: 1.25;
 }
 @media (max-width: 768px) {
   .typography-module_typography__FAx__.typography-module_h1__Chrx6 {
-    font-size: 2.5rem;
+    --typography-font-size: 2.5rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_h2__6Qpwf {
   color: var(--text-heading);
-  font-family: var(--font-sans), sans-serif;
-  font-size: 2.25rem;
+  --typography-font-size: 2.25rem;
   line-height: 1.25;
 }
 @media (max-width: 768px) {
   .typography-module_typography__FAx__.typography-module_h2__6Qpwf {
-    font-size: 2rem;
+    --typography-font-size: 2rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_h3__1eGbP {
   color: var(--text-heading);
-  font-family: var(--font-sans), sans-serif;
-  font-size: 2rem;
+  --typography-font-size: 2rem;
   line-height: 1.25;
 }
 @media (max-width: 768px) {
   .typography-module_typography__FAx__.typography-module_h3__1eGbP {
-    font-size: 1.85rem;
+    --typography-font-size: 1.85rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_h4__TEi6l {
   color: var(--text-heading);
-  font-family: var(--font-serif), serif;
-  font-size: 1.85rem;
+  --typography-font-size: 1.85rem;
   line-height: 1.25;
 }
 @media (max-width: 768px) {
   .typography-module_typography__FAx__.typography-module_h4__TEi6l {
-    font-size: 1.65rem;
+    --typography-font-size: 1.65rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_h5__pY2ZF {
   color: var(--text-heading);
-  font-family: var(--font-sans), sans-serif;
-  font-size: 1.65rem;
+  --typography-font-size: 1.65rem;
   font-weight: 500;
   line-height: 1.25;
 }
 @media (max-width: 768px) {
   .typography-module_typography__FAx__.typography-module_h5__pY2ZF {
-    font-size: 1.5rem;
+    --typography-font-size: 1.5rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_h6__jzeAZ {
   color: var(--text-heading);
-  font-family: var(--font-serif), sans-serif;
-  font-size: 1.5rem;
+  --typography-font-size: 1.5rem;
   line-height: 1.25;
 }
 @media (max-width: 768px) {
   .typography-module_typography__FAx__.typography-module_h6__jzeAZ {
-    font-size: 1.35rem;
+    --typography-font-size: 1.35rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_subtitle1__kbXoE {
-  font-size: 1.0625rem;
+  --typography-font-size: 1.0625rem;
   font-weight: 500;
 }
 .typography-module_typography__FAx__.typography-module_subtitle2__TesJV {
-  font-size: 0.875rem;
+  --typography-font-size: 0.875rem;
   font-weight: 500;
 }
 .typography-module_typography__FAx__.typography-module_body1__XiHhz {
-  font-size: 1rem;
+  --typography-font-size: 1rem;
 }
 .typography-module_typography__FAx__.typography-module_body2__321Bc {
   color: var(--text-secondary);
-  font-size: 0.875rem;
+  --typography-font-size: 0.875rem;
 }
 .typography-module_typography__FAx__.typography-module_overline__NaSU- {
-  font-family: var(--font-sans), sans-serif;
-  font-size: 0.875rem;
+  --typography-font-size: 0.875rem;
   letter-spacing: 1px;
   text-transform: uppercase;
 }
 .typography-module_typography__FAx__.typography-module_caption__BAaLD {
-  font-family: var(--font-sans), sans-serif;
-  font-size: 0.75rem;
+  --typography-font-size: 0.75rem;
 }
 .typography-module_typography__FAx__.typography-module_code__MiYWd {
   background: var(--action-hover);
   border-radius: 5px;
-  font-family: var(--font-mono), monospace;
-  font-size: 0.75rem;
+  --typography-font: var(--font-mono);
+  --typography-font-fallback: monospace;
+  --typography-font-size: 0.75rem;
   padding: 4px var(--size-1);
 }
 .typography-module_typography__FAx__.typography-module_code-block__cdgeP {
   background: var(--action-hover);
   border-radius: 8px;
-  font-family: var(--font-mono), monospace;
-  font-size: 0.8125rem;
+  --typography-font: var(--font-mono);
+  --typography-font-fallback: monospace;
+  --typography-font-size: 0.8125rem;
   line-height: 1.5;
   overflow-x: auto;
   padding: 1rem 1.25rem;
   white-space: pre;
 }
 .typography-module_typography__FAx__.typography-module_tooltip__ZScRV {
-  font-family: var(--font-sans), sans-serif;
-  font-size: 0.75rem;
+  --typography-font-size: 0.75rem;
   font-weight: 200;
   text-transform: uppercase;
 }
@@ -124,38 +138,41 @@
   font-weight: 600;
 }
 .typography-module_typography__FAx__.typography-module_menu-primary-dense__j2iGe {
-  font-size: 0.8125rem;
+  --typography-font-size: 0.8125rem;
   font-weight: 600;
 }
 .typography-module_typography__FAx__.typography-module_table-header__ZSldR {
-  font-size: 0.8rem;
+  --typography-font-size: 0.8rem;
   font-weight: 600;
 }
 @media (min-width: 1360px) {
   .typography-module_typography__FAx__.typography-module_table-header__ZSldR {
-    font-size: 0.9rem;
+    --typography-font-size: 0.9rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_table-cell__pPhMZ {
-  font-size: 0.8rem;
+  --typography-font-size: 0.8rem;
 }
 @media (min-width: 1360px) {
   .typography-module_typography__FAx__.typography-module_table-cell__pPhMZ {
-    font-size: 0.9rem;
+    --typography-font-size: 0.9rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_table-cell-small__G0MyC {
-  font-size: 0.75rem;
+  --typography-font-size: 0.75rem;
 }
 @media (min-width: 1360px) {
   .typography-module_typography__FAx__.typography-module_table-cell-small__G0MyC {
-    font-size: 0.85rem;
+    --typography-font-size: 0.85rem;
   }
 }
 .typography-module_typography__FAx__.typography-module_logo__WhPFQ {
+  /* The wordmark keeps its serif — it is a brand mark, not a heading, and
+     `serif`/`mono` still override it. */
+  --typography-font: var(--font-serif);
+  --typography-font-fallback: serif;
   color: var(--logo-fill);
-  font-family: var(--font-serif), serif;
-  font-size: 2.3rem;
+  --typography-font-size: 2.3rem;
   font-weight: 700;
   margin-top: 0.2rem;
 }
@@ -224,4 +241,51 @@
 }
 .typography-module_typography__FAx__.typography-module_gutter__e_q9F {
   margin-block-end: var(--size-1);
+}
+.typography-module_typography__FAx__ {
+  /*
+   * ── The face, and the scale ──────────────────────────────────────────────
+   *
+   * ⚠️ These sit LAST inside `.typography` on purpose. They and the variant
+   * blocks above both resolve to `.typography.x` (0,2,0), so nothing but
+   * source order separates them — and the modifier has to win, or `mono` on a
+   * `code-block` (or `serif` on a `logo`) would be silently ignored. Same trap
+   * convention 22 describes for themes, resolved the other way round: there
+   * the base had to lose to the theme, here the variant has to lose to the
+   * modifier.
+   */
+}
+.typography-module_typography__FAx__.typography-module_font-mono__0eSZl {
+  --typography-font: var(--font-mono);
+  --typography-font-fallback: monospace;
+}
+.typography-module_typography__FAx__.typography-module_font-serif__YwH_v {
+  --typography-font: var(--font-serif);
+  --typography-font-fallback: serif;
+}
+.typography-module_typography__FAx__ {
+  /*
+   * A step off the variant's own size, not an absolute. `md` is the variant
+   * unchanged, and the steps either side are the same ratios the rest of the
+   * library sizes by. A caller needing something the scale does not have
+   * passes a number and gets `--typography-scale` set inline.
+   */
+}
+.typography-module_typography__FAx__.typography-module_size-2xs__F-cVc {
+  --typography-scale: 0.625;
+}
+.typography-module_typography__FAx__.typography-module_size-xs__1PEmn {
+  --typography-scale: 0.75;
+}
+.typography-module_typography__FAx__.typography-module_size-sm__lX5D8 {
+  --typography-scale: 0.875;
+}
+.typography-module_typography__FAx__.typography-module_size-lg__AHM4Z {
+  --typography-scale: 1.125;
+}
+.typography-module_typography__FAx__.typography-module_size-xl__nDRl0 {
+  --typography-scale: 1.25;
+}
+.typography-module_typography__FAx__.typography-module_size-2xl__VnJwl {
+  --typography-scale: 1.5;
 }

package/dist/typography/Typography/typography.d.ts

@@ -4,6 +4,14 @@ export type TypographyTheme = 'inherit' | 'muted' | 'primary' | 'secondary' | 'i
 export type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';
 export type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';
 export type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
+/**
+ * A step off the variant's OWN size, not an absolute.
+ *
+ * `md` is the variant unchanged; the rest multiply it. That is what lets one
+ * value mean the same thing on an `h1` and a `caption` — "a bit smaller than
+ * this normally is" — without the caller knowing either number.
+ */
+export type TypographySize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 type TypographyElement = keyof HTMLElementTagNameMap;
 export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
     variant?: TypographyVariant;
@@ -13,6 +21,18 @@ export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
     weight?: TypographyWeight;
     gutter?: boolean;
     el?: TypographyElement;
+    /** Monospace. Overrides the variant's face, `code` and `code-block` included. */
+    mono?: boolean;
+    /** Serif. Overrides the variant's face; the headings are all sans now. */
+    serif?: boolean;
+    /**
+     * Size relative to the variant's default — a named step, or a raw multiplier
+     * for the case the scale does not cover (`size={1.4}` is 1.4x the variant).
+     *
+     * A number rides in as `--typography-scale` rather than a class, the same
+     * way `Container` takes a length its `measure` scale has no token for.
+     */
+    size?: TypographySize | number;
 }
 declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
 export { Typography };

package/dist/typography/Typography/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography/typography.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,WAAW,GACX,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,MAAM,GACN,WAAW,GACX,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,WAAW,GACX,gBAAgB,CAAC;AAErB,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,OAAO,CAAC;AAEZ,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AACpF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC7F,KAAK,iBAAiB,GAAG,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,iBAAiB,CAAC;CACxB;AA0BD,QAAA,MAAM,UAAU,qFAuCf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/typography/Typography/typography.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,WAAW,GACX,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,MAAM,GACN,WAAW,GACX,SAAS,GACT,aAAa,GACb,kBAAkB,GAClB,MAAM,GACN,aAAa,GACb,WAAW,GACX,gBAAgB,CAAC;AAErB,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,OAAO,CAAC;AAEZ,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAClF,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AACpF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7F;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAG9E,KAAK,iBAAiB,GAAG,MAAM,qBAAqB,CAAC;AAErD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACxE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;CAChC;AA0BD,QAAA,MAAM,UAAU,qFAuDf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/typography/Typography/typography.js

@@ -3,6 +3,7 @@ import cn from 'clsx';
 import * as React from 'react';
 import { typographyVariants } from './typography-variants.js';
 
+const SIZE_STEPS = ['2xs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'];
 const variantsMapping = {
     h1: 'h1',
     h2: 'h2',
@@ -26,8 +27,11 @@ const variantsMapping = {
     tableCell: 'p',
     tableCellSmall: 'p',
 };
-const Typography = React.forwardRef(({ variant = 'body1', theme = 'inherit', align = 'inherit', transform = 'none', weight, gutter = false, el, className, children, ...props }, ref) => {
+const Typography = React.forwardRef(({ variant = 'body1', theme = 'inherit', align = 'inherit', transform = 'none', weight, gutter = false, el, mono = false, serif = false, size, className, children, style, ...props }, ref) => {
     const Component = (el ?? (variant ? variantsMapping[variant] : 'p'));
+    // A named step is a class; anything else is a multiplier set inline.
+    const namedSize = typeof size === 'string' && SIZE_STEPS.includes(size);
+    const scale = typeof size === 'number' ? size : undefined;
     return (jsx(Component, { "data-slot": 'typography', ref: ref, className: cn(typographyVariants({
             variant,
             theme,
@@ -35,7 +39,12 @@ const Typography = React.forwardRef(({ variant = 'body1', theme = 'inherit', ali
             transform,
             weight,
             gutter,
-        }), className), ...props, children: children }));
+            mono,
+            serif,
+            size: namedSize ? size : undefined,
+        }), className), style: scale !== undefined
+            ? { ...style, '--typography-scale': scale }
+            : style, ...props, children: children }));
 });
 Typography.displayName = 'Typography';
 

package/dist/typography/Typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sources":["../../../src/typography/Typography/typography.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { typographyVariants } from './typography-variants';\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'body1'\n  | 'body2'\n  | 'overline'\n  | 'caption'\n  | 'code'\n  | 'codeBlock'\n  | 'tooltip'\n  | 'menuPrimary'\n  | 'menuPrimaryDense'\n  | 'logo'\n  | 'tableHeader'\n  | 'tableCell'\n  | 'tableCellSmall';\n\nexport type TypographyTheme =\n  | 'inherit'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'destructive'\n  | 'slate';\n\nexport type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';\nexport type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';\nexport type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';\ntype TypographyElement = keyof HTMLElementTagNameMap;\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLElement> {\n  variant?: TypographyVariant;\n  theme?: TypographyTheme;\n  align?: TypographyAlign;\n  transform?: TypographyTransform;\n  weight?: TypographyWeight;\n  gutter?: boolean;\n  el?: TypographyElement;\n}\n\nconst variantsMapping: Record<TypographyVariant, TypographyElement> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n  overline: 'p',\n  caption: 'p',\n  code: 'code',\n  codeBlock: 'pre',\n  tooltip: 'p',\n  menuPrimary: 'p',\n  menuPrimaryDense: 'p',\n  logo: 'p',\n  tableHeader: 'p',\n  tableCell: 'p',\n  tableCellSmall: 'p',\n};\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  (\n    {\n      variant = 'body1',\n      theme = 'inherit',\n      align = 'inherit',\n      transform = 'none',\n      weight,\n      gutter = false,\n      el,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? (variant ? variantsMapping[variant] : 'p')) as 'p';\n\n    return (\n      <Component\n        data-slot={'typography'}\n        ref={ref as React.Ref<HTMLParagraphElement>}\n        className={cn(\n          typographyVariants({\n            variant,\n            theme,\n            align,\n            transform,\n            weight,\n            gutter,\n          }),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography };\n"],"names":["_jsx"],"mappings":";;;;;AAqDA,MAAM,eAAe,GAAiD;AACpE,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,gBAAgB,EAAE,GAAG;AACrB,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,cAAc,EAAE,GAAG;CACpB;AAED,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,MAAM,EAClB,MAAM,EACN,MAAM,GAAG,KAAK,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,SAAS,IAAI,EAAE,KAAK,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAQ;AAE3E,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,WAAA,EACG,YAAY,EACvB,GAAG,EAAE,GAAsC,EAC3C,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC;YACjB,OAAO;YACP,KAAK;YACL,KAAK;YACL,SAAS;YACT,MAAM;YACN,MAAM;SACP,CAAC,EACF,SAAS,CACV,EAAA,GACG,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;"}
+{"version":3,"file":"typography.js","sources":["../../../src/typography/Typography/typography.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\nimport { typographyVariants } from './typography-variants';\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'body1'\n  | 'body2'\n  | 'overline'\n  | 'caption'\n  | 'code'\n  | 'codeBlock'\n  | 'tooltip'\n  | 'menuPrimary'\n  | 'menuPrimaryDense'\n  | 'logo'\n  | 'tableHeader'\n  | 'tableCell'\n  | 'tableCellSmall';\n\nexport type TypographyTheme =\n  | 'inherit'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'destructive'\n  | 'slate';\n\nexport type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';\nexport type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';\nexport type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';\n\n/**\n * A step off the variant's OWN size, not an absolute.\n *\n * `md` is the variant unchanged; the rest multiply it. That is what lets one\n * value mean the same thing on an `h1` and a `caption` — \"a bit smaller than\n * this normally is\" — without the caller knowing either number.\n */\nexport type TypographySize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nconst SIZE_STEPS = ['2xs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\ntype TypographyElement = keyof HTMLElementTagNameMap;\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLElement> {\n  variant?: TypographyVariant;\n  theme?: TypographyTheme;\n  align?: TypographyAlign;\n  transform?: TypographyTransform;\n  weight?: TypographyWeight;\n  gutter?: boolean;\n  el?: TypographyElement;\n  /** Monospace. Overrides the variant's face, `code` and `code-block` included. */\n  mono?: boolean;\n  /** Serif. Overrides the variant's face; the headings are all sans now. */\n  serif?: boolean;\n  /**\n   * Size relative to the variant's default — a named step, or a raw multiplier\n   * for the case the scale does not cover (`size={1.4}` is 1.4x the variant).\n   *\n   * A number rides in as `--typography-scale` rather than a class, the same\n   * way `Container` takes a length its `measure` scale has no token for.\n   */\n  size?: TypographySize | number;\n}\n\nconst variantsMapping: Record<TypographyVariant, TypographyElement> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n  overline: 'p',\n  caption: 'p',\n  code: 'code',\n  codeBlock: 'pre',\n  tooltip: 'p',\n  menuPrimary: 'p',\n  menuPrimaryDense: 'p',\n  logo: 'p',\n  tableHeader: 'p',\n  tableCell: 'p',\n  tableCellSmall: 'p',\n};\n\nconst Typography = React.forwardRef<HTMLElement, TypographyProps>(\n  (\n    {\n      variant = 'body1',\n      theme = 'inherit',\n      align = 'inherit',\n      transform = 'none',\n      weight,\n      gutter = false,\n      el,\n      mono = false,\n      serif = false,\n      size,\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const Component = (el ?? (variant ? variantsMapping[variant] : 'p')) as 'p';\n\n    // A named step is a class; anything else is a multiplier set inline.\n    const namedSize = typeof size === 'string' && (SIZE_STEPS as readonly string[]).includes(size);\n    const scale = typeof size === 'number' ? size : undefined;\n\n    return (\n      <Component\n        data-slot={'typography'}\n        ref={ref as React.Ref<HTMLParagraphElement>}\n        className={cn(\n          typographyVariants({\n            variant,\n            theme,\n            align,\n            transform,\n            weight,\n            gutter,\n            mono,\n            serif,\n            size: namedSize ? (size as TypographySize) : undefined,\n          }),\n          className,\n        )}\n        style={\n          scale !== undefined\n            ? ({ ...style, '--typography-scale': scale } as React.CSSProperties)\n            : style\n        }\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { Typography };\n"],"names":["_jsx"],"mappings":";;;;;AAmDA,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU;AAyBxE,MAAM,eAAe,GAAiD;AACpE,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,QAAQ,EAAE,GAAG;AACb,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,gBAAgB,EAAE,GAAG;AACrB,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,cAAc,EAAE,GAAG;CACpB;AAED,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CACE,EACE,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,MAAM,EAClB,MAAM,EACN,MAAM,GAAG,KAAK,EACd,EAAE,EACF,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,KACD;IACF,MAAM,SAAS,IAAI,EAAE,KAAK,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAQ;;AAG3E,IAAA,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAK,UAAgC,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC9F,IAAA,MAAM,KAAK,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,SAAS;AAEzD,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,WAAA,EACG,YAAY,EACvB,GAAG,EAAE,GAAsC,EAC3C,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC;YACjB,OAAO;YACP,KAAK;YACL,KAAK;YACL,SAAS;YACT,MAAM;YACN,MAAM;YACN,IAAI;YACJ,KAAK;YACL,IAAI,EAAE,SAAS,GAAI,IAAuB,GAAG,SAAS;SACvD,CAAC,EACF,SAAS,CACV,EACD,KAAK,EACH,KAAK,KAAK;cACL,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,KAAK;cACxC,KAAK,EAAA,GAEP,KAAK,YAER,QAAQ,EAAA,CACC;AAEhB,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;"}

package/dist/typography/Typography/typography.module.scss.js

@@ -1,6 +1,6 @@
 import './typography.css';
 
-var s = {"typography":"typography-module_typography__FAx__","h1":"typography-module_h1__Chrx6","h2":"typography-module_h2__6Qpwf","h3":"typography-module_h3__1eGbP","h4":"typography-module_h4__TEi6l","h5":"typography-module_h5__pY2ZF","h6":"typography-module_h6__jzeAZ","subtitle1":"typography-module_subtitle1__kbXoE","subtitle2":"typography-module_subtitle2__TesJV","body1":"typography-module_body1__XiHhz","body2":"typography-module_body2__321Bc","overline":"typography-module_overline__NaSU-","caption":"typography-module_caption__BAaLD","code":"typography-module_code__MiYWd","code-block":"typography-module_code-block__cdgeP","tooltip":"typography-module_tooltip__ZScRV","menu-primary":"typography-module_menu-primary__-E8w3","menu-primary-dense":"typography-module_menu-primary-dense__j2iGe","table-header":"typography-module_table-header__ZSldR","table-cell":"typography-module_table-cell__pPhMZ","table-cell-small":"typography-module_table-cell-small__G0MyC","logo":"typography-module_logo__WhPFQ","muted":"typography-module_muted__86fkT","primary":"typography-module_primary__w29Q5","secondary":"typography-module_secondary__oA3At","info":"typography-module_info__T5m2h","success":"typography-module_success__D-CK-","warning":"typography-module_warning__Y5Ojo","destructive":"typography-module_destructive__xlJhD","slate":"typography-module_slate__01slW","left":"typography-module_left__OBAX9","right":"typography-module_right__dD0P5","center":"typography-module_center__PHVkR","justify":"typography-module_justify__1GmY-","lowercase":"typography-module_lowercase__82nXx","uppercase":"typography-module_uppercase__k37Ha","capitalize":"typography-module_capitalize__S7n8h","weight-thin":"typography-module_weight-thin__0gd0M","weight-light":"typography-module_weight-light__6axpc","weight-regular":"typography-module_weight-regular__TwXkI","weight-medium":"typography-module_weight-medium__SQQSN","weight-semibold":"typography-module_weight-semibold__LLyOT","weight-bold":"typography-module_weight-bold__nEMc-","gutter":"typography-module_gutter__e_q9F"};
+var s = {"typography":"typography-module_typography__FAx__","h1":"typography-module_h1__Chrx6","h2":"typography-module_h2__6Qpwf","h3":"typography-module_h3__1eGbP","h4":"typography-module_h4__TEi6l","h5":"typography-module_h5__pY2ZF","h6":"typography-module_h6__jzeAZ","subtitle1":"typography-module_subtitle1__kbXoE","subtitle2":"typography-module_subtitle2__TesJV","body1":"typography-module_body1__XiHhz","body2":"typography-module_body2__321Bc","overline":"typography-module_overline__NaSU-","caption":"typography-module_caption__BAaLD","code":"typography-module_code__MiYWd","code-block":"typography-module_code-block__cdgeP","tooltip":"typography-module_tooltip__ZScRV","menu-primary":"typography-module_menu-primary__-E8w3","menu-primary-dense":"typography-module_menu-primary-dense__j2iGe","table-header":"typography-module_table-header__ZSldR","table-cell":"typography-module_table-cell__pPhMZ","table-cell-small":"typography-module_table-cell-small__G0MyC","logo":"typography-module_logo__WhPFQ","muted":"typography-module_muted__86fkT","primary":"typography-module_primary__w29Q5","secondary":"typography-module_secondary__oA3At","info":"typography-module_info__T5m2h","success":"typography-module_success__D-CK-","warning":"typography-module_warning__Y5Ojo","destructive":"typography-module_destructive__xlJhD","slate":"typography-module_slate__01slW","left":"typography-module_left__OBAX9","right":"typography-module_right__dD0P5","center":"typography-module_center__PHVkR","justify":"typography-module_justify__1GmY-","lowercase":"typography-module_lowercase__82nXx","uppercase":"typography-module_uppercase__k37Ha","capitalize":"typography-module_capitalize__S7n8h","weight-thin":"typography-module_weight-thin__0gd0M","weight-light":"typography-module_weight-light__6axpc","weight-regular":"typography-module_weight-regular__TwXkI","weight-medium":"typography-module_weight-medium__SQQSN","weight-semibold":"typography-module_weight-semibold__LLyOT","weight-bold":"typography-module_weight-bold__nEMc-","gutter":"typography-module_gutter__e_q9F","font-mono":"typography-module_font-mono__0eSZl","font-serif":"typography-module_font-serif__YwH_v","size-2xs":"typography-module_size-2xs__F-cVc","size-xs":"typography-module_size-xs__1PEmn","size-sm":"typography-module_size-sm__lX5D8","size-lg":"typography-module_size-lg__AHM4Z","size-xl":"typography-module_size-xl__nDRl0","size-2xl":"typography-module_size-2xl__VnJwl"};
 
 export { s as default };
 //# sourceMappingURL=typography.module.scss.js.map

package/dist/typography-CTGVc_Gg.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'overline' | 'caption' | 'code' | 'codeBlock' | 'tooltip' | 'menuPrimary' | 'menuPrimaryDense' | 'logo' | 'tableHeader' | 'tableCell' | 'tableCellSmall';
+type TypographyTheme = 'inherit' | 'muted' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'destructive' | 'slate';
+type TypographyAlign = 'inherit' | 'left' | 'right' | 'center' | 'justify';
+type TypographyTransform = 'none' | 'lowercase' | 'uppercase' | 'capitalize';
+type TypographyWeight = 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold';
+/**
+ * A step off the variant's OWN size, not an absolute.
+ *
+ * `md` is the variant unchanged; the rest multiply it. That is what lets one
+ * value mean the same thing on an `h1` and a `caption` — "a bit smaller than
+ * this normally is" — without the caller knowing either number.
+ */
+type TypographySize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+type TypographyElement = keyof HTMLElementTagNameMap;
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: TypographyVariant;
+    theme?: TypographyTheme;
+    align?: TypographyAlign;
+    transform?: TypographyTransform;
+    weight?: TypographyWeight;
+    gutter?: boolean;
+    el?: TypographyElement;
+    /** Monospace. Overrides the variant's face, `code` and `code-block` included. */
+    mono?: boolean;
+    /** Serif. Overrides the variant's face; the headings are all sans now. */
+    serif?: boolean;
+    /**
+     * Size relative to the variant's default — a named step, or a raw multiplier
+     * for the case the scale does not cover (`size={1.4}` is 1.4x the variant).
+     *
+     * A number rides in as `--typography-scale` rather than a class, the same
+     * way `Container` takes a length its `measure` scale has no token for.
+     */
+    size?: TypographySize | number;
+}
+declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
+
+export { Typography as T };
+export type { TypographyAlign as a, TypographyProps as b, TypographySize as c, TypographyTheme as d, TypographyTransform as e, TypographyVariant as f, TypographyWeight as g };

package/dist/typography.d.ts

@@ -1,7 +1,7 @@
 import { RowProps } from './index.js';
 import * as React from 'react';
-import { b as TypographyProps } from './typography-DOZHFR5A.js';
-export { T as Typography, a as TypographyAlign, c as TypographyTheme, d as TypographyTransform, e as TypographyVariant, f as TypographyWeight } from './typography-DOZHFR5A.js';
+import { b as TypographyProps } from './typography-CTGVc_Gg.js';
+export { T as Typography, a as TypographyAlign, c as TypographySize, d as TypographyTheme, e as TypographyTransform, f as TypographyVariant, g as TypographyWeight } from './typography-CTGVc_Gg.js';
 
 type HeadingVariant = 'default' | 'secondary' | 'eyebrow';
 declare function Heading({ title, description, action, align, icon, className, variant, truncate, }: {

package/dist/ui/Alert/alert-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-provider.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwD/B,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA6CjE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"alert-provider.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert-provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6D/B,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA6CjE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/ui/Alert/alert-provider.js

@@ -15,7 +15,7 @@ const getId = () => {
 function AlertViewport({ alerts, onRemove, }) {
     if (typeof document === 'undefined')
         return null;
-    return createPortal(jsx("div", { className: s['alert-stack'], role: 'log', "aria-live": 'polite', children: alerts.map(alert => (jsx("div", { className: s['alert-toast'], "data-visible": 'true', "data-alert-id": alert.id, children: jsxs(Alert, { theme: alert.theme, icon: alert.icon, action: alert.action, onClose: alert.persistent || alert.closable || alert.action
+    return createPortal(jsx("div", { "data-constellation-portal": '', className: s['alert-stack'], role: 'log', "aria-live": 'polite', children: alerts.map(alert => (jsx("div", { className: s['alert-toast'], "data-visible": 'true', "data-alert-id": alert.id, children: jsxs(Alert, { theme: alert.theme, icon: alert.icon, action: alert.action, onClose: alert.persistent || alert.closable || alert.action
                     ? () => onRemove(alert.id)
                     : undefined, children: [jsx(AlertTitle, { children: alert.title }), alert.description ? jsx(AlertDescription, { children: alert.description }) : null] }) }, alert.id))) }), document.body);
 }

package/dist/ui/Alert/alert-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-provider.js","sources":["../../../src/ui/Alert/alert-provider.tsx"],"sourcesContent":["import { type AlertMessage, type PushAlertInput } from '@constellation/types';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Alert, AlertDescription, AlertTitle } from './alert';\nimport { AlertContext } from './alert-context';\nimport { consumePersistedAlert } from './alert-persist';\nimport s from './alert.module.scss';\n\nconst getId = () => {\n  if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {\n    return crypto.randomUUID();\n  }\n  return Math.random().toString(36).slice(2);\n};\n\ntype InternalAlert = AlertMessage & {\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n};\n\nfunction AlertViewport({\n  alerts,\n  onRemove,\n}: {\n  alerts: InternalAlert[];\n  onRemove: (id: string) => void;\n}) {\n  if (typeof document === 'undefined') return null;\n  return createPortal(\n    <div className={s['alert-stack']} role={'log'} aria-live={'polite'}>\n      {alerts.map(alert => (\n        <div\n          key={alert.id}\n          className={s['alert-toast']}\n          data-visible={'true'}\n          data-alert-id={alert.id}\n        >\n          <Alert\n            theme={alert.theme}\n            icon={alert.icon}\n            action={alert.action}\n            onClose={\n              alert.persistent || alert.closable || alert.action\n                ? () => onRemove(alert.id)\n                : undefined\n            }\n          >\n            <AlertTitle>{alert.title}</AlertTitle>\n            {alert.description ? <AlertDescription>{alert.description}</AlertDescription> : null}\n          </Alert>\n        </div>\n      ))}\n    </div>,\n    document.body,\n  );\n}\n\nfunction AlertProvider({ children }: { children: React.ReactNode }) {\n  const [alerts, setAlerts] = React.useState<InternalAlert[]>([]);\n\n  const removeAlert = React.useCallback((id: string) => {\n    const toastEl = document.querySelector<HTMLDivElement>(`[data-alert-id=\"${id}\"]`);\n    if (toastEl) {\n      toastEl.dataset.visible = 'false';\n      window.setTimeout(() => {\n        setAlerts(current => current.filter(alert => alert.id !== id));\n      }, 300);\n      return;\n    }\n    setAlerts(current => current.filter(alert => alert.id !== id));\n  }, []);\n\n  const pushAlert = React.useCallback(\n    (input: PushAlertInput) => {\n      const id = getId();\n      const timeout = input.timeout ?? 5000;\n      const { icon, action, ...message } = input;\n      const entry: InternalAlert = { id, ...message, icon, action };\n      setAlerts(current => [...current, entry]);\n      if (!input.persistent && !input.action && timeout > 0) {\n        window.setTimeout(() => removeAlert(id), timeout);\n      }\n    },\n    [removeAlert],\n  );\n\n  const value = React.useMemo(() => ({ pushAlert, removeAlert }), [pushAlert, removeAlert]);\n\n  // Pick up any alert that was persisted before a hard reload (e.g. after impersonation).\n  React.useEffect(() => {\n    const persisted = consumePersistedAlert();\n    if (persisted) {\n      pushAlert(persisted);\n    }\n  }, [pushAlert]);\n\n  return (\n    <AlertContext.Provider value={value}>\n      {children}\n      <AlertViewport alerts={alerts} onRemove={removeAlert} />\n    </AlertContext.Provider>\n  );\n}\n\nexport { AlertProvider };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAQA,MAAM,KAAK,GAAG,MAAK;IACjB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM,EAAE;AAC3D,QAAA,OAAO,MAAM,CAAC,UAAU,EAAE;IAC5B;AACA,IAAA,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5C,CAAC;AAOD,SAAS,aAAa,CAAC,EACrB,MAAM,EACN,QAAQ,GAIT,EAAA;IACC,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;AAChD,IAAA,OAAO,YAAY,CACjBA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAA,WAAA,EAAa,QAAQ,EAAA,QAAA,EAC/D,MAAM,CAAC,GAAG,CAAC,KAAK,KACfA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,EAAA,cAAA,EACb,MAAM,EAAA,eAAA,EACL,KAAK,CAAC,EAAE,EAAA,QAAA,EAEvBC,IAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EACL,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;sBACxC,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzB,sBAAE,SAAS,EAAA,QAAA,EAAA,CAGfD,IAAC,UAAU,EAAA,EAAA,QAAA,EAAE,KAAK,CAAC,KAAK,GAAc,EACrC,KAAK,CAAC,WAAW,GAAGA,GAAA,CAAC,gBAAgB,EAAA,EAAA,QAAA,EAAE,KAAK,CAAC,WAAW,GAAoB,GAAG,IAAI,CAAA,EAAA,CAC9E,IAjBH,KAAK,CAAC,EAAE,CAkBT,CACP,CAAC,EAAA,CACE,EACN,QAAQ,CAAC,IAAI,CACd;AACH;AAEA,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAiC,EAAA;AAChE,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAkB,EAAE,CAAC;IAE/D,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAU,KAAI;QACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAiB,CAAA,gBAAA,EAAmB,EAAE,CAAA,EAAA,CAAI,CAAC;QACjF,IAAI,OAAO,EAAE;AACX,YAAA,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO;AACjC,YAAA,MAAM,CAAC,UAAU,CAAC,MAAK;gBACrB,SAAS,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAChE,CAAC,EAAE,GAAG,CAAC;YACP;QACF;QACA,SAAS,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAChE,CAAC,EAAE,EAAE,CAAC;IAEN,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAqB,KAAI;AACxB,QAAA,MAAM,EAAE,GAAG,KAAK,EAAE;AAClB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,IAAI;QACrC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK;AAC1C,QAAA,MAAM,KAAK,GAAkB,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE;AAC7D,QAAA,SAAS,CAAC,OAAO,IAAI,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,OAAO,GAAG,CAAC,EAAE;AACrD,YAAA,MAAM,CAAC,UAAU,CAAC,MAAM,WAAW,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;QACnD;AACF,IAAA,CAAC,EACD,CAAC,WAAW,CAAC,CACd;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;;AAGzF,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,MAAM,SAAS,GAAG,qBAAqB,EAAE;QACzC,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,SAAS,CAAC;QACtB;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,QACEC,IAAA,CAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAChC,QAAQ,EACTD,IAAC,aAAa,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CAClC;AAE5B;;"}
+{"version":3,"file":"alert-provider.js","sources":["../../../src/ui/Alert/alert-provider.tsx"],"sourcesContent":["import { type AlertMessage, type PushAlertInput } from '@constellation/types';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { Alert, AlertDescription, AlertTitle } from './alert';\nimport { AlertContext } from './alert-context';\nimport { consumePersistedAlert } from './alert-persist';\nimport s from './alert.module.scss';\n\nconst getId = () => {\n  if (typeof crypto !== 'undefined' && 'randomUUID' in crypto) {\n    return crypto.randomUUID();\n  }\n  return Math.random().toString(36).slice(2);\n};\n\ntype InternalAlert = AlertMessage & {\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n};\n\nfunction AlertViewport({\n  alerts,\n  onRemove,\n}: {\n  alerts: InternalAlert[];\n  onRemove: (id: string) => void;\n}) {\n  if (typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      data-constellation-portal={''}\n      className={s['alert-stack']}\n      role={'log'}\n      aria-live={'polite'}\n    >\n      {alerts.map(alert => (\n        <div\n          key={alert.id}\n          className={s['alert-toast']}\n          data-visible={'true'}\n          data-alert-id={alert.id}\n        >\n          <Alert\n            theme={alert.theme}\n            icon={alert.icon}\n            action={alert.action}\n            onClose={\n              alert.persistent || alert.closable || alert.action\n                ? () => onRemove(alert.id)\n                : undefined\n            }\n          >\n            <AlertTitle>{alert.title}</AlertTitle>\n            {alert.description ? <AlertDescription>{alert.description}</AlertDescription> : null}\n          </Alert>\n        </div>\n      ))}\n    </div>,\n    document.body,\n  );\n}\n\nfunction AlertProvider({ children }: { children: React.ReactNode }) {\n  const [alerts, setAlerts] = React.useState<InternalAlert[]>([]);\n\n  const removeAlert = React.useCallback((id: string) => {\n    const toastEl = document.querySelector<HTMLDivElement>(`[data-alert-id=\"${id}\"]`);\n    if (toastEl) {\n      toastEl.dataset.visible = 'false';\n      window.setTimeout(() => {\n        setAlerts(current => current.filter(alert => alert.id !== id));\n      }, 300);\n      return;\n    }\n    setAlerts(current => current.filter(alert => alert.id !== id));\n  }, []);\n\n  const pushAlert = React.useCallback(\n    (input: PushAlertInput) => {\n      const id = getId();\n      const timeout = input.timeout ?? 5000;\n      const { icon, action, ...message } = input;\n      const entry: InternalAlert = { id, ...message, icon, action };\n      setAlerts(current => [...current, entry]);\n      if (!input.persistent && !input.action && timeout > 0) {\n        window.setTimeout(() => removeAlert(id), timeout);\n      }\n    },\n    [removeAlert],\n  );\n\n  const value = React.useMemo(() => ({ pushAlert, removeAlert }), [pushAlert, removeAlert]);\n\n  // Pick up any alert that was persisted before a hard reload (e.g. after impersonation).\n  React.useEffect(() => {\n    const persisted = consumePersistedAlert();\n    if (persisted) {\n      pushAlert(persisted);\n    }\n  }, [pushAlert]);\n\n  return (\n    <AlertContext.Provider value={value}>\n      {children}\n      <AlertViewport alerts={alerts} onRemove={removeAlert} />\n    </AlertContext.Provider>\n  );\n}\n\nexport { AlertProvider };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/ui/Button/button-variants.d.ts

@@ -3,6 +3,7 @@ export declare const buttonVariants: (props?: ({
     theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     iconOnly?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
     rounded?: boolean | "extra" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=button-variants.d.ts.map

package/dist/ui/Button/button-variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/button-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;8EAsCzB,CAAC"}
+{"version":3,"file":"button-variants.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/button-variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;;;;;8EAyCzB,CAAC"}

package/dist/ui/Button/button-variants.js

@@ -27,6 +27,9 @@ const buttonVariants = cva(s.button, {
         iconOnly: {
             true: s['button--icon-only'],
         },
+        fullWidth: {
+            true: s['button--full-width'],
+        },
         rounded: {
             true: s['button--rounded'],
             false: undefined,

package/dist/ui/Button/button-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-variants.js","sources":["../../../src/ui/Button/button-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './button.module.scss';\n\nexport const buttonVariants = cva(s.button, {\n  variants: {\n    variant: {\n      contained: s['button--contained'],\n      outlined: s['button--outlined'],\n      ghost: s['button--ghost'],\n    },\n    theme: {\n      primary: s['button--primary'],\n      secondary: s['button--secondary'],\n      destructive: s['button--destructive'],\n      warning: s['button--warning'],\n      success: s['button--success'],\n      info: s['button--info'],\n      slate: s['button--slate'],\n      inherit: s['button--inherit'],\n    },\n    size: {\n      xs: s['button--xs'],\n      sm: s['button--sm'],\n      md: s['button--md'],\n      lg: s['button--lg'],\n    },\n    iconOnly: {\n      true: s['button--icon-only'],\n    },\n    rounded: {\n      true: s['button--rounded'],\n      false: undefined,\n      extra: s['button--extra-rounded'],\n    },\n  },\n  defaultVariants: {\n    variant: 'contained',\n    theme: 'primary',\n    size: 'md',\n    rounded: 'extra',\n  },\n});\n"],"names":[],"mappings":";;;MAGa,cAAc,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACjC,YAAA,QAAQ,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAC/B,YAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AAC1B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACjC,YAAA,WAAW,EAAE,CAAC,CAAC,qBAAqB,CAAC;AACrC,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,IAAI,EAAE,CAAC,CAAC,cAAc,CAAC;AACvB,YAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AACzB,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC9B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC1B,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;"}
+{"version":3,"file":"button-variants.js","sources":["../../../src/ui/Button/button-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport s from './button.module.scss';\n\nexport const buttonVariants = cva(s.button, {\n  variants: {\n    variant: {\n      contained: s['button--contained'],\n      outlined: s['button--outlined'],\n      ghost: s['button--ghost'],\n    },\n    theme: {\n      primary: s['button--primary'],\n      secondary: s['button--secondary'],\n      destructive: s['button--destructive'],\n      warning: s['button--warning'],\n      success: s['button--success'],\n      info: s['button--info'],\n      slate: s['button--slate'],\n      inherit: s['button--inherit'],\n    },\n    size: {\n      xs: s['button--xs'],\n      sm: s['button--sm'],\n      md: s['button--md'],\n      lg: s['button--lg'],\n    },\n    iconOnly: {\n      true: s['button--icon-only'],\n    },\n    fullWidth: {\n      true: s['button--full-width'],\n    },\n    rounded: {\n      true: s['button--rounded'],\n      false: undefined,\n      extra: s['button--extra-rounded'],\n    },\n  },\n  defaultVariants: {\n    variant: 'contained',\n    theme: 'primary',\n    size: 'md',\n    rounded: 'extra',\n  },\n});\n"],"names":[],"mappings":";;;MAGa,cAAc,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE;AAC1C,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACjC,YAAA,QAAQ,EAAE,CAAC,CAAC,kBAAkB,CAAC;AAC/B,YAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AAC1B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC;AACjC,YAAA,WAAW,EAAE,CAAC,CAAC,qBAAqB,CAAC;AACrC,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC7B,YAAA,IAAI,EAAE,CAAC,CAAC,cAAc,CAAC;AACvB,YAAA,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;AACzB,YAAA,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC9B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACnB,YAAA,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,CAAC,CAAC,mBAAmB,CAAC;AAC7B,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,CAAC,CAAC,oBAAoB,CAAC;AAC9B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,CAAC,CAAC,iBAAiB,CAAC;AAC1B,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC;AAClC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;"}