@ledgerhq/lumen-ui-react 0.1.61 → 0.1.62

package/dist/lib/Components/core/Spot/Spot.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useDisabledContext as x, cn as w } from "../../../../libs/utils-shared/dist/index.js";
 import { cva as y } from "class-variance-authority";
-import { useMemo as P } from "react";
-import { Spinner as C } from "../Spinner/Spinner.js";
+import { useMemo as C } from "react";
+import { Spinner as P } from "../Spinner/Spinner.js";
 import { InformationFill as F } from "../../symbols/icons/InformationFill.js";
 import { WarningFill as k } from "../../symbols/icons/WarningFill.js";
 import { DeleteCircleFill as N } from "../../symbols/icons/DeleteCircleFill.js";
@@ -34,7 +34,7 @@ const I = y(
       }
     }
   }
-), G = (t) => {
+), E = (t) => {
   const s = t.size ?? 48, i = {
     32: 12,
     40: 16,
@@ -47,7 +47,7 @@ const I = y(
     48: "heading-5",
     56: "heading-4",
     72: "heading-2"
-  }, o = i[s] ?? 20, a = c[s] ?? "heading-5", { componentProps: m, content: l } = P(() => {
+  }, o = i[s] ?? 20, a = c[s] ?? "heading-5", { componentProps: m, content: p } = C(() => {
     if (t.appearance === "icon") {
       const { icon: n, ...r } = t;
       return {
@@ -75,12 +75,12 @@ const I = y(
         case "info":
           return /* @__PURE__ */ e(F, { size: o });
         case "loader":
-          return /* @__PURE__ */ e(C, { size: o });
+          return /* @__PURE__ */ e(P, { size: o });
       }
     })();
     return { componentProps: t, content: z };
   }, [t, o, a]), {
-    appearance: p,
+    appearance: l,
     className: d,
     disabled: u = !1,
     size: h = 48,
@@ -97,16 +97,16 @@ const I = y(
       className: w(
         I({
           disabled: g,
-          appearance: p,
+          appearance: l,
           size: h
         }),
         d
       ),
       ...f,
-      children: l
+      children: p
     }
   );
 };
 export {
-  G as Spot
+  E as Spot
 };

package/dist/lib/Components/core/Stepper/Stepper.d.ts

@@ -1,13 +1,14 @@
 import { StepperProps } from './types';
 /**
  * A circular stepper component showing progress as current step out of total steps.
- * Renders a track arc with a progress arc and a center label.
+ * Renders a segmented track with progress and a center label.
  *
  * @see Figma – Stepper](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=11977-94&m=dev)
  *
  * @example
  * <Stepper currentStep={1} totalSteps={4} />
- * <Stepper currentStep={0} totalSteps={9} disabled /> // Shows minimal dot, disabled style
+ * <Stepper currentStep={0} totalSteps={8} disabled /> // Empty progress, disabled style
+ * <Stepper currentStep={2} totalSteps={4} size="lg" />
  */
-export declare const Stepper: ({ className, currentStep, totalSteps, disabled: disabledProp, label, ref, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ className, appearance, size, currentStep, totalSteps, disabled: disabledProp, label, ref, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Stepper.d.ts.map

package/dist/lib/Components/core/Stepper/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/Stepper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAK5C;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,sFAQrB,YAAY,4CAyFd,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/Stepper.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA2B5C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,GAAI,wGAUrB,YAAY,4CAkId,CAAC"}

package/dist/lib/Components/core/Stepper/Stepper.js

@@ -1,107 +1,179 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as v, cn as d, getStepperCalculations as D } from "../../../../libs/utils-shared/dist/index.js";
-const s = 48, i = 4, W = ({
-  className: m,
-  currentStep: t,
-  totalSteps: r,
-  disabled: h = !1,
-  label: o,
-  ref: u,
-  ...f
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { useDisabledContext as w, cn as o, getStepperCalculations as $ } from "../../../../libs/utils-shared/dist/index.js";
+import { cva as j } from "class-variance-authority";
+import { useId as z } from "react";
+const L = {
+  md: { px: 48, strokeWidth: 4, root: "size-48", label: "body-2" },
+  lg: { px: 72, strokeWidth: 6, root: "size-72", label: "heading-4" }
+}, I = j("transition-[stroke] duration-300 ease-in-out", {
+  variants: {
+    appearance: { accent: "", success: "" },
+    disabled: { true: "", false: "" }
+  },
+  compoundVariants: [
+    {
+      appearance: "accent",
+      disabled: !1,
+      class: "stroke-active"
+    },
+    {
+      appearance: "success",
+      disabled: !1,
+      class: "stroke-success"
+    },
+    { disabled: !0, class: "stroke-muted-subtle-hover" }
+  ]
+}), S = ({
+  className: f,
+  appearance: x = "accent",
+  size: b = "md",
+  currentStep: l,
+  totalSteps: a,
+  disabled: y = !1,
+  label: n,
+  ref: g,
+  ...v
 }) => {
-  const k = v({
+  const r = w({
     consumerName: "Stepper",
-    mergeWith: { disabled: h }
-  }), {
-    displayLabel: p,
-    r: l,
-    cx: n,
-    cy: c,
-    trackDashArray: b,
-    progressDashArray: x,
-    progressDashOffset: y
-  } = D({
-    currentStep: t,
-    totalSteps: r,
-    size: s,
-    label: o,
-    strokeWidth: i
+    mergeWith: { disabled: y }
+  }), u = z(), {
+    px: e,
+    strokeWidth: t,
+    root: N,
+    label: c
+  } = L[b], {
+    displayLabel: D,
+    r: d,
+    cx: m,
+    cy: h,
+    progressDashArray: p,
+    progressMaskDashArray: C,
+    progressDashOffset: W,
+    dashPatternOffset: k
+  } = $({
+    currentStep: l,
+    totalSteps: a,
+    size: e,
+    label: n,
+    strokeWidth: t
   });
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     "div",
     {
-      ref: u,
+      ref: g,
       role: "progressbar",
-      "aria-valuenow": t,
+      "aria-valuenow": l,
       "aria-valuemin": 1,
-      "aria-valuemax": r,
-      "aria-label": p,
-      className: d(
-        "relative flex size-48 shrink-0 items-center justify-center rounded-full",
-        m
+      "aria-valuemax": a,
+      "aria-label": D,
+      className: o(
+        "relative flex shrink-0 items-center justify-center rounded-full",
+        N,
+        f
       ),
-      ...f,
+      ...v,
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ i(
           "svg",
           {
-            width: s,
-            height: s,
-            viewBox: `0 0 ${s} ${s}`,
-            className: "rotate-135",
+            width: e,
+            height: e,
+            viewBox: `0 0 ${e} ${e}`,
+            className: "-rotate-90",
             "aria-hidden": !0,
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ s(
                 "circle",
                 {
-                  cx: n,
-                  cy: c,
-                  r: l,
+                  cx: m,
+                  cy: h,
+                  r: d,
                   fill: "none",
                   stroke: "currentColor",
                   strokeLinecap: "round",
                   className: "stroke-muted-subtle",
                   style: {
-                    strokeWidth: `${i}px`,
-                    strokeDasharray: b,
-                    strokeDashoffset: 0
+                    strokeWidth: `${t}px`,
+                    strokeDasharray: p,
+                    strokeDashoffset: k
                   }
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ s(
+                "mask",
+                {
+                  id: u,
+                  maskUnits: "userSpaceOnUse",
+                  x: 0,
+                  y: 0,
+                  width: e,
+                  height: e,
+                  children: /* @__PURE__ */ s(
+                    "circle",
+                    {
+                      cx: m,
+                      cy: h,
+                      r: d,
+                      fill: "none",
+                      stroke: "white",
+                      className: "transition-[stroke-dashoffset] duration-300 ease-in-out",
+                      style: {
+                        strokeWidth: `${t}px`,
+                        strokeDasharray: C,
+                        strokeDashoffset: W
+                      }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s(
                 "circle",
                 {
-                  cx: n,
-                  cy: c,
-                  r: l,
+                  cx: m,
+                  cy: h,
+                  r: d,
                   fill: "none",
                   stroke: "currentColor",
                   strokeLinecap: "round",
-                  className: d(
-                    k ? "stroke-muted-subtle-hover" : "stroke-active",
-                    "transition-[stroke-dashoffset,stroke] duration-300 ease-in-out"
-                  ),
+                  mask: `url(#${u})`,
+                  className: I({ appearance: x, disabled: r }),
                   style: {
-                    strokeWidth: `${i}px`,
-                    strokeDasharray: x,
-                    strokeDashoffset: y
+                    strokeWidth: `${t}px`,
+                    strokeDasharray: p,
+                    strokeDashoffset: k
                   }
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e("span", { className: "absolute inset-0 m-4 flex items-center justify-center text-base", children: o ? /* @__PURE__ */ e("span", { className: "body-2-semi-bold", children: o }) : /* @__PURE__ */ a("span", { children: [
-          /* @__PURE__ */ e("span", { className: "body-1-semi-bold", children: Math.min(Math.max(t, 0), r) }),
-          /* @__PURE__ */ a("span", { className: "body-2-semi-bold text-muted", children: [
-            "/",
-            r
-          ] })
+        /* @__PURE__ */ s("span", { className: "absolute inset-0 m-4 flex min-w-0 items-center justify-center text-base", children: n ? /* @__PURE__ */ s(
+          "span",
+          {
+            className: o(c, "truncate", r && "text-disabled"),
+            children: n
+          }
+        ) : /* @__PURE__ */ i("span", { className: "truncate", children: [
+          /* @__PURE__ */ s("span", { className: o(c, r && "text-disabled"), children: Math.min(Math.max(l, 0), a) }),
+          /* @__PURE__ */ i(
+            "span",
+            {
+              className: o(
+                c,
+                r ? "text-disabled" : "text-muted"
+              ),
+              children: [
+                "/",
+                a
+              ]
+            }
+          )
         ] }) })
       ]
     }
   );
 };
 export {
-  W as Stepper
+  S as Stepper
 };

package/dist/lib/Components/core/Stepper/types.d.ts

@@ -1,7 +1,17 @@
 import { ComponentPropsWithRef } from 'react';
 export type StepperProps = {
     /**
-     * Current step number (1-based). Use 0 or negative to show minimal dot (before starting).
+     * The visual style of the stepper's segments.
+     * @default accent
+     */
+    appearance?: 'accent' | 'success';
+    /**
+     * The overall dimensions of the stepper.
+     * @default md
+     */
+    size?: 'md' | 'lg';
+    /**
+     * Current step number (1-based).
      */
     currentStep: number;
     /**
@@ -9,7 +19,7 @@ export type StepperProps = {
      */
     totalSteps: number;
     /**
-     * Whether the stepper is disabled. Changes the progress arc to a muted style.
+     * Whether the stepper is disabled. Changes the progress to a muted style.
      * @default false
      */
     disabled?: boolean;

package/dist/lib/Components/core/Stepper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/core/Switch/Switch.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as h, cn as s } from "../../../../libs/utils-shared/dist/index.js";
 import * as a from "@radix-ui/react-switch";
 import { cva as d } from "class-variance-authority";
@@ -39,7 +39,7 @@ const b = d(
   selected: r,
   defaultSelected: n,
   onChange: c,
-  size: t = "md",
+  size: e = "md",
   disabled: l,
   ...u
 }) => {
@@ -47,17 +47,17 @@ const b = d(
     consumerName: "Switch",
     mergeWith: { disabled: l }
   });
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     a.Root,
     {
       ref: i,
-      className: s(b({ size: t }), o),
+      className: s(b({ size: e }), o),
       checked: r,
       defaultChecked: n,
       onCheckedChange: c,
       disabled: m,
       ...u,
-      children: /* @__PURE__ */ e(a.Thumb, { className: g({ size: t }) })
+      children: /* @__PURE__ */ t(a.Thumb, { className: g({ size: e }) })
     }
   );
 };

package/dist/lib/Components/core/Table/Table.js

@@ -9,7 +9,7 @@ import { ChevronUpDown as B } from "../../symbols/icons/ChevronUpDown.js";
 import { ChevronDescending as j } from "../../symbols/icons/ChevronDescending.js";
 import { ChevronAscending as I } from "../../symbols/icons/ChevronAscending.js";
 import { InteractiveIcon as A } from "../InteractiveIcon/InteractiveIcon.js";
-const [V, u] = h("Table"), k = c(
+const [k, u] = h("Table"), q = c(
   "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
   {
     variants: {
@@ -32,12 +32,12 @@ const [V, u] = h("Table"), k = c(
     onScrollBottom: a,
     loading: r
   });
-  return /* @__PURE__ */ l(V, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(k, { value: { appearance: e, loading: r }, children: /* @__PURE__ */ l(
     "div",
     {
       ...i,
       ref: o,
-      className: k({ appearance: e, className: t }),
+      className: q({ appearance: e, className: t }),
       onScroll: d,
       children: n
     }
@@ -55,7 +55,7 @@ const [V, u] = h("Table"), k = c(
   className: e,
   ref: t,
   ...a
-}) => /* @__PURE__ */ l("colgroup", { ref: t, className: e, ...a, children: n }), q = c("", {
+}) => /* @__PURE__ */ l("colgroup", { ref: t, className: e, ...a, children: n }), H = c("", {
   variants: {
     hideBelow: {
       xs: "hidden xs:table-column",
@@ -74,7 +74,7 @@ const [V, u] = h("Table"), k = c(
   "col",
   {
     ref: t,
-    className: q({ hideBelow: e, className: n }),
+    className: H({ hideBelow: e, className: n }),
     ...a
   }
 ), _ = ({
@@ -107,7 +107,7 @@ const [V, u] = h("Table"), k = c(
     ...o,
     children: n
   }
-), H = c("", {
+), L = c("", {
   variants: {
     appearance: {
       "no-background": "bg-canvas",
@@ -133,7 +133,7 @@ const [V, u] = h("Table"), k = c(
     "tr",
     {
       ref: a,
-      className: H({ appearance: o, stickyHeader: t, className: e }),
+      className: L({ appearance: o, stickyHeader: t, className: e }),
       ...r,
       children: n
     }
@@ -197,7 +197,7 @@ const [V, u] = h("Table"), k = c(
     ...o,
     children: /* @__PURE__ */ l("div", { className: p.inner({ align: a }), children: n })
   }
-), [S, m] = h("TableCellItem", { align: "start" }), L = c("flex min-w-0 items-center gap-12", {
+), [S, m] = h("TableCellItem", { align: "start" }), V = c("flex min-w-0 items-center gap-12", {
   variants: {
     align: {
       start: "text-start",
@@ -214,7 +214,7 @@ const [V, u] = h("Table"), k = c(
   "div",
   {
     ref: a,
-    className: L({ align: e, className: n }),
+    className: V({ align: e, className: n }),
     ...r,
     children: t
   }

package/dist/lib/Components/core/TileButton/TileButton.js

@@ -1,9 +1,9 @@
 import { jsxs as x, jsx as t } from "react/jsx-runtime";
 import { useDisabledContext as g, cn as v } from "../../../../libs/utils-shared/dist/index.js";
-import { Slot as y, Slottable as N } from "@radix-ui/react-slot";
+import { Slot as y, Slottable as C } from "@radix-ui/react-slot";
 import { cva as i } from "class-variance-authority";
-import { useCallback as V } from "react";
-const h = i(
+import { useCallback as N } from "react";
+const V = i(
   [
     "flex flex-col items-center gap-8 rounded-md p-12",
     "bg-surface body-2-semi-bold transition-colors",
@@ -29,7 +29,7 @@ const h = i(
       isFull: !1
     }
   }
-), k = i("shrink-0", {
+), h = i("shrink-0", {
   variants: {
     appearance: {
       gray: "text-base",
@@ -59,7 +59,7 @@ const h = i(
   const e = g({
     consumerName: "TileButton",
     mergeWith: { disabled: c }
-  }), p = V(
+  }), p = N(
     (o) => {
       if (e) {
         o.preventDefault();
@@ -75,7 +75,7 @@ const h = i(
       ref: n,
       type: a ? void 0 : "button",
       className: v(
-        h({ disabled: e, isFull: u, appearance: l }),
+        V({ disabled: e, isFull: u, appearance: l }),
         b
       ),
       onClick: p,
@@ -84,8 +84,8 @@ const h = i(
       "aria-label": f,
       ...m,
       children: [
-        /* @__PURE__ */ t(d, { size: 20, className: k({ disabled: e, appearance: l }) }),
-        a ? /* @__PURE__ */ t(N, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
+        /* @__PURE__ */ t(d, { size: 20, className: h({ disabled: e, appearance: l }) }),
+        a ? /* @__PURE__ */ t(C, { children: s }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: s })
       ]
     }
   );

package/dist/lib/Components/core/Timeline/Timeline.d.ts

@@ -0,0 +1,54 @@
+import { TimelineItemCaptionProps, TimelineItemBodyProps, TimelineItemDescriptionProps, TimelineItemHeaderProps, TimelineItemLeadingProps, TimelineItemLeadingRowProps, TimelineItemProps, TimelineItemTitleProps, TimelineItemTrailingProps, TimelineProps } from './types';
+/**
+ * Vertical timeline. Lays out its items and holds no state of its own.
+ *
+ * @example
+ * <Timeline>
+ *   <TimelineItem>
+ *     <TimelineItemHeader>
+ *       <TimelineItemLeading>
+ *         <TimelineItemTitle>Payment confirmed</TimelineItemTitle>
+ *       </TimelineItemLeading>
+ *     </TimelineItemHeader>
+ *   </TimelineItem>
+ * </Timeline>
+ */
+export declare const Timeline: ({ ref, children, className, ...props }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * One row of a timeline. Draws the indicator from `status` and the connector
+ * to the neighbouring items.
+ */
+export declare const TimelineItem: ({ ref, status, children, className, ...props }: TimelineItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Row beside the indicator. Holds the leading column and the trailing slot.
+ */
+export declare const TimelineItemHeader: ({ ref, children, className, ...props }: TimelineItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Caption, title, and description column.
+ */
+export declare const TimelineItemLeading: ({ ref, children, className, ...props }: TimelineItemLeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Horizontal row for a title or description beside a tag.
+ */
+export declare const TimelineItemLeadingRow: ({ ref, children, className, ...props }: TimelineItemLeadingRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Overline above the title.
+ */
+export declare const TimelineItemCaption: ({ ref, children, className, ...props }: TimelineItemCaptionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Title. An `idle` item uses the muted tone.
+ */
+export declare const TimelineItemTitle: ({ ref, children, className, ...props }: TimelineItemTitleProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Description under the title.
+ */
+export declare const TimelineItemDescription: ({ ref, children, className, ...props }: TimelineItemDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * End-aligned slot in the header.
+ */
+export declare const TimelineItemTrailing: ({ ref, children, className, ...props }: TimelineItemTrailingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Block under the header, indented past the indicator.
+ */
+export declare const TimelineItemBody: ({ ref, children, className, ...props }: TimelineItemBodyProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Timeline.d.ts.map

package/dist/lib/Components/core/Timeline/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Timeline/Timeline.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,4BAA4B,EAC5B,uBAAuB,EACvB,wBAAwB,EACxB,2BAA2B,EAC3B,iBAAiB,EAEjB,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACd,MAAM,SAAS,CAAC;AAmEjB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,GAAI,wCAKtB,aAAa,4CAUf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,gDAM1B,iBAAiB,4CAiBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,wCAKhC,uBAAuB,4CAmBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,wCAKpC,2BAA2B,4CAU7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAU1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,wCAK/B,sBAAsB,4CAexB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,wCAKrC,4BAA4B,4CAU9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,wCAKlC,yBAAyB,4CAa3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,wCAK9B,qBAAqB,4CAUvB,CAAC"}