@ponchia/ui 0.5.0 → 0.6.0

package/classes/index.d.ts

@@ -34,6 +34,11 @@ export declare const cls: {
   readonly numPos: 'ui-num--pos';
   readonly numNeg: 'ui-num--neg';
   readonly numMuted: 'ui-num--muted';
+  readonly delta: 'ui-delta';
+  readonly deltaUp: 'ui-delta--up';
+  readonly deltaDown: 'ui-delta--down';
+  readonly deltaFlat: 'ui-delta--flat';
+  readonly deltaInvert: 'ui-delta--invert';
   readonly badge: 'ui-badge';
   readonly badgeAccent: 'ui-badge--accent';
   readonly badgeSuccess: 'ui-badge--success';
@@ -127,6 +132,7 @@ export declare const cls: {
   readonly meterSuccess: 'ui-meter--success';
   readonly meterWarning: 'ui-meter--warning';
   readonly meterDanger: 'ui-meter--danger';
+  readonly meterInfo: 'ui-meter--info';
   readonly steps: 'ui-steps';
   readonly stepsItem: 'ui-steps__item';
   readonly stepsItemDone: 'ui-steps__item--done';
@@ -237,7 +243,7 @@ export declare const cls: {
   readonly reportNumbered: 'ui-report--numbered';
   readonly reportCover: 'ui-report__cover';
   readonly reportCoverCompact: 'ui-report__cover--compact';
-  readonly reportHeader: 'ui-report__header';
+  readonly reportHead: 'ui-report__head';
   readonly reportTitle: 'ui-report__title';
   readonly reportSubtitle: 'ui-report__subtitle';
   readonly reportMeta: 'ui-report__meta';
@@ -253,14 +259,10 @@ export declare const cls: {
   readonly reportSources: 'ui-report__sources';
   readonly reportAppendix: 'ui-report__appendix';
   readonly reportFootnotes: 'ui-report__footnotes';
-  readonly chart: 'ui-chart';
-  readonly chartCaption: 'ui-chart__caption';
-  readonly chartPlot: 'ui-chart__plot';
-  readonly chartBar: 'ui-chart__bar';
-  readonly chartLabel: 'ui-chart__label';
-  readonly chartTrack: 'ui-chart__track';
-  readonly chartFill: 'ui-chart__fill';
-  readonly chartFallback: 'ui-chart__fallback';
+  readonly compare: 'ui-compare';
+  readonly compare2up: 'ui-compare--2up';
+  readonly compareCol: 'ui-compare__col';
+  readonly compareHead: 'ui-compare__head';
   readonly legend: 'ui-legend';
   readonly legendVertical: 'ui-legend--vertical';
   readonly legendCompact: 'ui-legend--compact';
@@ -338,6 +340,7 @@ export declare const cls: {
   readonly bracketNote: 'ui-bracket-note';
   readonly bracketNoteLabel: 'ui-bracket-note__label';
   readonly bracketNoteAccent: 'ui-bracket-note--accent';
+  readonly bracketNoteSuccess: 'ui-bracket-note--success';
   readonly bracketNoteWarning: 'ui-bracket-note--warning';
   readonly bracketNoteDanger: 'ui-bracket-note--danger';
   readonly bracketNoteInfo: 'ui-bracket-note--info';
@@ -383,6 +386,7 @@ export declare const cls: {
   readonly sourceCardActions: 'ui-source-card__actions';
   readonly provenance: 'ui-provenance';
   readonly provenanceItem: 'ui-provenance__item';
+  readonly src: 'ui-src';
   readonly srcVerified: 'ui-src--verified';
   readonly srcUnverified: 'ui-src--unverified';
   readonly srcGenerated: 'ui-src--generated';
@@ -416,7 +420,7 @@ export declare const cls: {
   readonly toolCallStatus: 'ui-tool-call__status';
   readonly toolCallBody: 'ui-tool-call__body';
   readonly inspector: 'ui-inspector';
-  readonly inspectorHeader: 'ui-inspector__header';
+  readonly inspectorHead: 'ui-inspector__head';
   readonly inspectorBody: 'ui-inspector__body';
   readonly property: 'ui-property';
   readonly propertyLabel: 'ui-property__label';
@@ -463,7 +467,6 @@ export declare const cls: {
   readonly appShellFull: 'ui-app-shell--full';
   readonly appRail: 'ui-app-rail';
   readonly appRailBrand: 'ui-app-rail__brand';
-  readonly appRailToggle: 'ui-app-rail__toggle';
   readonly appRailFoot: 'ui-app-rail__foot';
   readonly appRailAccount: 'ui-app-rail__account';
   readonly appTopbar: 'ui-app-topbar';
@@ -509,6 +512,16 @@ export interface BadgeOpts {
 export interface NumOpts {
   tone?: 'pos' | 'neg' | 'muted';
 }
+export interface DeltaOpts {
+  /** Trend direction — sets the arrow glyph and the conventional tone. */
+  dir?: 'up' | 'down' | 'flat';
+  /** Swap only the tone when `up` is the bad direction (latency, error rate, cost). */
+  invert?: boolean;
+}
+export interface CompareOpts {
+  /** Pin exactly two equal columns (hard before/after) instead of the auto-fitting set. */
+  cols?: 2;
+}
 export interface ChipOpts {
   accent?: boolean;
 }
@@ -552,7 +565,7 @@ export interface ProgressOpts {
   indeterminate?: boolean;
 }
 export interface MeterOpts {
-  tone?: 'accent' | 'success' | 'warning' | 'danger';
+  tone?: 'accent' | 'success' | 'warning' | 'danger' | 'info';
 }
 export interface DotspinnerOpts {
   size?: 'sm' | 'lg';
@@ -621,7 +634,7 @@ export interface MarkOpts {
   motion?: 'draw';
 }
 export interface BracketNoteOpts {
-  tone?: 'accent' | 'warning' | 'danger' | 'info';
+  tone?: 'accent' | 'success' | 'warning' | 'danger' | 'info';
 }
 export interface ConnectorOpts {
   tone?: 'accent' | 'muted' | 'success' | 'warning' | 'danger' | 'info';
@@ -683,6 +696,8 @@ export interface Ui {
   card(opts?: CardOpts): string;
   badge(opts?: BadgeOpts): string;
   num(opts?: NumOpts): string;
+  delta(opts?: DeltaOpts): string;
+  compare(opts?: CompareOpts): string;
   chip(opts?: ChipOpts): string;
   link(opts?: LinkOpts): string;
   dot(opts?: DotOpts): string;

package/classes/index.js

@@ -38,6 +38,11 @@ export const cls = Object.freeze({
   numPos: 'ui-num--pos',
   numNeg: 'ui-num--neg',
   numMuted: 'ui-num--muted',
+  delta: 'ui-delta',
+  deltaUp: 'ui-delta--up',
+  deltaDown: 'ui-delta--down',
+  deltaFlat: 'ui-delta--flat',
+  deltaInvert: 'ui-delta--invert',
   badge: 'ui-badge',
   badgeAccent: 'ui-badge--accent',
   badgeSuccess: 'ui-badge--success',
@@ -134,6 +139,7 @@ export const cls = Object.freeze({
   meterSuccess: 'ui-meter--success',
   meterWarning: 'ui-meter--warning',
   meterDanger: 'ui-meter--danger',
+  meterInfo: 'ui-meter--info',
   steps: 'ui-steps',
   stepsItem: 'ui-steps__item',
   stepsItemDone: 'ui-steps__item--done',
@@ -251,7 +257,7 @@ export const cls = Object.freeze({
   reportNumbered: 'ui-report--numbered',
   reportCover: 'ui-report__cover',
   reportCoverCompact: 'ui-report__cover--compact',
-  reportHeader: 'ui-report__header',
+  reportHead: 'ui-report__head',
   reportTitle: 'ui-report__title',
   reportSubtitle: 'ui-report__subtitle',
   reportMeta: 'ui-report__meta',
@@ -267,14 +273,10 @@ export const cls = Object.freeze({
   reportSources: 'ui-report__sources',
   reportAppendix: 'ui-report__appendix',
   reportFootnotes: 'ui-report__footnotes',
-  chart: 'ui-chart',
-  chartCaption: 'ui-chart__caption',
-  chartPlot: 'ui-chart__plot',
-  chartBar: 'ui-chart__bar',
-  chartLabel: 'ui-chart__label',
-  chartTrack: 'ui-chart__track',
-  chartFill: 'ui-chart__fill',
-  chartFallback: 'ui-chart__fallback',
+  compare: 'ui-compare',
+  compare2up: 'ui-compare--2up',
+  compareCol: 'ui-compare__col',
+  compareHead: 'ui-compare__head',
   // legend (standalone data keys — css/legend.css)
   legend: 'ui-legend',
   legendVertical: 'ui-legend--vertical',
@@ -354,6 +356,7 @@ export const cls = Object.freeze({
   bracketNote: 'ui-bracket-note',
   bracketNoteLabel: 'ui-bracket-note__label',
   bracketNoteAccent: 'ui-bracket-note--accent',
+  bracketNoteSuccess: 'ui-bracket-note--success',
   bracketNoteWarning: 'ui-bracket-note--warning',
   bracketNoteDanger: 'ui-bracket-note--danger',
   bracketNoteInfo: 'ui-bracket-note--info',
@@ -404,6 +407,7 @@ export const cls = Object.freeze({
   sourceCardActions: 'ui-source-card__actions',
   provenance: 'ui-provenance',
   provenanceItem: 'ui-provenance__item',
+  src: 'ui-src',
   srcVerified: 'ui-src--verified',
   srcUnverified: 'ui-src--unverified',
   srcGenerated: 'ui-src--generated',
@@ -440,7 +444,7 @@ export const cls = Object.freeze({
   toolCallBody: 'ui-tool-call__body',
   // workbench — inspector / property / selection bar (css/workbench.css)
   inspector: 'ui-inspector',
-  inspectorHeader: 'ui-inspector__header',
+  inspectorHead: 'ui-inspector__head',
   inspectorBody: 'ui-inspector__body',
   property: 'ui-property',
   propertyLabel: 'ui-property__label',
@@ -490,7 +494,6 @@ export const cls = Object.freeze({
   appShellFull: 'ui-app-shell--full',
   appRail: 'ui-app-rail',
   appRailBrand: 'ui-app-rail__brand',
-  appRailToggle: 'ui-app-rail__toggle',
   appRailFoot: 'ui-app-rail__foot',
   appRailAccount: 'ui-app-rail__account',
   appTopbar: 'ui-app-topbar',
@@ -543,14 +546,16 @@ const stateTone = (state) =>
   })[state] || '';
 
 // Trust-state → tone class, shared by the source/citation/provenance recipes.
+// Object-literal lookup to match stateTone above (shorter, greppable, one idiom).
 const srcTone = (state) =>
-  (state === 'verified' && cls.srcVerified) ||
-  (state === 'unverified' && cls.srcUnverified) ||
-  (state === 'generated' && cls.srcGenerated) ||
-  (state === 'reviewed' && cls.srcReviewed) ||
-  (state === 'stale' && cls.srcStale) ||
-  (state === 'conflict' && cls.srcConflict) ||
-  '';
+  ({
+    verified: cls.srcVerified,
+    unverified: cls.srcUnverified,
+    generated: cls.srcGenerated,
+    reviewed: cls.srcReviewed,
+    stale: cls.srcStale,
+    conflict: cls.srcConflict,
+  })[state] || '';
 
 export const ui = {
   button: ({ variant, icon, size } = {}) =>
@@ -583,6 +588,15 @@ export const ui = {
       tone === 'neg' && cls.numNeg,
       tone === 'muted' && cls.numMuted,
     ),
+  delta: ({ dir, invert } = {}) =>
+    j(
+      cls.delta,
+      dir === 'up' && cls.deltaUp,
+      dir === 'down' && cls.deltaDown,
+      dir === 'flat' && cls.deltaFlat,
+      invert && cls.deltaInvert,
+    ),
+  compare: ({ cols } = {}) => j(cls.compare, cols === 2 && cls.compare2up),
   chip: ({ accent } = {}) => j(cls.chip, accent && cls.chipAccent),
   link: ({ arrow, cta } = {}) => j(cls.link, arrow && cls.linkArrow, cta && cls.linkCta),
   dot: ({ tone, live } = {}) =>
@@ -634,6 +648,7 @@ export const ui = {
       tone === 'success' && cls.meterSuccess,
       tone === 'warning' && cls.meterWarning,
       tone === 'danger' && cls.meterDanger,
+      tone === 'info' && cls.meterInfo,
     ),
   dotspinner: ({ size } = {}) =>
     j(cls.dotspinner, size === 'sm' && cls.dotspinnerSm, size === 'lg' && cls.dotspinnerLg),
@@ -721,6 +736,7 @@ export const ui = {
     j(
       cls.bracketNote,
       tone === 'accent' && cls.bracketNoteAccent,
+      tone === 'success' && cls.bracketNoteSuccess,
       tone === 'warning' && cls.bracketNoteWarning,
       tone === 'danger' && cls.bracketNoteDanger,
       tone === 'info' && cls.bracketNoteInfo,

package/classes/vscode.css-custom-data.json

@@ -141,6 +141,14 @@
       "name": "--display",
       "description": "Global scale token. Value: `var(--dot-font)`"
     },
+    {
+      "name": "--display-weight",
+      "description": "Global scale token. Value: `700`"
+    },
+    {
+      "name": "--display-weight-strong",
+      "description": "Global scale token. Value: `800`"
+    },
     {
       "name": "--dot-font",
       "description": "Global scale token. Value: `'Doto', var(--mono)`"
@@ -213,6 +221,10 @@
       "name": "--mono",
       "description": "Global scale token. Value: `'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'SF Mono', ui-monospace, monospace`"
     },
+    {
+      "name": "--on-accent",
+      "description": "Theme token. Light: `var(--button-text)` · Dark: `var(--button-text)`"
+    },
     {
       "name": "--panel",
       "description": "Theme token. Light: `#ffffff` · Dark: `#1c1c1c`"

package/connectors/index.d.ts

@@ -1,71 +1,191 @@
+export function finite(name: any, value: any, fallback: any): any;
+export function dimension(name: any, value: any, fallback: any): any;
+export function fmt(value: any): string;
+export function point(x: any, y: any): string;
+export function clamp(value: any, min: any, max: any): any;
 /**
- * @ponchia/ui/connectors — dependency-free SVG geometry for leader lines.
- * Pure functions: points/rects in, SVG path strings (or coordinates) out.
+ * A point on a rect's edge (or centre). `rect` is `{ x, y, width, height }`.
+ * @param {Rect} rect
+ * @param {Side} [side]
+ * @returns {Point}
  */
-
-export interface Point {
-  x: number;
-  y: number;
-}
-
-export interface Rect {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-
-export type Side = 'top' | 'right' | 'bottom' | 'left' | 'center';
-export type ConnectorShape = 'straight' | 'elbow' | 'curve';
-
-export interface ConnectorPathOptions {
-  from: Point;
-  to: Point;
-  shape?: ConnectorShape;
-  /** Curve control-point reach along the dominant axis (curve shape). Default 0.5. */
-  curvature?: number;
-  /** Turn position 0..1 along the span (elbow shape). Default 0.5. */
-  mid?: number;
-}
-
-export interface ConnectRectsOptions {
-  fromRect: Rect;
-  toRect: Rect;
-  /** Anchor edges. Omit both to auto-pick facing edges from the rects. */
-  fromSide?: Side;
-  toSide?: Side;
-  shape?: ConnectorShape;
-  curvature?: number;
-  mid?: number;
-}
-
-export interface ConnectRectsResult {
-  /** SVG path data. */
-  d: string;
-  from: Point;
-  to: Point;
-  /**
-   * The path's **end-tangent** at `to` in radians (`endTangentAngle(from, to,
-   * shape)`) — the direction the path arrives, so rotating an arrowhead at `to`
-   * by this points it along the path. Equals the straight `from`→`to` angle for
-   * `shape: 'straight'`; axis-aligned for `elbow`/`curve`.
-   */
-  angle: number;
-}
-
-export declare function anchorPoint(rect: Rect, side?: Side): Point;
-export declare function angleBetween(from: Point, to: Point): number;
-export declare function straightPath(from: Point, to: Point): string;
-export declare function elbowPath(from: Point, to: Point, opts?: { mid?: number }): string;
-export declare function curvePath(from: Point, to: Point, opts?: { curvature?: number }): string;
-export declare function connectorPath(opts: ConnectorPathOptions): string;
-export declare function arrowHead(p: Point, angle: number, size?: number): string;
-export declare function dotMark(p: Point, radius?: number): string;
-export declare function autoSides(
-  fromRect: Rect,
-  toRect: Rect,
-): { from: Side; to: Side };
-/** Angle (radians) at which a `shape` path arrives at `to` — the chord for
- *  `straight`, axis-aligned for `elbow`/`curve`. Use it to rotate an end marker. */
-export declare function endTangentAngle(from: Point, to: Point, shape?: ConnectorShape): number;
-export declare function connectRects(opts: ConnectRectsOptions): ConnectRectsResult;
+export function anchorPoint(rect: Rect, side?: Side): Point;
+/**
+ * Angle (radians) from `from` to `to`.
+ * @param {Point} from
+ * @param {Point} to
+ * @returns {number}
+ */
+export function angleBetween(from: Point, to: Point): number;
+/**
+ * Straight line from `from` to `to`.
+ * @param {Point} from
+ * @param {Point} to
+ * @returns {string}
+ */
+export function straightPath(from: Point, to: Point): string;
+/**
+ * Right-angle dogleg. Turns on the dominant axis at `mid` (0..1) of the span.
+ * @param {Point} from
+ * @param {Point} to
+ * @param {{ mid?: number }} [opts]
+ * @returns {string}
+ */
+export function elbowPath(from: Point, to: Point, opts?: {
+    mid?: number;
+}): string;
+/**
+ * Cubic curve; control points extend along the dominant axis by `curvature`.
+ * @param {Point} from
+ * @param {Point} to
+ * @param {{ curvature?: number }} [opts]
+ * @returns {string}
+ */
+export function curvePath(from: Point, to: Point, opts?: {
+    curvature?: number;
+}): string;
+/**
+ * Build a path between two points by `shape` (`straight` | `elbow` | `curve`).
+ * @param {ConnectorPathOptions} [opts]
+ * @returns {string}
+ */
+export function connectorPath(opts?: ConnectorPathOptions): string;
+/**
+ * A filled triangle arrowhead at `p`, pointing along `angle` (radians).
+ * @param {Point} p
+ * @param {number} angle
+ * @param {number} [size]
+ * @param {number} [spread] Half-angle of the head in radians (default 0.45).
+ *   Smaller is crisper/sharper; must be in (0, π/2).
+ * @returns {string}
+ */
+export function arrowHead(p: Point, angle: number, size?: number, spread?: number): string;
+/**
+ * A filled dot at `p`.
+ * @param {Point} p
+ * @param {number} [radius]
+ * @returns {string}
+ */
+export function dotMark(p: Point, radius?: number): string;
+/**
+ * Pick facing edges from the rects' relative centres.
+ * @param {Rect} fromRect
+ * @param {Rect} toRect
+ * @returns {{ from: Side, to: Side }}
+ */
+export function autoSides(fromRect: Rect, toRect: Rect): {
+    from: Side;
+    to: Side;
+};
+/**
+ * Angle (radians) at which a `shape` path *arrives* at `to` — straight is the
+ * chord; elbow/curve arrive axis-aligned along the dominant axis. Rotate an
+ * end marker by this so it points along the path, not the chord.
+ * @param {Point} from
+ * @param {Point} to
+ * @param {ConnectorShape} [shape]
+ * @returns {number}
+ */
+export function endTangentAngle(from: Point, to: Point, shape?: ConnectorShape): number;
+/**
+ * Connect two rects. Resolves anchor points (explicit `fromSide`/`toSide`, else
+ * auto), builds the path, and returns `{ d, from, to, angle }` so the caller can
+ * place an arrowhead/dot at `to` rotated by `angle`.
+ * @param {ConnectRectsOptions} [opts]
+ * @returns {ConnectRectsResult}
+ */
+export function connectRects(opts?: ConnectRectsOptions): ConnectRectsResult;
+/**
+ * @ponchia/ui/connectors — dependency-free SVG geometry for connecting two
+ * elements (or two points) with a leader line.
+ *
+ * Pure functions only: they take points/rects and return SVG path strings (or
+ * resolved coordinates). They own no DOM, no scales, and no live tracking —
+ * that optional glue lives in `@ponchia/ui/behaviors` (`initConnectors`). This
+ * is the page-coordinate, element-to-element cousin of the figure-coordinate
+ * `@ponchia/ui/annotations` helpers.
+ *
+ *   import { connectRects } from '@ponchia/ui/connectors';
+ *   const { d } = connectRects({ fromRect: a, toRect: b, shape: 'elbow' });
+ *
+ * The public types below are JSDoc `@typedef`s; the shipped `index.d.ts` is
+ * generated from them (and these signatures) by `tsc --emitDeclarationOnly`.
+ *
+ * @typedef {{ x: number, y: number }} Point
+ * @typedef {{ x: number, y: number, width: number, height: number }} Rect
+ * @typedef {'top' | 'right' | 'bottom' | 'left' | 'center'} Side
+ * @typedef {'straight' | 'elbow' | 'curve'} ConnectorShape
+ *
+ * @typedef {object} ConnectorPathOptions
+ * @property {Point} from
+ * @property {Point} to
+ * @property {ConnectorShape} [shape]
+ * @property {number} [curvature] Curve control-point reach along the dominant axis (curve shape). Default 0.5.
+ * @property {number} [mid] Turn position 0..1 along the span (elbow shape). Default 0.5.
+ *
+ * @typedef {object} ConnectRectsOptions
+ * @property {Rect} fromRect
+ * @property {Rect} toRect
+ * @property {Side} [fromSide] Anchor edges. Omit both to auto-pick facing edges from the rects.
+ * @property {Side} [toSide]
+ * @property {ConnectorShape} [shape]
+ * @property {number} [curvature]
+ * @property {number} [mid]
+ *
+ * @typedef {object} ConnectRectsResult
+ * @property {string} d SVG path data.
+ * @property {Point} from
+ * @property {Point} to
+ * @property {number} angle The path's end-tangent at `to` in radians — the direction the path arrives, so rotating an arrowhead at `to` by this points it along the path. Equals the straight `from`→`to` angle for `shape: 'straight'`; axis-aligned for `elbow`/`curve`.
+ */
+export const PRECISION: 1000;
+export type Point = {
+    x: number;
+    y: number;
+};
+export type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type Side = "top" | "right" | "bottom" | "left" | "center";
+export type ConnectorShape = "straight" | "elbow" | "curve";
+export type ConnectorPathOptions = {
+    from: Point;
+    to: Point;
+    shape?: ConnectorShape | undefined;
+    /**
+     * Curve control-point reach along the dominant axis (curve shape). Default 0.5.
+     */
+    curvature?: number | undefined;
+    /**
+     * Turn position 0..1 along the span (elbow shape). Default 0.5.
+     */
+    mid?: number | undefined;
+};
+export type ConnectRectsOptions = {
+    fromRect: Rect;
+    toRect: Rect;
+    /**
+     * Anchor edges. Omit both to auto-pick facing edges from the rects.
+     */
+    fromSide?: Side | undefined;
+    toSide?: Side | undefined;
+    shape?: ConnectorShape | undefined;
+    curvature?: number | undefined;
+    mid?: number | undefined;
+};
+export type ConnectRectsResult = {
+    /**
+     * SVG path data.
+     */
+    d: string;
+    from: Point;
+    to: Point;
+    /**
+     * The path's end-tangent at `to` in radians — the direction the path arrives, so rotating an arrowhead at `to` by this points it along the path. Equals the straight `from`→`to` angle for `shape: 'straight'`; axis-aligned for `elbow`/`curve`.
+     */
+    angle: number;
+};
+//# sourceMappingURL=index.d.ts.map

package/connectors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":"AAkDA,kEAIC;AAED,qEAIC;AAED,wCAGC;AAED,8CAEC;AAID,2DAGC;AAED;;;;;GAKG;AACH,kCAJW,IAAI,SACJ,IAAI,GACF,KAAK,CAoBjB;AAED;;;;;GAKG;AACH,mCAJW,KAAK,MACL,KAAK,GACH,MAAM,CAOlB;AAED;;;;;GAKG;AACH,mCAJW,KAAK,MACL,KAAK,GACH,MAAM,CAOlB;AAED;;;;;;GAMG;AACH,gCALW,KAAK,MACL,KAAK,SACL;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACd,MAAM,CAgBlB;AAED;;;;;;GAMG;AACH,gCALW,KAAK,MACL,KAAK,SACL;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACpB,MAAM,CAclB;AAED;;;;GAIG;AACH,qCAHW,oBAAoB,GAClB,MAAM,CAOlB;AAED;;;;;;;;GAQG;AACH,6BAPW,KAAK,SACL,MAAM,SACN,MAAM,WACN,MAAM,GAEJ,MAAM,CAalB;AAED;;;;;GAKG;AACH,2BAJW,KAAK,WACL,MAAM,GACJ,MAAM,CAUlB;AAED;;;;;GAKG;AACH,oCAJW,IAAI,UACJ,IAAI,GACF;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,EAAE,EAAE,IAAI,CAAA;CAAE,CAWpC;AAED;;;;;;;;GAQG;AACH,sCALW,KAAK,MACL,KAAK,UACL,cAAc,GACZ,MAAM,CAQlB;AAED;;;;;;GAMG;AACH,oCAHW,mBAAmB,GACjB,kBAAkB,CAW9B;AAlRD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAMH,wBAAyB,IAAI,CAAC;oBAhCjB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE;mBACxB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;mBACvD,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ;6BAC9C,UAAU,GAAG,OAAO,GAAG,OAAO;;UAG7B,KAAK;QACL,KAAK;;;;;;;;;;;;cAML,IAAI;YACJ,IAAI;;;;;;;;;;;;;;OAQJ,MAAM;UACN,KAAK;QACL,KAAK;;;;WACL,MAAM"}