@epigraph/solutions 0.0.4-alpha → 0.1.0

package/dist/baseUiComponent-_PPHqnvV.js

@@ -1,1214 +0,0 @@
-import { n as $, r as v, bw as f, i as b } from "./three.module-CYfxkCtM.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function C(r) {
-  return $({ ...r, state: !0, attribute: !1 });
-}
-const d = '@font-face{font-family:Helvetica Neue;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaNeue/HelveticaNeue-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-LightOblique.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-Light.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-LightOblique.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-Roman.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-Oblique.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-BoldOblique.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Helvetica LT Pro;src:url(https://asset.myepigraph.com/design-assets/fonts/HelveticaLTPro/HelveticaLTPro-BlackOblique.otf) format("opentype");font-weight:900;font-style:italic}@font-face{font-family:PPMori-Regular;src:url(https://asset.myepigraph.com/design-assets/fonts/PPMori/PPMori-Regular.woff2) format("woff2")}@font-face{font-family:PPMori-Bold;src:url(https://asset.myepigraph.com/design-assets/fonts/PPMori/PPMori-Bold.woff2) format("woff2")}', g = {
-  Color: {
-    Black: {
-      25: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.0250)"
-      },
-      50: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.0500)"
-      },
-      100: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.1000)"
-      },
-      200: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.2000)"
-      },
-      300: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.3000)"
-      },
-      400: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.4000)"
-      },
-      500: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.5000)"
-      },
-      600: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.6000)"
-      },
-      700: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.7000)"
-      },
-      800: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.8000)"
-      },
-      900: {
-        $type: "color",
-        $value: "rgba(12, 12, 13, 0.9000)"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#0c0c0d"
-      }
-    },
-    White: {
-      25: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.0250)"
-      },
-      50: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.0500)"
-      },
-      100: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.1000)"
-      },
-      200: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.2000)"
-      },
-      300: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.3000)"
-      },
-      400: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.4000)"
-      },
-      500: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.5000)"
-      },
-      600: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.6000)"
-      },
-      700: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.7000)"
-      },
-      800: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.8000)"
-      },
-      900: {
-        $type: "color",
-        $value: "rgba(255, 255, 255, 0.9000)"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#ffffff"
-      }
-    },
-    Green: {
-      100: {
-        $type: "color",
-        $value: "#ebffee"
-      },
-      200: {
-        $type: "color",
-        $value: "#cff7d3"
-      },
-      300: {
-        $type: "color",
-        $value: "#aff4c6"
-      },
-      400: {
-        $type: "color",
-        $value: "#85e0a3"
-      },
-      500: {
-        $type: "color",
-        $value: "#14ae5c"
-      },
-      600: {
-        $type: "color",
-        $value: "#009951"
-      },
-      700: {
-        $type: "color",
-        $value: "#008043"
-      },
-      800: {
-        $type: "color",
-        $value: "#02542d"
-      },
-      900: {
-        $type: "color",
-        $value: "#024023"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#062d1b"
-      }
-    },
-    Red: {
-      100: {
-        $type: "color",
-        $value: "#fee9e7"
-      },
-      200: {
-        $type: "color",
-        $value: "#fdd3d0"
-      },
-      300: {
-        $type: "color",
-        $value: "#fcb3ad"
-      },
-      400: {
-        $type: "color",
-        $value: "#f4776a"
-      },
-      500: {
-        $type: "color",
-        $value: "#ec221f"
-      },
-      600: {
-        $type: "color",
-        $value: "#c00f0c"
-      },
-      700: {
-        $type: "color",
-        $value: "#900b09"
-      },
-      800: {
-        $type: "color",
-        $value: "#690807"
-      },
-      900: {
-        $type: "color",
-        $value: "#4d0b0a"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#300603"
-      }
-    },
-    Yellow: {
-      100: {
-        $type: "color",
-        $value: "#fffbeb"
-      },
-      200: {
-        $type: "color",
-        $value: "#fff1c2"
-      },
-      300: {
-        $type: "color",
-        $value: "#ffe8a3"
-      },
-      400: {
-        $type: "color",
-        $value: "#e8b931"
-      },
-      500: {
-        $type: "color",
-        $value: "#e5a000"
-      },
-      600: {
-        $type: "color",
-        $value: "#bf6a02"
-      },
-      700: {
-        $type: "color",
-        $value: "#975102"
-      },
-      800: {
-        $type: "color",
-        $value: "#682d03"
-      },
-      900: {
-        $type: "color",
-        $value: "#522504"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#401b01"
-      }
-    },
-    Blue: {
-      100: {
-        $type: "color",
-        $value: "#fbfdff"
-      },
-      200: {
-        $type: "color",
-        $value: "#eaf4ff"
-      },
-      300: {
-        $type: "color",
-        $value: "#d5ebff"
-      },
-      400: {
-        $type: "color",
-        $value: "#c0e1ff"
-      },
-      500: {
-        $type: "color",
-        $value: "#91d0ff"
-      },
-      600: {
-        $type: "color",
-        $value: "#0094d5"
-      },
-      700: {
-        $type: "color",
-        $value: "#00679b"
-      },
-      800: {
-        $type: "color",
-        $value: "#003a5a"
-      },
-      900: {
-        $type: "color",
-        $value: "#003a5a"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#002133"
-      }
-    },
-    Slate: {
-      100: {
-        $type: "color",
-        $value: "#f5f5f5"
-      },
-      200: {
-        $type: "color",
-        $value: "#e3e3e3"
-      },
-      300: {
-        $type: "color",
-        $value: "#cdcdcd"
-      },
-      400: {
-        $type: "color",
-        $value: "#b2b2b2"
-      },
-      500: {
-        $type: "color",
-        $value: "#949494"
-      },
-      600: {
-        $type: "color",
-        $value: "#767676"
-      },
-      700: {
-        $type: "color",
-        $value: "#5a5a5a"
-      },
-      800: {
-        $type: "color",
-        $value: "#434343"
-      },
-      900: {
-        $type: "color",
-        $value: "#303030"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#242424"
-      }
-    },
-    Grey: {
-      25: {
-        $type: "color",
-        $value: "#f5f5f5"
-      },
-      50: {
-        $type: "color",
-        $value: "#f2f2f2"
-      },
-      100: {
-        $type: "color",
-        $value: "#e6e6e6"
-      },
-      200: {
-        $type: "color",
-        $value: "#cccccc"
-      },
-      300: {
-        $type: "color",
-        $value: "#b3b3b3"
-      },
-      400: {
-        $type: "color",
-        $value: "#999999"
-      },
-      500: {
-        $type: "color",
-        $value: "#7b7b7b"
-      },
-      600: {
-        $type: "color",
-        $value: "#666666"
-      },
-      700: {
-        $type: "color",
-        $value: "#4d4d4d"
-      },
-      800: {
-        $type: "color",
-        $value: "#333333"
-      },
-      900: {
-        $type: "color",
-        $value: "#1a1a1a"
-      },
-      1e3: {
-        $type: "color",
-        $value: "#0d0d0d"
-      }
-    },
-    GreyAlpha: {
-      25: {
-        $type: "color",
-        $value: "rgba(248, 248, 248, 0.8000)"
-      },
-      100: {
-        $type: "color",
-        $value: "rgba(242, 242, 242, 0.8000)"
-      },
-      500: {
-        $type: "color",
-        $value: "rgba(204, 204, 204, 0.2000)"
-      },
-      700: {
-        $type: "color",
-        $value: "rgba(204, 204, 204, 0.6000)"
-      },
-      800: {
-        $type: "color",
-        $value: "rgba(186, 186, 186, 0.6000)"
-      },
-      900: {
-        $type: "color",
-        $value: "rgba(50, 50, 50, 0.9000)"
-      },
-      "05": {
-        $type: "color",
-        $value: "rgba(253, 253, 253, 0.8000)"
-      }
-    }
-  },
-  Unit: {
-    Space: {
-      0: {
-        $type: "number",
-        $value: "0px"
-      },
-      100: {
-        $type: "number",
-        $value: "4px"
-      },
-      150: {
-        $type: "number",
-        $value: "6px"
-      },
-      200: {
-        $type: "number",
-        $value: "8px"
-      },
-      300: {
-        $type: "number",
-        $value: "12px"
-      },
-      400: {
-        $type: "number",
-        $value: "16px"
-      },
-      500: {
-        $type: "number",
-        $value: "20px"
-      },
-      600: {
-        $type: "number",
-        $value: "24px"
-      },
-      800: {
-        $type: "number",
-        $value: "32px"
-      },
-      1e3: {
-        $type: "number",
-        $value: "40px"
-      },
-      1200: {
-        $type: "number",
-        $value: "48px"
-      },
-      1600: {
-        $type: "number",
-        $value: "64px"
-      },
-      2e3: {
-        $type: "number",
-        $value: "80px"
-      },
-      2400: {
-        $type: "number",
-        $value: "96px"
-      },
-      2800: {
-        $type: "number",
-        $value: "112px"
-      },
-      3200: {
-        $type: "number",
-        $value: "128px"
-      },
-      3600: {
-        $type: "number",
-        $value: "144px"
-      },
-      4e3: {
-        $type: "number",
-        $value: "160px"
-      },
-      4400: {
-        $type: "number",
-        $value: "176px"
-      },
-      4800: {
-        $type: "number",
-        $value: "192px"
-      },
-      5200: {
-        $type: "number",
-        $value: "208px"
-      },
-      5600: {
-        $type: "number",
-        $value: "224px"
-      },
-      6e3: {
-        $type: "number",
-        $value: "240px"
-      },
-      6400: {
-        $type: "number",
-        $value: "256px"
-      },
-      7200: {
-        $type: "number",
-        $value: "288px"
-      },
-      8e3: {
-        $type: "number",
-        $value: "320px"
-      },
-      9600: {
-        $type: "number",
-        $value: "384px"
-      },
-      "0125": {
-        $type: "number",
-        $value: "0.5px"
-      },
-      "025": {
-        $type: "number",
-        $value: "1px"
-      },
-      "0325": {
-        $type: "number",
-        $value: "1.5px"
-      },
-      "050": {
-        $type: "number",
-        $value: "2px"
-      }
-    },
-    Stack: {
-      100: {
-        $type: "number",
-        $value: "-4px"
-      },
-      200: {
-        $type: "number",
-        $value: "-8px"
-      },
-      300: {
-        $type: "number",
-        $value: "-12px"
-      },
-      400: {
-        $type: "number",
-        $value: "-16px"
-      },
-      800: {
-        $type: "number",
-        $value: "-32px"
-      },
-      1e3: {
-        $type: "number",
-        $value: "-40px"
-      },
-      1600: {
-        $type: "number",
-        $value: "-64px"
-      },
-      2400: {
-        $type: "number",
-        $value: "-96px"
-      },
-      3200: {
-        $type: "number",
-        $value: "-128px"
-      },
-      4e3: {
-        $type: "number",
-        $value: "-160px"
-      },
-      4800: {
-        $type: "number",
-        $value: "-192px"
-      },
-      5600: {
-        $type: "number",
-        $value: "-224px"
-      },
-      7200: {
-        $type: "number",
-        $value: "-288px"
-      },
-      9600: {
-        $type: "number",
-        $value: "-384px"
-      },
-      "0125": {
-        $type: "number",
-        $value: "-0.5px"
-      },
-      "025": {
-        $type: "number",
-        $value: "-1px"
-      },
-      "0325": {
-        $type: "number",
-        $value: "-1.5px"
-      },
-      "050": {
-        $type: "number",
-        $value: "-2px"
-      },
-      "075": {
-        $type: "number",
-        $value: "-3px"
-      }
-    },
-    Size: {
-      4: {
-        $type: "number",
-        $value: "4px"
-      },
-      6: {
-        $type: "number",
-        $value: "6px"
-      },
-      8: {
-        $type: "number",
-        $value: "8px"
-      },
-      10: {
-        $type: "number",
-        $value: "10px"
-      },
-      12: {
-        $type: "number",
-        $value: "12px"
-      },
-      14: {
-        $type: "number",
-        $value: "14px"
-      },
-      16: {
-        $type: "number",
-        $value: "16px"
-      },
-      18: {
-        $type: "number",
-        $value: "18px"
-      },
-      20: {
-        $type: "number",
-        $value: "20px"
-      },
-      22: {
-        $type: "number",
-        $value: "22px"
-      },
-      24: {
-        $type: "number",
-        $value: "24px"
-      },
-      28: {
-        $type: "number",
-        $value: "28px"
-      },
-      30: {
-        $type: "number",
-        $value: "30px"
-      },
-      32: {
-        $type: "number",
-        $value: "32px"
-      },
-      40: {
-        $type: "number",
-        $value: "40px"
-      },
-      48: {
-        $type: "number",
-        $value: "48px"
-      },
-      64: {
-        $type: "number",
-        $value: "64px"
-      },
-      80: {
-        $type: "number",
-        $value: "80px"
-      },
-      96: {
-        $type: "number",
-        $value: "96px"
-      },
-      112: {
-        $type: "number",
-        $value: "112px"
-      },
-      128: {
-        $type: "number",
-        $value: "128px"
-      },
-      144: {
-        $type: "number",
-        $value: "144px"
-      },
-      160: {
-        $type: "number",
-        $value: "160px"
-      },
-      176: {
-        $type: "number",
-        $value: "176px"
-      },
-      224: {
-        $type: "number",
-        $value: "224px"
-      }
-    },
-    Resolution: {
-      XxsmallScreenMin: {
-        $type: "number",
-        $value: "375px"
-      },
-      XsmallScreenMin: {
-        $type: "number",
-        $value: "480px"
-      },
-      SmallScreenMin: {
-        $type: "number",
-        $value: "576px"
-      },
-      MediumScreenMin: {
-        $type: "number",
-        $value: "768px"
-      },
-      LargeScreenMin: {
-        $type: "number",
-        $value: "992px"
-      },
-      XlargeScreenMin: {
-        $type: "number",
-        $value: "1200px"
-      },
-      XxlargeScreenMin: {
-        $type: "number",
-        $value: "1400px"
-      },
-      XxxsmallScreenMax: {
-        $type: "number",
-        $value: "374px"
-      },
-      XxsmallScreenMax: {
-        $type: "number",
-        $value: "479px"
-      },
-      XsmallScreenMax: {
-        $type: "number",
-        $value: "575px"
-      },
-      SmallScreenMax: {
-        $type: "number",
-        $value: "767px"
-      },
-      MediumScreenMax: {
-        $type: "number",
-        $value: "991px"
-      },
-      LargeScreenMax: {
-        $type: "number",
-        $value: "1199px"
-      },
-      XlargeScreenMax: {
-        $type: "number",
-        $value: "1399px"
-      },
-      XxlargeScreenMax: {
-        $type: "number",
-        $value: "1920px"
-      }
-    }
-  },
-  Font: {
-    Family: {
-      Main: {
-        $type: "string",
-        $value: "PP Mori"
-      },
-      Body: {
-        $type: "string",
-        $value: "Helvetica LT Pro"
-      },
-      Epigraph: {
-        $type: "string",
-        $value: "PP Mori"
-      }
-    }
-  }
-}, y = {
-  Color: {
-    Brand: {
-      Base: {
-        $type: "color",
-        $value: "#335166",
-        $web: "var(--color-brand-base)"
-      },
-      BaseSecondary: {
-        $type: "color",
-        $value: "#2b4354",
-        $web: "var(--color-brand-base-secondary)"
-      },
-      BaseTertiary: {
-        $type: "color",
-        $value: "#202f3a",
-        $web: "var(--color-brand-base-tertiary)"
-      },
-      Accent: {
-        $type: "color",
-        $value: "#4276cf",
-        $web: "var(--color-brand-accent)"
-      },
-      AccentSecondary: {
-        $type: "color",
-        $value: "#3761a8",
-        $web: "var(--color-brand-accent-secondary)"
-      },
-      AccentTertiary: {
-        $type: "color",
-        $value: "#3761a8",
-        $web: "var(--color-brand-accent-tertiary)"
-      },
-      Light: {
-        $type: "color",
-        $value: "#f8fbf6",
-        $web: "var(--color-brand-light)"
-      },
-      Dark: {
-        $type: "color",
-        $value: "#111b22",
-        $web: "var(--color-brand-dark)"
-      }
-    }
-  },
-  Font: {
-    Brand: {
-      Heading: {
-        $type: "string",
-        $value: "PP Mori",
-        $web: "var(--font-brand-heading)"
-      },
-      Body: {
-        $type: "string",
-        $value: "Helvetica LT Pro",
-        $web: "var(--font-brand-body)"
-      }
-    }
-  },
-  Unit: {
-    Brand: {
-      Radius: {
-        $type: "number",
-        $value: "4px",
-        $web: "var(--unit-brand-radius)"
-      }
-    }
-  }
-}, P = {
-  Color: {
-    Surface: {
-      Plain: {
-        $value: "{Primitives.Color.White.1000}"
-      },
-      NeutralPrimary: {
-        $value: "{Primitives.Color.Grey.100}"
-      },
-      NeutralSecondary: {
-        $value: "{Primitives.Color.Grey.50}"
-      },
-      NeutralTertiary: {
-        $value: "{Primitives.Color.Grey.25}"
-      },
-      ShadowSecondary: {
-        $value: "{Primitives.Color.Black.200}"
-      }
-    },
-    Fill: {
-      Accent: {
-        $value: "{BrandPrimitives.Color.Brand.Accent}"
-      },
-      AccentHover: {
-        $value: "{BrandPrimitives.Color.Brand.AccentSecondary}"
-      },
-      AccentPress: {
-        $value: "{BrandPrimitives.Color.Brand.AccentTertiary}"
-      },
-      Base: {
-        $value: "{BrandPrimitives.Color.Brand.Base}"
-      },
-      BaseHover: {
-        $value: "{BrandPrimitives.Color.Brand.BaseSecondary}"
-      },
-      BasePress: {
-        $value: "{BrandPrimitives.Color.Brand.BaseTertiary}"
-      },
-      NeutralPrimary: {
-        $value: "{Primitives.Color.Grey.700}"
-      },
-      NeutralSecondary: {
-        $value: "{Primitives.Color.Grey.300}"
-      },
-      NeutralTertiary: {
-        $value: "{Primitives.Color.Grey.100}"
-      },
-      SubtlePrimary: {
-        $value: "{Primitives.Color.GreyAlpha.100}"
-      },
-      SubtleSecondary: {
-        $value: "{Primitives.Color.GreyAlpha.25}"
-      },
-      ErrorPrimary: {
-        $value: "{Primitives.Color.Red.600}"
-      },
-      Disabled: {
-        $value: "{Primitives.Color.Grey.200}"
-      },
-      HotspotSecondary: {
-        $value: "{Primitives.Color.GreyAlpha.800}"
-      }
-    },
-    Icon: {
-      NeutralPrimary: {
-        $value: "{Primitives.Color.Grey.800}"
-      }
-    },
-    Text: {
-      Invert: {
-        $value: "{Primitives.Color.White.1000}"
-      },
-      NeutralPrimary: {
-        $value: "{Primitives.Color.Grey.800}"
-      },
-      NeutralSecondary: {
-        $value: "{Primitives.Color.Grey.700}"
-      },
-      Disabled: {
-        $value: "{Primitives.Color.Grey.300}"
-      }
-    },
-    Border: {
-      AltContrast: {
-        $value: "{BrandPrimitives.Color.Brand.Dark}"
-      },
-      SubtlePrimary: {
-        $value: "{Primitives.Color.Grey.300}"
-      }
-    }
-  },
-  Size: {
-    Text: {
-      Small: {
-        $value: "{Primitives.Unit.Size.16}"
-      },
-      Medium: {
-        $value: "{Primitives.Unit.Size.18}"
-      },
-      Large: {
-        $value: "{Primitives.Unit.Size.20}"
-      }
-    },
-    Icon: {
-      Small: {
-        $value: "{Primitives.Unit.Size.20}"
-      },
-      Medium: {
-        $value: "{Primitives.Unit.Size.24}"
-      },
-      Large: {
-        $value: "{Primitives.Unit.Size.28}"
-      }
-    },
-    Radius: {
-      Medium: {
-        $value: "{Primitives.Unit.Space.150}"
-      },
-      Full: {
-        $value: "{Primitives.Unit.Space.6000}"
-      }
-    },
-    Stroke: {
-      Regular: {
-        $value: "{Primitives.Unit.Space.025}"
-      },
-      Thick: {
-        $value: "{Primitives.Unit.Space.050}"
-      }
-    },
-    Shadow: {
-      None: {
-        $value: "{Primitives.Unit.Space.0}"
-      },
-      Xsmall: {
-        $value: "{Primitives.Unit.Space.025}"
-      },
-      Small: {
-        $value: "{Primitives.Unit.Space.0325}"
-      }
-    },
-    Blur: {
-      Small: {
-        $value: "{Primitives.Unit.Space.100}"
-      }
-    }
-  },
-  Space: {
-    Padding: {
-      Small: {
-        $value: "{Primitives.Unit.Space.300}"
-      },
-      Medium: {
-        $value: "{Primitives.Unit.Space.400}"
-      },
-      Regular: {
-        $value: "{Primitives.Unit.Space.600}"
-      }
-    },
-    Gap: {
-      Small: {
-        $value: "{Primitives.Unit.Space.200}"
-      },
-      Regular: {
-        $value: "{Primitives.Unit.Space.400}"
-      },
-      Xxlarge: {
-        $value: "{Primitives.Unit.Space.800}"
-      }
-    }
-  },
-  Font: {
-    Family: {
-      Main: {
-        $value: "Helvetica Neue"
-      },
-      Body: {
-        $value: "Helvetica Neue"
-      }
-    },
-    Tracking: {
-      Normal: {
-        $value: "{Primitives.Unit.Space.0}"
-      }
-    }
-  }
-};
-function x(r) {
-  const t = /\{Primitives\.(.*?)}/, e = String(r).match(t), n = /\{BrandPrimitives\.(.*?)}/, l = String(r).match(n);
-  let o = r;
-  if (e) {
-    const a = e[1].split(".");
-    o = g[a[0]][a[1]][a[2]].$value;
-  } else if (l) {
-    const a = l[1].split("."), p = y[a[0]][a[1]][a[2]], c = p.$web;
-    o = `${c.substring(0, c.length - 1)}, ${p.$value})`;
-  }
-  return v(o);
-}
-const T = {
-  arImage: "/Images/phone.png",
-  poweredByEpigraphFooterText: "https://asset.myepigraph.com/design-assets/icons/powered-by-epigraph-footer-text.png",
-  sampleQrCode: "https://asset.myepigraph.com/design-assets/icons/sample-qr-code.png"
-};
-function h() {
-  const r = {};
-  for (const [t, e] of Object.entries(y))
-    for (const [n, l] of Object.entries(e))
-      for (const [o, a] of Object.entries(l)) {
-        const p = `${t}${n}${o}`;
-        r[p] = {
-          name: v(a.$web),
-          defaultValue: a.$value,
-          argType: {
-            control: a.$type
-          }
-        };
-      }
-  return r;
-}
-const H = h(), i = {
-  size: {
-    name: "size",
-    defaultValue: "small",
-    argType: {
-      options: ["small", "medium", "large"],
-      control: "select"
-    }
-  },
-  theme: {
-    name: "theme",
-    defaultValue: "light",
-    argType: {
-      options: ["light", "dark"],
-      control: "select"
-    }
-  },
-  disabled: {
-    name: "disabled",
-    defaultValue: !1,
-    argType: {
-      control: "boolean"
-    }
-  }
-};
-var S = Object.defineProperty, s = (r, t, e, n) => {
-  for (var l = void 0, o = r.length - 1, a; o >= 0; o--)
-    (a = r[o]) && (l = a(t, e, l) || l);
-  return l && S(t, e, l), l;
-};
-const u = class m extends f {
-  constructor() {
-    super(), this.epgOnClickEventName = "epgonclick", this.disabled = !1, this.theme = i.theme.defaultValue.toString(), this.size = i.size.defaultValue.toString(), m.ensureFontsAreLoaded();
-  }
-  static {
-    this.styles = [
-      b`
-            :host {
-                font-family: ${x(P.Font.Family.Main.$value)};
-                letter-spacing: 0.5px;
-            }
-
-            :host([disabled]) {
-                cursor: not-allowed;
-            }
-
-            :host([size="small"]) {
-                --size: "small";
-            }
-
-            :host([size="medium"]) {
-                --size: "medium";
-            }
-
-            :host([size="large"]) {
-                --size: "large";
-            }
-
-            :host([theme="light"]) {
-                --theme: "light";
-            }
-
-            :host([theme="dark"]) {
-                --theme: "dark";
-            }
-
-            .hide {
-                display: none;
-            }
-        `
-    ];
-  }
-  /**
-   * We have to do this hack because:
-   * 1. Vite doesn't bundle nested imports as expected when bundled with "?inline" on font imports.
-   * 2. The way chrome vs safari load font face in different scopes https://github.com/lit/lit-element/issues/793
-   */
-  static ensureFontsAreLoaded() {
-    const t = "epigraphFonts";
-    document.head.querySelector(`#${t}`) || document.head.insertAdjacentHTML(
-      "beforeend",
-      `<style id=${t}>${d}</style>`
-    );
-  }
-  /**
-   * Conveniencne method to effectively get the slot children.
-   * If the the slot has injected elements, this method would return those,
-   * otherwise, return the default children.
-   * 
-   * @param {HTMLSlotElement} slotElem The slot to be processes.
-   * @returns {Array<Element>}
-   */
-  getSlottedElements(t) {
-    const e = t.assignedElements();
-    return [...e.length > 0 ? e : t.children];
-  }
-  doClick() {
-    if (this.disabled)
-      return;
-    typeof this.onClickCallback == "function" && this.onClickCallback();
-    const t = new CustomEvent("epgonclick");
-    this.dispatchEvent(t);
-  }
-  showElement(t) {
-    const e = t.target;
-    e && (e.classList.remove("hide"), e.ariaHidden = "true");
-  }
-  hideElement(t) {
-    const e = t.target;
-    e && (e.classList.add("hide"), e.ariaHidden = "true");
-  }
-  showPlaceholderImage(t) {
-    const e = t.target;
-    e && (e.src = "https://placehold.co/100");
-  }
-};
-s([
-  $({ type: Boolean, attribute: i.disabled.name, reflect: !0 })
-], u.prototype, "disabled");
-s([
-  $({ attribute: i.theme.name, type: String, reflect: !0 })
-], u.prototype, "theme");
-s([
-  $({ attribute: i.size.name, type: String, reflect: !0 })
-], u.prototype, "size");
-s([
-  $({ attribute: !1 })
-], u.prototype, "onClickCallback");
-let L = u;
-export {
-  L as B,
-  P as D,
-  T as E,
-  H as a,
-  i as b,
-  x as g,
-  C as r
-};