@epigraph/solutions 0.0.2-alpha → 0.0.4-alpha

package/dist/baseUiComponent-_PPHqnvV.js

@@ -0,0 +1,1214 @@
+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
+};