@portnet/ui 5.0.28 → 6.0.0

package/dist/v2/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["_hues","green","soft","fg","amber","red","blue","indigo","slate","brand","exports","accent","accentHover","accentSoft","accentFg","brandSecondary","secondary","secondaryFg","ink","fgMuted","fgSubtle","fgInverse","surface","bg","bgElev","bgSubtle","bgHover","border","borderStrong","semantic","success","successSoft","successFg","warning","warningSoft","warningFg","danger","dangerSoft","dangerFg","info","infoSoft","infoFg","status","sent","pending","approved","rejected","neutral","focus","ring","ringDanger","ringSuccess","dark","colors","_default"],"sources":["../../../src/lib/v2/tokens/colors.ts"],"sourcesContent":["/**\r\n * Color tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.1.\r\n *\r\n * Single source of truth for every colour value used in the library.\r\n * Charter R-2.3 / R-AI.1 — magic colours are forbidden outside this file.\r\n *\r\n * Hue swatches are defined ONCE in `_hues` and reused by both the\r\n * semantic palette (success / warning / danger / info) and the workflow\r\n * status palette (status.*). This eliminates the previous duplication\r\n * where the same hex was hard-coded in two distinct places.\r\n */\r\n\r\n/* ---------- Internal hue swatches ----------------------------------\r\n * Each hue ships {soft, fg}. `soft` is the tinted background, `fg` is\r\n * the darker text-grade colour, AA-verified on both white AND its soft.\r\n */\r\nconst _hues = {\r\n  green:  { soft: \"#E7F7EF\", fg: \"#0A6E44\" }, // ~6.3:1 / ~5.7:1\r\n  amber:  { soft: \"#FDF4E0\", fg: \"#7A5200\" }, // ~7.0:1 / ~6.4:1\r\n  red:    { soft: \"#FBEBED\", fg: \"#9B1F2B\" }, // ~7.95:1 / ~5.6:1\r\n  blue:   { soft: \"#E0F2FE\", fg: \"#075985\" }, // ~7.6:1 / ~6.6:1\r\n  indigo: { soft: \"#EEF3FF\", fg: \"#1A3EA8\" }, // ~7.8:1 / ~6.4:1\r\n  slate:  { soft: \"#F1F2F5\", fg: \"#3A3F4A\" }, // ~9.5:1 / ~8.6:1\r\n};\r\n\r\n/* ---------- Brand --------------------------------------------------- */\r\nexport const brand = {\r\n  accent:      \"#232F66\", // Portnet navy — AAA · ~12.6:1 on white\r\n  accentHover: \"#1A2452\", // pressed / hover (darker)\r\n  accentSoft:  \"#E9ECF4\", // pale tint for soft backgrounds\r\n  accentFg:    \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Brand secondary -----------------------------------------\r\n * PORTNET teal — used for secondary CTAs / accent layers.\r\n *\r\n * Promoted from gu-modules/addpe/addpe-fe (was a module-local\r\n * constant `PORTNET_TEAL = \"#4fb8cf\"` in src/common/utils/appearance.js\r\n * that overlaid createTheme to inject palette.secondary). Lifted here\r\n * as the canonical PORTNET brand secondary so every host inherits it\r\n * via createPortnetTheme without re-overlaying.\r\n *\r\n * Audit note (R-T.2 follow-up): secondaryFg = #FFFFFF on #4FB8CF\r\n * is ~1.96:1, which FAILS WCAG AA for body text. Acceptable for\r\n * chip/badge surfaces and non-text accent fills, but a darker fg\r\n * (e.g. ink.fg) MUST be chosen before this token is used for text-\r\n * bearing buttons or alerts.\r\n */\r\nexport const brandSecondary = {\r\n  secondary:    \"#4FB8CF\",\r\n  secondaryFg:  \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Ink (text) ---------------------------------------------\r\n *\r\n * Contrast tiers (all ratios computed against the lib's light surfaces\r\n * via WCAG relative-luminance — see colors.js commit log for the math):\r\n *\r\n *   fg        AAA · 17.40:1   primary body text + headings\r\n *   fgMuted   AAA ·  8.43:1   labels, subtitles, chip text, table\r\n *                             headers, pagination — every \"essential\r\n *                             muted text\" surface. Elevated to AAA\r\n *                             so the bump propagates fleet-wide to\r\n *                             every consumer of @portnet/ui.\r\n *   fgSubtle  AA  ·  4.81:1   placeholders, helper text, captions,\r\n *                             breadcrumb trail. AA-only by design —\r\n *                             \"incidental text\" per WCAG 1.4.6\r\n *                             footnote 4, intentionally lighter to\r\n *                             preserve the muted/subtle hierarchy.\r\n *   fgInverse white on dark surfaces (always paired with dark bgs).\r\n */\r\nexport const ink = {\r\n  fg:        \"#0F1525\", // AAA · 17.40:1 on white\r\n  fgMuted:   \"#474C5A\", // AAA ·  8.43:1 on white, 7.94:1 on bg, 7.52:1 on bg-subtle\r\n  fgSubtle:  \"#6B7280\", // AA  ·  4.81:1 on white — incidental text only (WCAG 1.4.6)\r\n  fgInverse: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Surfaces ------------------------------------------------ */\r\nexport const surface = {\r\n  bg:       \"#F7F8FA\",\r\n  bgElev:   \"#FFFFFF\",\r\n  bgSubtle: \"#F1F2F5\",\r\n  bgHover:  \"#EAECF0\",\r\n  surface:  \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Borders ------------------------------------------------- */\r\nexport const border = {\r\n  border:       \"#E4E6EB\",\r\n  borderStrong: \"#9099AA\", // WCAG 1.4.11 · ≥ 3:1 against white\r\n};\r\n\r\n/* ---------- Semantic ------------------------------------------------\r\n * `<name>`     saturated, used for fills / icons / borders (≥ 3:1).\r\n * `<name>Soft` tinted background.\r\n * `<name>Fg`   darker text-grade (≥ 4.5:1 on white AND `<name>Soft`).\r\n */\r\nexport const semantic = {\r\n  success:     \"#10A968\",\r\n  successSoft: _hues.green.soft,\r\n  successFg:   _hues.green.fg,\r\n  warning:     \"#C78400\",\r\n  warningSoft: _hues.amber.soft,\r\n  warningFg:   _hues.amber.fg,\r\n  danger:      \"#D93644\",\r\n  dangerSoft:  _hues.red.soft,\r\n  dangerFg:    _hues.red.fg,\r\n  info:        \"#1A7FB8\",\r\n  infoSoft:    _hues.blue.soft,\r\n  infoFg:      _hues.blue.fg,\r\n};\r\n\r\n/* ---------- Workflow status ----------------------------------------\r\n * Six and only six. Any new business status MUST map onto one of these\r\n * (R-2.2). New chips with custom colours require a charter amendment.\r\n * Charter §02.1 + V2_ARCHITECTURE.md §5.\r\n */\r\nexport const status = {\r\n  new:      _hues.indigo,\r\n  sent:     _hues.blue,\r\n  pending:  _hues.amber,\r\n  approved: _hues.green,\r\n  rejected: _hues.red,\r\n  neutral:  _hues.slate,\r\n};\r\n\r\n/* ---------- Focus ring (static fallback) ---------------------------\r\n * `shadows.focus` references --accent via CSS var. Use these as\r\n * static-context fallbacks when CSS custom properties aren't\r\n * resolvable (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const focus = {\r\n  ring:        \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n  ringDanger:  \"0 0 0 3px rgba(217, 54, 68, 0.22)\",\r\n  ringSuccess: \"0 0 0 3px rgba(16, 169, 104, 0.22)\",\r\n};\r\n\r\n/* ---------- Dark mode ----------------------------------------------\r\n * Applied when `[data-theme=\"dark\"]` on `<html>`. OLED-optimised\r\n * backgrounds (RGESN R-9.5).\r\n */\r\nexport const dark = {\r\n  bg:           \"#0A0A0F\",\r\n  bgElev:       \"#111218\",\r\n  bgSubtle:     \"#181C26\",\r\n  bgHover:      \"#1E2230\",\r\n  surface:      \"#111218\",\r\n  border:       \"#262B36\",\r\n  borderStrong: \"#484F60\",\r\n  fg:           \"#E8EAEE\",\r\n  fgMuted:      \"#9BA1AD\",\r\n  fgSubtle:     \"#9CA3AF\",\r\n  fgInverse:    \"#0A0A0F\",\r\n  accentSoft:   \"#1A2340\",\r\n  status: {\r\n    new:      { fg: \"#7EA2FF\" },\r\n    sent:     { fg: \"#5FB5E0\" },\r\n    pending:  { fg: \"#E5B04A\" },\r\n    approved: { fg: \"#4FD49A\" },\r\n    rejected: { fg: \"#EF5A68\" },\r\n    neutral:  { fg: \"#A0A6B0\" },\r\n  },\r\n};\r\n\r\nconst colors = { brand, brandSecondary, ink, surface, border, semantic, status, focus, dark };\r\nexport default colors;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/v2/tokens/density.d.ts

@@ -0,0 +1,142 @@
+/**
+ * Density & layout tokens — Portnet UI v2
+ * Aligned with Design System v1.0 §02.7 + §07.
+ *
+ * R-DG.11 — Density togglable, preference persisted.
+ * R-7.4   — Tactile targets ≥ 44 × 44 px (WCAG 2.5.5).
+ *
+ * IMPORTANT: in any density tier, the visual button height
+ * (`density.<tier>.btn`) may be below `layout.tactileMin` (44).
+ * Components MUST extend the hit area to 44 via padding or a
+ * pseudo-element (the FieldHelp / Button pattern), so R-7.4 is
+ * satisfied without altering the visual size.
+ * Icon-only buttons MUST set min-width/min-height to `tactileMin`.
+ *
+ * Tier picker (host opt-in via the `data-density` attribute):
+ *   - default                    → comfortable
+ *   - data-density="spacious"    → spacious      (kiosk / TV / a11y-large)
+ *   - data-density="compact"     → compact       (dense workflows)
+ *   - data-density="ultra-compact" → ultraCompact (audit ledgers, dense lists)
+ *
+ *   The kebab-case attribute is the public contract; the camelCase
+ *   key on this object is the JS-side identifier. Don't rename
+ *   either without coordinating cssVariables.js.
+ *
+ * NOTE (Batch 1 — responsive certification): the breakpoint scale used
+ * to be declared here. It now lives in the dedicated ./breakpoints
+ * module (single source shared by the MUI theme, the mq() helpers and
+ * the --bp-* CSS variables) and is re-exported below so that every
+ * `import { breakpoints } from "@portnet/ui/v2/tokens"` and the
+ * densityLayout default shape are unchanged.
+ */
+import breakpoints from "./breakpoints";
+export declare const density: {
+    spacious: {
+        row: number;
+        input: number;
+        btn: number;
+        fontSize: number;
+    };
+    comfortable: {
+        row: number;
+        input: number;
+        btn: number;
+        fontSize: number;
+    };
+    compact: {
+        row: number;
+        input: number;
+        btn: number;
+        fontSize: number;
+    };
+    ultraCompact: {
+        row: number;
+        input: number;
+        btn: number;
+        fontSize: number;
+    };
+};
+export declare const layout: {
+    sidebar: number;
+    sidebarMin: number;
+    topbar: number;
+    contentMax: number;
+    formMax: number;
+    tactileMin: number;
+    /**
+     * Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with
+     * the charter spacing system.
+     */
+    modal: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    /**
+     * Drawer default width (§03 Drawer). Hosts may override per usage,
+     * but should pull from this scale rather than invent new values.
+     */
+    drawer: number;
+};
+export { breakpoints };
+declare const densityLayout: {
+    density: {
+        spacious: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+        comfortable: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+        compact: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+        ultraCompact: {
+            row: number;
+            input: number;
+            btn: number;
+            fontSize: number;
+        };
+    };
+    layout: {
+        sidebar: number;
+        sidebarMin: number;
+        topbar: number;
+        contentMax: number;
+        formMax: number;
+        tactileMin: number;
+        /**
+         * Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with
+         * the charter spacing system.
+         */
+        modal: {
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+        /**
+         * Drawer default width (§03 Drawer). Hosts may override per usage,
+         * but should pull from this scale rather than invent new values.
+         */
+        drawer: number;
+    };
+    breakpoints: Readonly<{
+        xs: 0;
+        sm: 481;
+        md: 768;
+        lg: 1024;
+        xl: 1280;
+    }>;
+};
+export default densityLayout;
+//# sourceMappingURL=density.d.ts.map

package/dist/v2/tokens/density.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/tokens/density.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;IAQjB;;;OAGG;;;;;;;IAQH;;;OAGG;;CAEJ,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAtBjB;;;WAGG;;;;;;;QAQH;;;WAGG;;;;;;;;;;CAQiD,CAAC;AACvD,eAAe,aAAa,CAAC"}

package/dist/v2/tokens/density.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "breakpoints", {
+  enumerable: true,
+  get: function get() {
+    return _breakpoints["default"];
+  }
+});
+exports.layout = exports.density = exports["default"] = void 0;
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * Density & layout tokens — Portnet UI v2
+ * Aligned with Design System v1.0 §02.7 + §07.
+ *
+ * R-DG.11 — Density togglable, preference persisted.
+ * R-7.4   — Tactile targets ≥ 44 × 44 px (WCAG 2.5.5).
+ *
+ * IMPORTANT: in any density tier, the visual button height
+ * (`density.<tier>.btn`) may be below `layout.tactileMin` (44).
+ * Components MUST extend the hit area to 44 via padding or a
+ * pseudo-element (the FieldHelp / Button pattern), so R-7.4 is
+ * satisfied without altering the visual size.
+ * Icon-only buttons MUST set min-width/min-height to `tactileMin`.
+ *
+ * Tier picker (host opt-in via the `data-density` attribute):
+ *   - default                    → comfortable
+ *   - data-density="spacious"    → spacious      (kiosk / TV / a11y-large)
+ *   - data-density="compact"     → compact       (dense workflows)
+ *   - data-density="ultra-compact" → ultraCompact (audit ledgers, dense lists)
+ *
+ *   The kebab-case attribute is the public contract; the camelCase
+ *   key on this object is the JS-side identifier. Don't rename
+ *   either without coordinating cssVariables.js.
+ *
+ * NOTE (Batch 1 — responsive certification): the breakpoint scale used
+ * to be declared here. It now lives in the dedicated ./breakpoints
+ * module (single source shared by the MUI theme, the mq() helpers and
+ * the --bp-* CSS variables) and is re-exported below so that every
+ * `import { breakpoints } from "@portnet/ui/v2/tokens"` and the
+ * densityLayout default shape are unchanged.
+ */
+
+var density = exports.density = {
+  spacious: {
+    row: 56,
+    input: 44,
+    btn: 44,
+    fontSize: 15
+  },
+  comfortable: {
+    row: 44,
+    input: 40,
+    btn: 40,
+    fontSize: 14
+  },
+  compact: {
+    row: 36,
+    input: 32,
+    btn: 32,
+    fontSize: 13
+  },
+  ultraCompact: {
+    row: 28,
+    input: 28,
+    btn: 28,
+    fontSize: 12
+  }
+};
+var layout = exports.layout = {
+  sidebar: 248,
+  sidebarMin: 64,
+  // collapsed icons-only
+  topbar: 56,
+  contentMax: 1440,
+  // wide table layouts
+  formMax: 720,
+  // mono-column form
+  tactileMin: 44,
+  // WCAG 2.5.5 — hard floor for any tactile target
+
+  /**
+   * Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with
+   * the charter spacing system.
+   */
+  modal: {
+    sm: 440,
+    md: 640,
+    lg: 840,
+    xl: 1000
+  },
+  /**
+   * Drawer default width (§03 Drawer). Hosts may override per usage,
+   * but should pull from this scale rather than invent new values.
+   */
+  drawer: 560
+};
+
+/* Re-export the canonical breakpoint scale (now owned by ./breakpoints)
+ * so existing consumers and the densityLayout default keep working. */
+
+var densityLayout = {
+  density: density,
+  layout: layout,
+  breakpoints: _breakpoints["default"]
+};
+var _default = exports["default"] = densityLayout;
+//# sourceMappingURL=density.js.map

package/dist/v2/tokens/density.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"density.js","names":["_breakpoints","_interopRequireDefault","require","obj","__esModule","density","exports","spacious","row","input","btn","fontSize","comfortable","compact","ultraCompact","layout","sidebar","sidebarMin","topbar","contentMax","formMax","tactileMin","modal","sm","md","lg","xl","drawer","densityLayout","breakpoints","_default"],"sources":["../../../src/lib/v2/tokens/density.ts"],"sourcesContent":["/**\r\n * Density & layout tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.7 + §07.\r\n *\r\n * R-DG.11 — Density togglable, preference persisted.\r\n * R-7.4   — Tactile targets ≥ 44 × 44 px (WCAG 2.5.5).\r\n *\r\n * IMPORTANT: in any density tier, the visual button height\r\n * (`density.<tier>.btn`) may be below `layout.tactileMin` (44).\r\n * Components MUST extend the hit area to 44 via padding or a\r\n * pseudo-element (the FieldHelp / Button pattern), so R-7.4 is\r\n * satisfied without altering the visual size.\r\n * Icon-only buttons MUST set min-width/min-height to `tactileMin`.\r\n *\r\n * Tier picker (host opt-in via the `data-density` attribute):\r\n *   - default                    → comfortable\r\n *   - data-density=\"spacious\"    → spacious      (kiosk / TV / a11y-large)\r\n *   - data-density=\"compact\"     → compact       (dense workflows)\r\n *   - data-density=\"ultra-compact\" → ultraCompact (audit ledgers, dense lists)\r\n *\r\n *   The kebab-case attribute is the public contract; the camelCase\r\n *   key on this object is the JS-side identifier. Don't rename\r\n *   either without coordinating cssVariables.js.\r\n *\r\n * NOTE (Batch 1 — responsive certification): the breakpoint scale used\r\n * to be declared here. It now lives in the dedicated ./breakpoints\r\n * module (single source shared by the MUI theme, the mq() helpers and\r\n * the --bp-* CSS variables) and is re-exported below so that every\r\n * `import { breakpoints } from \"@portnet/ui/v2/tokens\"` and the\r\n * densityLayout default shape are unchanged.\r\n */\r\n\r\nimport breakpoints from \"./breakpoints\";\r\n\r\nexport const density = {\r\n  spacious:     { row: 56, input: 44, btn: 44, fontSize: 15 },\r\n  comfortable:  { row: 44, input: 40, btn: 40, fontSize: 14 },\r\n  compact:      { row: 36, input: 32, btn: 32, fontSize: 13 },\r\n  ultraCompact: { row: 28, input: 28, btn: 28, fontSize: 12 },\r\n};\r\n\r\nexport const layout = {\r\n  sidebar:    248,\r\n  sidebarMin:  64,    // collapsed icons-only\r\n  topbar:      56,\r\n  contentMax: 1440,   // wide table layouts\r\n  formMax:     720,   // mono-column form\r\n  tactileMin:  44,    // WCAG 2.5.5 — hard floor for any tactile target\r\n\r\n  /**\r\n   * Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with\r\n   * the charter spacing system.\r\n   */\r\n  modal: {\r\n    sm:  440,\r\n    md:  640,\r\n    lg:  840,\r\n    xl: 1000,\r\n  },\r\n\r\n  /**\r\n   * Drawer default width (§03 Drawer). Hosts may override per usage,\r\n   * but should pull from this scale rather than invent new values.\r\n   */\r\n  drawer: 560,\r\n};\r\n\r\n/* Re-export the canonical breakpoint scale (now owned by ./breakpoints)\r\n * so existing consumers and the densityLayout default keep working. */\r\nexport { breakpoints };\r\n\r\nconst densityLayout = { density, layout, breakpoints };\r\nexport default densityLayout;\r\n"],"mappings":";;;;;;;;;;;;AAgCA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAwC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAhCxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,IAAME,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACrBE,QAAQ,EAAM;IAAEC,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC3DC,WAAW,EAAG;IAAEJ,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC3DE,OAAO,EAAO;IAAEL,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC3DG,YAAY,EAAE;IAAEN,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG;AAC5D,CAAC;AAEM,IAAMI,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EACpBC,OAAO,EAAK,GAAG;EACfC,UAAU,EAAG,EAAE;EAAK;EACpBC,MAAM,EAAO,EAAE;EACfC,UAAU,EAAE,IAAI;EAAI;EACpBC,OAAO,EAAM,GAAG;EAAI;EACpBC,UAAU,EAAG,EAAE;EAAK;;EAEpB;AACF;AACA;AACA;EACEC,KAAK,EAAE;IACLC,EAAE,EAAG,GAAG;IACRC,EAAE,EAAG,GAAG;IACRC,EAAE,EAAG,GAAG;IACRC,EAAE,EAAE;EACN,CAAC;EAED;AACF;AACA;AACA;EACEC,MAAM,EAAE;AACV,CAAC;;AAED;AACA;;AAGA,IAAMC,aAAa,GAAG;EAAEvB,OAAO,EAAPA,OAAO;EAAEU,MAAM,EAANA,MAAM;EAAEc,WAAW,EAAXA;AAAY,CAAC;AAAC,IAAAC,QAAA,GAAAxB,OAAA,cACxCsB,aAAa","ignoreList":[]}