@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index126.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index126.cjs","sources":["../src/components/SeatInfov2/SeatInfov2.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { DefaultTheme } from \"styled-components\";\nimport { textStyle } from \"../../dimensions\";\nimport {\n  getBackgroundColor,\n  statusesWithWayfinding,\n  type BrandColors,\n  type TicketType,\n} from \"../TicketCardv2\";\n\nexport type SeatLocation = {\n  /**\n   * Title or label to display (ex. 'row')\n   */\n  title: string;\n  /**\n   * Value to display beside title (ex. '123')\n   */\n  value?: string;\n};\n\nexport type SeatInfoProps = {\n  /**\n   * Row title and value\n   */\n  row?: SeatLocation;\n  /**\n   * Seat title and value\n   */\n  seat?: SeatLocation;\n  /**\n   * Section title and value\n   */\n  section?: SeatLocation;\n  /**\n   * Type or status of the ticket\n   */\n  type: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * Only used if status is 'primary'\n   * @type BrandColors\n   */\n  wayfindingColors?: BrandColors;\n};\n\nconst SeatInfov2 = ({\n  seat,\n  section,\n  row,\n  type,\n  wayfindingColors,\n}: SeatInfoProps) => {\n  return (\n    <RowList $type={type} $wayfindingColors={wayfindingColors}>\n      <RowItem $slot=\"start\">\n        <LocationLabel $type={type} $wayfindingColors={wayfindingColors}>\n          {section?.value ? section.title : \"\"}\n        </LocationLabel>\n        <LocationDescription\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          $slot=\"start\"\n          translate=\"no\"\n        >\n          {section?.value ? section.value : \"\"}\n        </LocationDescription>\n      </RowItem>\n      <RowItem $slot=\"middle\">\n        <LocationLabel $type={type} $wayfindingColors={wayfindingColors}>\n          {row?.value ? row.title : \"\"}\n        </LocationLabel>\n        <LocationDescription\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          $slot=\"middle\"\n          translate=\"no\"\n        >\n          {row?.value ? row.value : \"\"}\n        </LocationDescription>\n      </RowItem>\n      <RowItem $slot=\"end\">\n        <LocationLabel $type={type} $wayfindingColors={wayfindingColors}>\n          {seat?.value ? seat.title : \"\"}\n        </LocationLabel>\n        <LocationDescription\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          $slot=\"end\"\n          translate=\"no\"\n        >\n          {seat?.value ? seat.value : \"\"}\n        </LocationDescription>\n      </RowItem>\n    </RowList>\n  );\n};\n\nexport type ColorVariant = undefined | \"secondary\";\n\nexport const getTextColor = (\n  theme: DefaultTheme,\n  type?: TicketType,\n  wayfinding?: BrandColors,\n  location?: \"title\" | undefined,\n) => {\n  if (!type) return theme.text.primary;\n\n  if (wayfinding && statusesWithWayfinding.includes(type)) {\n    const { foreground } = wayfinding;\n\n    return foreground;\n  } else if (location === \"title\") {\n    return theme.text.secondary;\n  } else {\n    const overrideColors: Record<TicketType, ColorVariant> = {\n      disabled: \"secondary\",\n      membership: undefined,\n      primary: undefined,\n      resale: \"secondary\",\n      reserved: undefined,\n      transfer: \"secondary\",\n      upsell: undefined,\n      addedValue: undefined,\n    };\n\n    const overrideColor = overrideColors[type];\n\n    return overrideColor ? theme.text.secondary : theme.text.primary;\n  }\n};\n\nconst RowList = styled.dl<{\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n}>`\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  background-color: ${({ $type, $wayfindingColors }) => {\n    return getBackgroundColor($type, $wayfindingColors);\n  }};\n`;\n\ntype Slot = \"start\" | \"middle\" | \"end\";\n\nconst RowItem = styled.div<{ $slot: Slot }>`\n  display: grid;\n  row-gap: 2px;\n  grid-template-rows: repeat(2, min-content);\n  justify-items: ${({ $slot }) => {\n    switch ($slot) {\n      case \"start\":\n        return \"flex-start\";\n      case \"middle\":\n        return \"center\";\n      case \"end\":\n        return \"flex-end\";\n      default:\n        return \"flex-start\";\n    }\n  }};\n`;\n\ntype ThemeProps = {\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n};\n\nconst LocationLabel = styled.dt<ThemeProps>`\n  width: fit-content;\n  margin: 0px;\n  color: ${({ theme, $type, $wayfindingColors }) =>\n    getTextColor(theme, $type, $wayfindingColors, \"title\")};\n  ${textStyle.nevis}\n  text-align: center;\n  text-transform: uppercase;\n`;\n\nconst LocationDescription = styled.dd<ThemeProps & { $slot: Slot }>`\n  width: 100%;\n  margin: 0px;\n  overflow: hidden;\n  color: ${({ theme, $type, $wayfindingColors }) =>\n    getTextColor(theme, $type, $wayfindingColors)};\n  ${textStyle.vinson}\n  text-align: ${({ $slot }) => ($slot === \"middle\" ? \"center\" : $slot)};\n  overflow-wrap: break-word;\n`;\n\nexport default SeatInfov2;\n"],"names":["SeatInfov2","seat","section","row","type","wayfindingColors","jsxs","jsx","value","title","getTextColor","theme","wayfinding","location","text","primary","statusesWithWayfinding","includes","foreground","secondary","overrideColors","disabled","membership","undefined","resale","reserved","transfer","upsell","addedValue","overrideColor","RowList","styled","dl","withConfig","displayName","componentId","$type","$wayfindingColors","getBackgroundColor","RowItem","div","$slot","LocationLabel","dt","textStyle","nevis","LocationDescription","dd","vinson"],"mappings":"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"}

package/dist/index126.js

@@ -0,0 +1,99 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { getBackgroundColor, statusesWithWayfinding } from "./index128.js";
+import { textStyle } from "./index520.js";
+const SeatInfov2 = ({
+  seat,
+  section,
+  row,
+  type,
+  wayfindingColors
+}) => {
+  return /* @__PURE__ */ jsxs(RowList, { $type: type, $wayfindingColors: wayfindingColors, children: [
+    /* @__PURE__ */ jsxs(RowItem, { $slot: "start", children: [
+      /* @__PURE__ */ jsx(LocationLabel, { $type: type, $wayfindingColors: wayfindingColors, children: (section == null ? void 0 : section.value) ? section.title : "" }),
+      /* @__PURE__ */ jsx(LocationDescription, { $type: type, $wayfindingColors: wayfindingColors, $slot: "start", translate: "no", children: (section == null ? void 0 : section.value) ? section.value : "" })
+    ] }),
+    /* @__PURE__ */ jsxs(RowItem, { $slot: "middle", children: [
+      /* @__PURE__ */ jsx(LocationLabel, { $type: type, $wayfindingColors: wayfindingColors, children: (row == null ? void 0 : row.value) ? row.title : "" }),
+      /* @__PURE__ */ jsx(LocationDescription, { $type: type, $wayfindingColors: wayfindingColors, $slot: "middle", translate: "no", children: (row == null ? void 0 : row.value) ? row.value : "" })
+    ] }),
+    /* @__PURE__ */ jsxs(RowItem, { $slot: "end", children: [
+      /* @__PURE__ */ jsx(LocationLabel, { $type: type, $wayfindingColors: wayfindingColors, children: (seat == null ? void 0 : seat.value) ? seat.title : "" }),
+      /* @__PURE__ */ jsx(LocationDescription, { $type: type, $wayfindingColors: wayfindingColors, $slot: "end", translate: "no", children: (seat == null ? void 0 : seat.value) ? seat.value : "" })
+    ] })
+  ] });
+};
+const getTextColor = (theme, type, wayfinding, location) => {
+  if (!type) return theme.text.primary;
+  if (wayfinding && statusesWithWayfinding.includes(type)) {
+    const {
+      foreground
+    } = wayfinding;
+    return foreground;
+  } else if (location === "title") {
+    return theme.text.secondary;
+  } else {
+    const overrideColors = {
+      disabled: "secondary",
+      membership: void 0,
+      primary: void 0,
+      resale: "secondary",
+      reserved: void 0,
+      transfer: "secondary",
+      upsell: void 0,
+      addedValue: void 0
+    };
+    const overrideColor = overrideColors[type];
+    return overrideColor ? theme.text.secondary : theme.text.primary;
+  }
+};
+const RowList = styled.dl.withConfig({
+  displayName: "SeatInfov2__RowList",
+  componentId: "sc-iq77q4-0"
+})(["display:flex;justify-content:space-between;margin:0;background-color:", ";"], ({
+  $type,
+  $wayfindingColors
+}) => {
+  return getBackgroundColor($type, $wayfindingColors);
+});
+const RowItem = styled.div.withConfig({
+  displayName: "SeatInfov2__RowItem",
+  componentId: "sc-iq77q4-1"
+})(["display:grid;row-gap:2px;grid-template-rows:repeat(2,min-content);justify-items:", ";"], ({
+  $slot
+}) => {
+  switch ($slot) {
+    case "start":
+      return "flex-start";
+    case "middle":
+      return "center";
+    case "end":
+      return "flex-end";
+    default:
+      return "flex-start";
+  }
+});
+const LocationLabel = styled.dt.withConfig({
+  displayName: "SeatInfov2__LocationLabel",
+  componentId: "sc-iq77q4-2"
+})(["width:fit-content;margin:0px;color:", ";", " text-align:center;text-transform:uppercase;"], ({
+  theme,
+  $type,
+  $wayfindingColors
+}) => getTextColor(theme, $type, $wayfindingColors, "title"), textStyle.nevis);
+const LocationDescription = styled.dd.withConfig({
+  displayName: "SeatInfov2__LocationDescription",
+  componentId: "sc-iq77q4-3"
+})(["width:100%;margin:0px;overflow:hidden;color:", ";", " text-align:", ";overflow-wrap:break-word;"], ({
+  theme,
+  $type,
+  $wayfindingColors
+}) => getTextColor(theme, $type, $wayfindingColors), textStyle.vinson, ({
+  $slot
+}) => $slot === "middle" ? "center" : $slot);
+export {
+  SeatInfov2 as default,
+  getTextColor
+};
+//# sourceMappingURL=index126.js.map

package/dist/index126.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index126.js","sources":["../src/components/SeatInfov2/SeatInfov2.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { DefaultTheme } from \"styled-components\";\nimport { textStyle } from \"../../dimensions\";\nimport {\n  getBackgroundColor,\n  statusesWithWayfinding,\n  type BrandColors,\n  type TicketType,\n} from \"../TicketCardv2\";\n\nexport type SeatLocation = {\n  /**\n   * Title or label to display (ex. 'row')\n   */\n  title: string;\n  /**\n   * Value to display beside title (ex. '123')\n   */\n  value?: string;\n};\n\nexport type SeatInfoProps = {\n  /**\n   * Row title and value\n   */\n  row?: SeatLocation;\n  /**\n   * Seat title and value\n   */\n  seat?: SeatLocation;\n  /**\n   * Section title and value\n   */\n  section?: SeatLocation;\n  /**\n   * Type or status of the ticket\n   */\n  type: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * Only used if status is 'primary'\n   * @type BrandColors\n   */\n  wayfindingColors?: BrandColors;\n};\n\nconst SeatInfov2 = ({\n  seat,\n  section,\n  row,\n  type,\n  wayfindingColors,\n}: SeatInfoProps) => {\n  return (\n    <RowList $type={type} $wayfindingColors={wayfindingColors}>\n      <RowItem $slot=\"start\">\n        <LocationLabel $type={type} $wayfindingColors={wayfindingColors}>\n          {section?.value ? section.title : \"\"}\n        </LocationLabel>\n        <LocationDescription\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          $slot=\"start\"\n          translate=\"no\"\n        >\n          {section?.value ? section.value : \"\"}\n        </LocationDescription>\n      </RowItem>\n      <RowItem $slot=\"middle\">\n        <LocationLabel $type={type} $wayfindingColors={wayfindingColors}>\n          {row?.value ? row.title : \"\"}\n        </LocationLabel>\n        <LocationDescription\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          $slot=\"middle\"\n          translate=\"no\"\n        >\n          {row?.value ? row.value : \"\"}\n        </LocationDescription>\n      </RowItem>\n      <RowItem $slot=\"end\">\n        <LocationLabel $type={type} $wayfindingColors={wayfindingColors}>\n          {seat?.value ? seat.title : \"\"}\n        </LocationLabel>\n        <LocationDescription\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          $slot=\"end\"\n          translate=\"no\"\n        >\n          {seat?.value ? seat.value : \"\"}\n        </LocationDescription>\n      </RowItem>\n    </RowList>\n  );\n};\n\nexport type ColorVariant = undefined | \"secondary\";\n\nexport const getTextColor = (\n  theme: DefaultTheme,\n  type?: TicketType,\n  wayfinding?: BrandColors,\n  location?: \"title\" | undefined,\n) => {\n  if (!type) return theme.text.primary;\n\n  if (wayfinding && statusesWithWayfinding.includes(type)) {\n    const { foreground } = wayfinding;\n\n    return foreground;\n  } else if (location === \"title\") {\n    return theme.text.secondary;\n  } else {\n    const overrideColors: Record<TicketType, ColorVariant> = {\n      disabled: \"secondary\",\n      membership: undefined,\n      primary: undefined,\n      resale: \"secondary\",\n      reserved: undefined,\n      transfer: \"secondary\",\n      upsell: undefined,\n      addedValue: undefined,\n    };\n\n    const overrideColor = overrideColors[type];\n\n    return overrideColor ? theme.text.secondary : theme.text.primary;\n  }\n};\n\nconst RowList = styled.dl<{\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n}>`\n  display: flex;\n  justify-content: space-between;\n  margin: 0;\n  background-color: ${({ $type, $wayfindingColors }) => {\n    return getBackgroundColor($type, $wayfindingColors);\n  }};\n`;\n\ntype Slot = \"start\" | \"middle\" | \"end\";\n\nconst RowItem = styled.div<{ $slot: Slot }>`\n  display: grid;\n  row-gap: 2px;\n  grid-template-rows: repeat(2, min-content);\n  justify-items: ${({ $slot }) => {\n    switch ($slot) {\n      case \"start\":\n        return \"flex-start\";\n      case \"middle\":\n        return \"center\";\n      case \"end\":\n        return \"flex-end\";\n      default:\n        return \"flex-start\";\n    }\n  }};\n`;\n\ntype ThemeProps = {\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n};\n\nconst LocationLabel = styled.dt<ThemeProps>`\n  width: fit-content;\n  margin: 0px;\n  color: ${({ theme, $type, $wayfindingColors }) =>\n    getTextColor(theme, $type, $wayfindingColors, \"title\")};\n  ${textStyle.nevis}\n  text-align: center;\n  text-transform: uppercase;\n`;\n\nconst LocationDescription = styled.dd<ThemeProps & { $slot: Slot }>`\n  width: 100%;\n  margin: 0px;\n  overflow: hidden;\n  color: ${({ theme, $type, $wayfindingColors }) =>\n    getTextColor(theme, $type, $wayfindingColors)};\n  ${textStyle.vinson}\n  text-align: ${({ $slot }) => ($slot === \"middle\" ? \"center\" : $slot)};\n  overflow-wrap: break-word;\n`;\n\nexport default SeatInfov2;\n"],"names":["SeatInfov2","seat","section","row","type","wayfindingColors","value","title","getTextColor","theme","wayfinding","location","text","primary","statusesWithWayfinding","includes","foreground","secondary","overrideColors","disabled","membership","undefined","resale","reserved","transfer","upsell","addedValue","overrideColor","RowList","styled","dl","withConfig","displayName","componentId","$type","$wayfindingColors","getBackgroundColor","RowItem","div","$slot","LocationLabel","dt","textStyle","nevis","LocationDescription","dd","vinson"],"mappings":"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"}

package/dist/index127.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const typography = require("./index520.cjs");
+const spacing = require("./index522.cjs");
+const SimpleSeatInfo = ({
+  section,
+  row,
+  seat
+}) => {
+  const locationsParts = [...(section == null ? void 0 : section.value) ? [section] : [], ...(row == null ? void 0 : row.value) ? [row] : [], ...(seat == null ? void 0 : seat.value) ? [seat] : []];
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledSeatInfo, { children: /* @__PURE__ */ jsxRuntime.jsx(RowList, { children: locationsParts.map((item, index) => {
+    if (!item) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(RowItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(LocationLabel, { children: item.title.toUpperCase() }),
+      /* @__PURE__ */ jsxRuntime.jsxs(LocationDescription, { children: [
+        item == null ? void 0 : item.value,
+        index < locationsParts.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "," })
+      ] })
+    ] }, item.title);
+  }) }) });
+};
+const StyledSeatInfo = styled.div.withConfig({
+  displayName: "SimpleSeatInfo__StyledSeatInfo",
+  componentId: "sc-ekehs2-0"
+})(["", ";margin:0;color:", ";"], typography.textStyle.snowdon, (props) => props.theme.text.secondary);
+const RowList = styled.dl.withConfig({
+  displayName: "SimpleSeatInfo__RowList",
+  componentId: "sc-ekehs2-1"
+})(["display:flex;gap:", ";"], spacing.spacing.lounge);
+const RowItem = styled.div.withConfig({
+  displayName: "SimpleSeatInfo__RowItem",
+  componentId: "sc-ekehs2-2"
+})(["display:flex;gap:", ";"], spacing.spacing.lounge);
+const LocationLabel = styled.dt.withConfig({
+  displayName: "SimpleSeatInfo__LocationLabel",
+  componentId: "sc-ekehs2-3"
+})(["margin:0;"]);
+const LocationDescription = styled.dd.withConfig({
+  displayName: "SimpleSeatInfo__LocationDescription",
+  componentId: "sc-ekehs2-4"
+})(["margin:0;"]);
+exports.default = SimpleSeatInfo;
+//# sourceMappingURL=index127.cjs.map

package/dist/index127.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index127.cjs","sources":["../src/components/SimpleSeatInfo/SimpleSeatInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { SeatInfoProps } from \"../SeatInfov2/SeatInfov2\";\nimport { textStyle, spacing } from \"../../dimensions\";\n\ntype SimpleSeatInfoProps = Pick<SeatInfoProps, \"section\" | \"seat\" | \"row\">;\n\nconst SimpleSeatInfo = ({ section, row, seat }: SimpleSeatInfoProps) => {\n  const locationsParts = [\n    ...(section?.value ? [section] : []),\n    ...(row?.value ? [row] : []),\n    ...(seat?.value ? [seat] : []),\n  ];\n\n  return (\n    <StyledSeatInfo>\n      <RowList>\n        {locationsParts.map((item, index) => {\n          if (!item) return null;\n          return (\n            <RowItem key={item.title}>\n              <LocationLabel>{item.title.toUpperCase()}</LocationLabel>\n              <LocationDescription>\n                {item?.value}\n                {index < locationsParts.length - 1 && <span>,</span>}\n              </LocationDescription>\n            </RowItem>\n          );\n        })}\n      </RowList>\n    </StyledSeatInfo>\n  );\n};\n\nexport default SimpleSeatInfo;\n\nconst StyledSeatInfo = styled.div`\n  ${textStyle.snowdon};\n  margin: 0;\n  color: ${(props) => props.theme.text.secondary};\n`;\n\nconst RowList = styled.dl`\n  display: flex;\n  gap: ${spacing.lounge};\n`;\n\nconst RowItem = styled.div`\n  display: flex;\n  gap: ${spacing.lounge};\n`;\n\nconst LocationLabel = styled.dt`\n  margin: 0;\n`;\n\nconst LocationDescription = styled.dd`\n  margin: 0;\n`;\n"],"names":["SimpleSeatInfo","section","row","seat","locationsParts","value","jsx","map","item","index","title","toUpperCase","length","StyledSeatInfo","styled","div","withConfig","displayName","componentId","textStyle","snowdon","props","theme","text","secondary","RowList","dl","spacing","lounge","RowItem","LocationLabel","dt","LocationDescription","dd"],"mappings":";;;;;;AAOA,MAAMA,iBAAiBA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAKC;AAA0B,MAAM;AACtE,QAAMC,iBAAiB,CACrB,IAAIH,mCAASI,SAAQ,CAACJ,OAAO,IAAI,CAAA,GACjC,IAAIC,2BAAKG,SAAQ,CAACH,GAAG,IAAI,CAAA,GACzB,IAAIC,6BAAME,SAAQ,CAACF,IAAI,IAAI,EAAG;AAGhC,SACEG,+BAAC,kBACC,UAAAA,2BAAAA,IAAC,SAAA,EACEF,yBAAeG,IAAI,CAACC,MAAMC,UAAU;AACnC,QAAI,CAACD,KAAM,QAAO;AAClB,2CACG,SAAA,EACC,UAAA;AAAA,MAAAF,2BAAAA,IAAC,eAAA,EAAeE,UAAAA,KAAKE,MAAMC,YAAAA,GAAc;AAAA,sCACxC,qBAAA,EACEH,UAAAA;AAAAA,QAAAA,6BAAMH;AAAAA,QACNI,QAAQL,eAAeQ,SAAS,KAAKN,2BAAAA,IAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,EAAA,GALYE,KAAKE,KAMnB;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;AAIA,MAAMG,iBAAiBC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,oBAAA,GAAA,GAC7BC,WAAAA,UAAUC,SAEFC,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,SAAS;AAGhD,MAAMC,UAAUX,OAAOY,GAAEV,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,GAAA,GAEhBS,QAAAA,QAAQC,MAAM;AAGvB,MAAMC,UAAUf,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,GAAA,GAEjBS,QAAAA,QAAQC,MAAM;AAGvB,MAAME,gBAAgBhB,OAAOiB,GAAEf,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,WAAA,CAAA;AAI/B,MAAMc,sBAAsBlB,OAAOmB,GAAEjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,WAAA,CAAA;;"}

package/dist/index127.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { textStyle } from "./index520.js";
+import { spacing } from "./index522.js";
+const SimpleSeatInfo = ({
+  section,
+  row,
+  seat
+}) => {
+  const locationsParts = [...(section == null ? void 0 : section.value) ? [section] : [], ...(row == null ? void 0 : row.value) ? [row] : [], ...(seat == null ? void 0 : seat.value) ? [seat] : []];
+  return /* @__PURE__ */ jsx(StyledSeatInfo, { children: /* @__PURE__ */ jsx(RowList, { children: locationsParts.map((item, index) => {
+    if (!item) return null;
+    return /* @__PURE__ */ jsxs(RowItem, { children: [
+      /* @__PURE__ */ jsx(LocationLabel, { children: item.title.toUpperCase() }),
+      /* @__PURE__ */ jsxs(LocationDescription, { children: [
+        item == null ? void 0 : item.value,
+        index < locationsParts.length - 1 && /* @__PURE__ */ jsx("span", { children: "," })
+      ] })
+    ] }, item.title);
+  }) }) });
+};
+const StyledSeatInfo = styled.div.withConfig({
+  displayName: "SimpleSeatInfo__StyledSeatInfo",
+  componentId: "sc-ekehs2-0"
+})(["", ";margin:0;color:", ";"], textStyle.snowdon, (props) => props.theme.text.secondary);
+const RowList = styled.dl.withConfig({
+  displayName: "SimpleSeatInfo__RowList",
+  componentId: "sc-ekehs2-1"
+})(["display:flex;gap:", ";"], spacing.lounge);
+const RowItem = styled.div.withConfig({
+  displayName: "SimpleSeatInfo__RowItem",
+  componentId: "sc-ekehs2-2"
+})(["display:flex;gap:", ";"], spacing.lounge);
+const LocationLabel = styled.dt.withConfig({
+  displayName: "SimpleSeatInfo__LocationLabel",
+  componentId: "sc-ekehs2-3"
+})(["margin:0;"]);
+const LocationDescription = styled.dd.withConfig({
+  displayName: "SimpleSeatInfo__LocationDescription",
+  componentId: "sc-ekehs2-4"
+})(["margin:0;"]);
+export {
+  SimpleSeatInfo as default
+};
+//# sourceMappingURL=index127.js.map

package/dist/index127.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index127.js","sources":["../src/components/SimpleSeatInfo/SimpleSeatInfo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { SeatInfoProps } from \"../SeatInfov2/SeatInfov2\";\nimport { textStyle, spacing } from \"../../dimensions\";\n\ntype SimpleSeatInfoProps = Pick<SeatInfoProps, \"section\" | \"seat\" | \"row\">;\n\nconst SimpleSeatInfo = ({ section, row, seat }: SimpleSeatInfoProps) => {\n  const locationsParts = [\n    ...(section?.value ? [section] : []),\n    ...(row?.value ? [row] : []),\n    ...(seat?.value ? [seat] : []),\n  ];\n\n  return (\n    <StyledSeatInfo>\n      <RowList>\n        {locationsParts.map((item, index) => {\n          if (!item) return null;\n          return (\n            <RowItem key={item.title}>\n              <LocationLabel>{item.title.toUpperCase()}</LocationLabel>\n              <LocationDescription>\n                {item?.value}\n                {index < locationsParts.length - 1 && <span>,</span>}\n              </LocationDescription>\n            </RowItem>\n          );\n        })}\n      </RowList>\n    </StyledSeatInfo>\n  );\n};\n\nexport default SimpleSeatInfo;\n\nconst StyledSeatInfo = styled.div`\n  ${textStyle.snowdon};\n  margin: 0;\n  color: ${(props) => props.theme.text.secondary};\n`;\n\nconst RowList = styled.dl`\n  display: flex;\n  gap: ${spacing.lounge};\n`;\n\nconst RowItem = styled.div`\n  display: flex;\n  gap: ${spacing.lounge};\n`;\n\nconst LocationLabel = styled.dt`\n  margin: 0;\n`;\n\nconst LocationDescription = styled.dd`\n  margin: 0;\n`;\n"],"names":["SimpleSeatInfo","section","row","seat","locationsParts","value","map","item","index","title","toUpperCase","length","StyledSeatInfo","styled","div","withConfig","displayName","componentId","textStyle","snowdon","props","theme","text","secondary","RowList","dl","spacing","lounge","RowItem","LocationLabel","dt","LocationDescription","dd"],"mappings":";;;;AAOA,MAAMA,iBAAiBA,CAAC;AAAA,EAAEC;AAAAA,EAASC;AAAAA,EAAKC;AAA0B,MAAM;AACtE,QAAMC,iBAAiB,CACrB,IAAIH,mCAASI,SAAQ,CAACJ,OAAO,IAAI,CAAA,GACjC,IAAIC,2BAAKG,SAAQ,CAACH,GAAG,IAAI,CAAA,GACzB,IAAIC,6BAAME,SAAQ,CAACF,IAAI,IAAI,EAAG;AAGhC,SACE,oBAAC,kBACC,UAAA,oBAAC,SAAA,EACEC,yBAAeE,IAAI,CAACC,MAAMC,UAAU;AACnC,QAAI,CAACD,KAAM,QAAO;AAClB,gCACG,SAAA,EACC,UAAA;AAAA,MAAA,oBAAC,eAAA,EAAeA,UAAAA,KAAKE,MAAMC,YAAAA,GAAc;AAAA,2BACxC,qBAAA,EACEH,UAAAA;AAAAA,QAAAA,6BAAMF;AAAAA,QACNG,QAAQJ,eAAeO,SAAS,KAAK,oBAAC,UAAK,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,EAAA,GALYJ,KAAKE,KAMnB;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;AAIA,MAAMG,iBAAiBC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,oBAAA,GAAA,GAC7BC,UAAUC,SAEFC,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,SAAS;AAGhD,MAAMC,UAAUX,OAAOY,GAAEV,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,GAAA,GAEhBS,QAAQC,MAAM;AAGvB,MAAMC,UAAUf,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,GAAA,GAEjBS,QAAQC,MAAM;AAGvB,MAAME,gBAAgBhB,OAAOiB,GAAEf,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,WAAA,CAAA;AAI/B,MAAMc,sBAAsBlB,OAAOmB,GAAEjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,WAAA,CAAA;"}

package/dist/index128.cjs

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const polished = require("polished");
+const elevation = require("./index524.cjs");
+const BrandLogo = require("./index124.cjs");
+const spacing = require("./index522.cjs");
+const TicketCardv2 = ({
+  children,
+  excludeLogo = false,
+  status = "primary",
+  wayfindingColors,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TicketHeaderBorder, { excludeLogo, status, wayfindingColors: status === "primary" ? wayfindingColors : void 0 }),
+    /* @__PURE__ */ jsxRuntime.jsx(ChildrenWrapper, { $type: status, $wayfindingColors: wayfindingColors, children })
+  ] });
+};
+const TicketHeaderBorder = ({
+  excludeLogo,
+  status,
+  wayfindingColors
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(TicketHeaderBorderContainer, { $thinBorder: excludeLogo, $status: status, $wayfinding: wayfindingColors, children: !excludeLogo && /* @__PURE__ */ jsxRuntime.jsx(BrandLogo.default, { color: wayfindingColors == null ? void 0 : wayfindingColors.foreground }) });
+};
+const Card = styled.div.withConfig({
+  displayName: "TicketCardv2__Card",
+  componentId: "sc-1yxhul1-0"
+})(["", ";display:flex;flex-direction:column;flex-grow:1;border-radius:4px;overflow:hidden;background-color:", ";"], elevation.elevation.level1, (props) => props.theme.base.bg);
+const getBackgroundColor = (type, wayfinding) => {
+  if (wayfinding && statusesWithWayfinding.includes(type)) {
+    return wayfinding.background;
+  } else {
+    return "initial";
+  }
+};
+const ChildrenWrapper = styled.div.withConfig({
+  displayName: "TicketCardv2__ChildrenWrapper",
+  componentId: "sc-1yxhul1-1"
+})(["display:flex;flex-direction:column;flex-grow:1;"]);
+const TicketHeaderBorderContainer = styled.div.withConfig({
+  displayName: "TicketCardv2__TicketHeaderBorderContainer",
+  componentId: "sc-1yxhul1-2"
+})(["display:flex;width:100%;height:", ";padding:", ";background-color:", ";"], ({
+  $thinBorder
+}) => $thinBorder ? spacing.spacing.lounge : spacing.spacing.amphitheatre, ({
+  $thinBorder
+}) => $thinBorder ? 0 : "0.3rem 0", (props) => {
+  const {
+    $status,
+    theme,
+    $wayfinding
+  } = props;
+  return getHeaderBackgroundColor($status, theme, $wayfinding);
+});
+const statusesWithWayfinding = ["primary", "resale"];
+const getHeaderBackgroundColor = (status, theme, $wayfinding) => {
+  if ($wayfinding && statusesWithWayfinding.includes(status)) {
+    const {
+      foreground,
+      background
+    } = $wayfinding;
+    if (["#ffffff", "#fff"].includes(foreground.toLowerCase())) {
+      return polished.mix(0.1, "#000", background);
+    } else {
+      return polished.mix(0.2, "#fff", background);
+    }
+  }
+  const statusToColorDictionary = {
+    disabled: theme.status.default,
+    membership: theme.base.primary,
+    primary: theme.base.primary,
+    resale: theme.colors.resale,
+    reserved: theme.base.primary,
+    transfer: theme.status.default,
+    upsell: theme.base.primary,
+    addedValue: theme.base.primary
+  };
+  return statusToColorDictionary[status];
+};
+exports.Card = Card;
+exports.ChildrenWrapper = ChildrenWrapper;
+exports.TicketHeaderBorderContainer = TicketHeaderBorderContainer;
+exports.default = TicketCardv2;
+exports.getBackgroundColor = getBackgroundColor;
+exports.statusesWithWayfinding = statusesWithWayfinding;
+//# sourceMappingURL=index128.cjs.map

package/dist/index128.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index128.cjs","sources":["../src/components/TicketCardv2/TicketCardv2.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { DefaultTheme } from \"styled-components\";\nimport { elevation, spacing } from \"../../dimensions\";\nimport { mix } from \"polished\";\nimport BrandLogo from \"../BrandLogo\";\n\nexport type BrandColors = {\n  background: string;\n  foreground: string;\n};\n\nexport type TicketType =\n  | \"disabled\"\n  | \"membership\"\n  | \"primary\"\n  | \"resale\"\n  | \"reserved\"\n  | \"transfer\"\n  | \"upsell\"\n  | \"addedValue\";\n\ntype Props = {\n  /**\n   * Content to display within card\n   */\n  children: React.ReactNode;\n  /**\n   * Exclude logo from top bar\n   * @default false\n   */\n  excludeLogo?: boolean;\n  /**\n   * Type of ticket\n   * @default 'primary'\n   */\n  status?: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * Only used if status is 'primary'\n   * @type BrandColors\n   */\n  wayfindingColors?: BrandColors;\n} & React.ComponentPropsWithoutRef<\"div\">;\n\nconst TicketCardv2 = ({\n  children,\n  excludeLogo = false,\n  status = \"primary\",\n  wayfindingColors,\n  ...rest\n}: Props) => {\n  return (\n    <Card {...rest}>\n      <TicketHeaderBorder\n        excludeLogo={excludeLogo}\n        status={status}\n        wayfindingColors={status === \"primary\" ? wayfindingColors : undefined}\n      />\n      <ChildrenWrapper $type={status} $wayfindingColors={wayfindingColors}>\n        {children}\n      </ChildrenWrapper>\n    </Card>\n  );\n};\n\ntype TicketHeaderBorderProps = {\n  /**\n   * Exclude logo from top bar\n   */\n  excludeLogo: boolean;\n  /**\n   * Status of ticket\n   */\n  status: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * @type BrandColors\n   */\n  wayfindingColors?: BrandColors;\n};\n\nconst TicketHeaderBorder = ({\n  excludeLogo,\n  status,\n  wayfindingColors,\n}: TicketHeaderBorderProps) => {\n  return (\n    <TicketHeaderBorderContainer\n      $thinBorder={excludeLogo}\n      $status={status}\n      $wayfinding={wayfindingColors}\n    >\n      {!excludeLogo && <BrandLogo color={wayfindingColors?.foreground} />}\n    </TicketHeaderBorderContainer>\n  );\n};\n\nexport default TicketCardv2;\n\nexport const Card = styled.div`\n  ${elevation.level1};\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  border-radius: 4px;\n  overflow: hidden;\n  background-color: ${(props) => props.theme.base.bg};\n`;\n\nexport const getBackgroundColor = (\n  type: TicketType,\n  wayfinding?: BrandColors,\n) => {\n  if (wayfinding && statusesWithWayfinding.includes(type)) {\n    return wayfinding.background;\n  } else {\n    return \"initial\";\n  }\n};\n\nexport const ChildrenWrapper = styled.div<{\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n}>`\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`;\n\nexport const TicketHeaderBorderContainer = styled.div<{\n  $thinBorder?: boolean;\n  $status: TicketType;\n  $wayfinding?: BrandColors;\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $thinBorder }) =>\n    $thinBorder ? spacing.lounge : spacing.amphitheatre};\n  padding: ${({ $thinBorder }) => ($thinBorder ? 0 : \"0.3rem 0\")};\n  background-color: ${(props) => {\n    const { $status, theme, $wayfinding } = props;\n    return getHeaderBackgroundColor($status, theme, $wayfinding);\n  }};\n`;\n\nexport const statusesWithWayfinding: TicketType[] = [\"primary\", \"resale\"];\n\nconst getHeaderBackgroundColor = (\n  status: TicketType,\n  theme: DefaultTheme,\n  $wayfinding?: BrandColors,\n) => {\n  if ($wayfinding && statusesWithWayfinding.includes(status)) {\n    const { foreground, background } = $wayfinding;\n\n    if ([\"#ffffff\", \"#fff\"].includes(foreground.toLowerCase())) {\n      return mix(0.1, \"#000\", background);\n    } else {\n      return mix(0.2, \"#fff\", background);\n    }\n  }\n\n  const statusToColorDictionary: Record<TicketType, string> = {\n    disabled: theme.status.default,\n    membership: theme.base.primary,\n    primary: theme.base.primary,\n    resale: theme.colors.resale,\n    reserved: theme.base.primary,\n    transfer: theme.status.default,\n    upsell: theme.base.primary,\n    addedValue: theme.base.primary,\n  };\n\n  return statusToColorDictionary[status];\n};\n"],"names":["TicketCardv2","children","excludeLogo","status","wayfindingColors","rest","jsxs","jsx","undefined","TicketHeaderBorder","BrandLogo","foreground","Card","styled","div","withConfig","displayName","componentId","elevation","level1","props","theme","base","bg","getBackgroundColor","type","wayfinding","statusesWithWayfinding","includes","background","ChildrenWrapper","TicketHeaderBorderContainer","$thinBorder","spacing","lounge","amphitheatre","$status","$wayfinding","getHeaderBackgroundColor","toLowerCase","mix","statusToColorDictionary","disabled","default","membership","primary","resale","colors","reserved","transfer","upsell","addedValue"],"mappings":";;;;;;;;AA4CA,MAAMA,eAAeA,CAAC;AAAA,EACpBC;AAAAA,EACAC,cAAc;AAAA,EACdC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACE,MAAM;AACX,SACEC,2BAAAA,KAAC,MAAA,EAAK,GAAID,MACR,UAAA;AAAA,IAAAE,+BAAC,sBACC,aACA,QACA,kBAAkBJ,WAAW,YAAYC,mBAAmBI,QAAU;AAAA,mCAEvE,iBAAA,EAAgB,OAAOL,QAAQ,mBAAmBC,kBAChDH,SAAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAkBA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BP;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,SACEG,2BAAAA,IAAC,6BAAA,EACC,aAAaL,aACb,SAASC,QACT,aAAaC,kBAEZ,UAAA,CAACF,eAAeK,2BAAAA,IAACG,mBAAA,EAAU,OAAON,qDAAkBO,YAAW,GAClE;AAEJ;AAIO,MAAMC,OAAOC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,uGAAA,GAAA,GAC1BC,UAAAA,UAAUC,QAMSC,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,EAAE;AAG7C,MAAMC,qBAAqBA,CAChCC,MACAC,eACG;AACH,MAAIA,cAAcC,uBAAuBC,SAASH,IAAI,GAAG;AACvD,WAAOC,WAAWG;AAAAA,EACpB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEO,MAAMC,kBAAkBjB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,iDAAA,CAAA;AASlC,MAAMc,8BAA8BlB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,mCAAA,aAAA,sBAAA,GAAA,GAOzC,CAAC;AAAA,EAAEe;AAAY,MACvBA,cAAcC,QAAAA,QAAQC,SAASD,QAAAA,QAAQE,cAC9B,CAAC;AAAA,EAAEH;AAAY,MAAOA,cAAc,IAAI,YAC9BZ,CAAAA,UAAU;AAC7B,QAAM;AAAA,IAAEgB;AAAAA,IAASf;AAAAA,IAAOgB;AAAAA,EAAAA,IAAgBjB;AACxC,SAAOkB,yBAAyBF,SAASf,OAAOgB,WAAW;AAC7D,CAAC;AAGI,MAAMV,yBAAuC,CAAC,WAAW,QAAQ;AAExE,MAAMW,2BAA2BA,CAC/BnC,QACAkB,OACAgB,gBACG;AACH,MAAIA,eAAeV,uBAAuBC,SAASzB,MAAM,GAAG;AAC1D,UAAM;AAAA,MAAEQ;AAAAA,MAAYkB;AAAAA,IAAAA,IAAeQ;AAEnC,QAAI,CAAC,WAAW,MAAM,EAAET,SAASjB,WAAW4B,YAAAA,CAAa,GAAG;AAC1D,aAAOC,aAAI,KAAK,QAAQX,UAAU;AAAA,IACpC,OAAO;AACL,aAAOW,aAAI,KAAK,QAAQX,UAAU;AAAA,IACpC;AAAA,EACF;AAEA,QAAMY,0BAAsD;AAAA,IAC1DC,UAAUrB,MAAMlB,OAAOwC;AAAAA,IACvBC,YAAYvB,MAAMC,KAAKuB;AAAAA,IACvBA,SAASxB,MAAMC,KAAKuB;AAAAA,IACpBC,QAAQzB,MAAM0B,OAAOD;AAAAA,IACrBE,UAAU3B,MAAMC,KAAKuB;AAAAA,IACrBI,UAAU5B,MAAMlB,OAAOwC;AAAAA,IACvBO,QAAQ7B,MAAMC,KAAKuB;AAAAA,IACnBM,YAAY9B,MAAMC,KAAKuB;AAAAA,EAAAA;AAGzB,SAAOJ,wBAAwBtC,MAAM;AACvC;;;;;;;"}

package/dist/index128.js

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { mix } from "polished";
+import { elevation } from "./index524.js";
+import BrandLogo from "./index124.js";
+import { spacing } from "./index522.js";
+const TicketCardv2 = ({
+  children,
+  excludeLogo = false,
+  status = "primary",
+  wayfindingColors,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(Card, { ...rest, children: [
+    /* @__PURE__ */ jsx(TicketHeaderBorder, { excludeLogo, status, wayfindingColors: status === "primary" ? wayfindingColors : void 0 }),
+    /* @__PURE__ */ jsx(ChildrenWrapper, { $type: status, $wayfindingColors: wayfindingColors, children })
+  ] });
+};
+const TicketHeaderBorder = ({
+  excludeLogo,
+  status,
+  wayfindingColors
+}) => {
+  return /* @__PURE__ */ jsx(TicketHeaderBorderContainer, { $thinBorder: excludeLogo, $status: status, $wayfinding: wayfindingColors, children: !excludeLogo && /* @__PURE__ */ jsx(BrandLogo, { color: wayfindingColors == null ? void 0 : wayfindingColors.foreground }) });
+};
+const Card = styled.div.withConfig({
+  displayName: "TicketCardv2__Card",
+  componentId: "sc-1yxhul1-0"
+})(["", ";display:flex;flex-direction:column;flex-grow:1;border-radius:4px;overflow:hidden;background-color:", ";"], elevation.level1, (props) => props.theme.base.bg);
+const getBackgroundColor = (type, wayfinding) => {
+  if (wayfinding && statusesWithWayfinding.includes(type)) {
+    return wayfinding.background;
+  } else {
+    return "initial";
+  }
+};
+const ChildrenWrapper = styled.div.withConfig({
+  displayName: "TicketCardv2__ChildrenWrapper",
+  componentId: "sc-1yxhul1-1"
+})(["display:flex;flex-direction:column;flex-grow:1;"]);
+const TicketHeaderBorderContainer = styled.div.withConfig({
+  displayName: "TicketCardv2__TicketHeaderBorderContainer",
+  componentId: "sc-1yxhul1-2"
+})(["display:flex;width:100%;height:", ";padding:", ";background-color:", ";"], ({
+  $thinBorder
+}) => $thinBorder ? spacing.lounge : spacing.amphitheatre, ({
+  $thinBorder
+}) => $thinBorder ? 0 : "0.3rem 0", (props) => {
+  const {
+    $status,
+    theme,
+    $wayfinding
+  } = props;
+  return getHeaderBackgroundColor($status, theme, $wayfinding);
+});
+const statusesWithWayfinding = ["primary", "resale"];
+const getHeaderBackgroundColor = (status, theme, $wayfinding) => {
+  if ($wayfinding && statusesWithWayfinding.includes(status)) {
+    const {
+      foreground,
+      background
+    } = $wayfinding;
+    if (["#ffffff", "#fff"].includes(foreground.toLowerCase())) {
+      return mix(0.1, "#000", background);
+    } else {
+      return mix(0.2, "#fff", background);
+    }
+  }
+  const statusToColorDictionary = {
+    disabled: theme.status.default,
+    membership: theme.base.primary,
+    primary: theme.base.primary,
+    resale: theme.colors.resale,
+    reserved: theme.base.primary,
+    transfer: theme.status.default,
+    upsell: theme.base.primary,
+    addedValue: theme.base.primary
+  };
+  return statusToColorDictionary[status];
+};
+export {
+  Card,
+  ChildrenWrapper,
+  TicketHeaderBorderContainer,
+  TicketCardv2 as default,
+  getBackgroundColor,
+  statusesWithWayfinding
+};
+//# sourceMappingURL=index128.js.map

package/dist/index128.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index128.js","sources":["../src/components/TicketCardv2/TicketCardv2.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { DefaultTheme } from \"styled-components\";\nimport { elevation, spacing } from \"../../dimensions\";\nimport { mix } from \"polished\";\nimport BrandLogo from \"../BrandLogo\";\n\nexport type BrandColors = {\n  background: string;\n  foreground: string;\n};\n\nexport type TicketType =\n  | \"disabled\"\n  | \"membership\"\n  | \"primary\"\n  | \"resale\"\n  | \"reserved\"\n  | \"transfer\"\n  | \"upsell\"\n  | \"addedValue\";\n\ntype Props = {\n  /**\n   * Content to display within card\n   */\n  children: React.ReactNode;\n  /**\n   * Exclude logo from top bar\n   * @default false\n   */\n  excludeLogo?: boolean;\n  /**\n   * Type of ticket\n   * @default 'primary'\n   */\n  status?: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * Only used if status is 'primary'\n   * @type BrandColors\n   */\n  wayfindingColors?: BrandColors;\n} & React.ComponentPropsWithoutRef<\"div\">;\n\nconst TicketCardv2 = ({\n  children,\n  excludeLogo = false,\n  status = \"primary\",\n  wayfindingColors,\n  ...rest\n}: Props) => {\n  return (\n    <Card {...rest}>\n      <TicketHeaderBorder\n        excludeLogo={excludeLogo}\n        status={status}\n        wayfindingColors={status === \"primary\" ? wayfindingColors : undefined}\n      />\n      <ChildrenWrapper $type={status} $wayfindingColors={wayfindingColors}>\n        {children}\n      </ChildrenWrapper>\n    </Card>\n  );\n};\n\ntype TicketHeaderBorderProps = {\n  /**\n   * Exclude logo from top bar\n   */\n  excludeLogo: boolean;\n  /**\n   * Status of ticket\n   */\n  status: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * @type BrandColors\n   */\n  wayfindingColors?: BrandColors;\n};\n\nconst TicketHeaderBorder = ({\n  excludeLogo,\n  status,\n  wayfindingColors,\n}: TicketHeaderBorderProps) => {\n  return (\n    <TicketHeaderBorderContainer\n      $thinBorder={excludeLogo}\n      $status={status}\n      $wayfinding={wayfindingColors}\n    >\n      {!excludeLogo && <BrandLogo color={wayfindingColors?.foreground} />}\n    </TicketHeaderBorderContainer>\n  );\n};\n\nexport default TicketCardv2;\n\nexport const Card = styled.div`\n  ${elevation.level1};\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  border-radius: 4px;\n  overflow: hidden;\n  background-color: ${(props) => props.theme.base.bg};\n`;\n\nexport const getBackgroundColor = (\n  type: TicketType,\n  wayfinding?: BrandColors,\n) => {\n  if (wayfinding && statusesWithWayfinding.includes(type)) {\n    return wayfinding.background;\n  } else {\n    return \"initial\";\n  }\n};\n\nexport const ChildrenWrapper = styled.div<{\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n}>`\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n`;\n\nexport const TicketHeaderBorderContainer = styled.div<{\n  $thinBorder?: boolean;\n  $status: TicketType;\n  $wayfinding?: BrandColors;\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $thinBorder }) =>\n    $thinBorder ? spacing.lounge : spacing.amphitheatre};\n  padding: ${({ $thinBorder }) => ($thinBorder ? 0 : \"0.3rem 0\")};\n  background-color: ${(props) => {\n    const { $status, theme, $wayfinding } = props;\n    return getHeaderBackgroundColor($status, theme, $wayfinding);\n  }};\n`;\n\nexport const statusesWithWayfinding: TicketType[] = [\"primary\", \"resale\"];\n\nconst getHeaderBackgroundColor = (\n  status: TicketType,\n  theme: DefaultTheme,\n  $wayfinding?: BrandColors,\n) => {\n  if ($wayfinding && statusesWithWayfinding.includes(status)) {\n    const { foreground, background } = $wayfinding;\n\n    if ([\"#ffffff\", \"#fff\"].includes(foreground.toLowerCase())) {\n      return mix(0.1, \"#000\", background);\n    } else {\n      return mix(0.2, \"#fff\", background);\n    }\n  }\n\n  const statusToColorDictionary: Record<TicketType, string> = {\n    disabled: theme.status.default,\n    membership: theme.base.primary,\n    primary: theme.base.primary,\n    resale: theme.colors.resale,\n    reserved: theme.base.primary,\n    transfer: theme.status.default,\n    upsell: theme.base.primary,\n    addedValue: theme.base.primary,\n  };\n\n  return statusToColorDictionary[status];\n};\n"],"names":["TicketCardv2","children","excludeLogo","status","wayfindingColors","rest","undefined","TicketHeaderBorder","foreground","Card","styled","div","withConfig","displayName","componentId","elevation","level1","props","theme","base","bg","getBackgroundColor","type","wayfinding","statusesWithWayfinding","includes","background","ChildrenWrapper","TicketHeaderBorderContainer","$thinBorder","spacing","lounge","amphitheatre","$status","$wayfinding","getHeaderBackgroundColor","toLowerCase","mix","statusToColorDictionary","disabled","default","membership","primary","resale","colors","reserved","transfer","upsell","addedValue"],"mappings":";;;;;;AA4CA,MAAMA,eAAeA,CAAC;AAAA,EACpBC;AAAAA,EACAC,cAAc;AAAA,EACdC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACE,MAAM;AACX,SACE,qBAAC,MAAA,EAAK,GAAIA,MACR,UAAA;AAAA,IAAA,oBAAC,sBACC,aACA,QACA,kBAAkBF,WAAW,YAAYC,mBAAmBE,QAAU;AAAA,wBAEvE,iBAAA,EAAgB,OAAOH,QAAQ,mBAAmBC,kBAChDH,SAAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAkBA,MAAMM,qBAAqBA,CAAC;AAAA,EAC1BL;AAAAA,EACAC;AAAAA,EACAC;AACuB,MAAM;AAC7B,SACE,oBAAC,6BAAA,EACC,aAAaF,aACb,SAASC,QACT,aAAaC,kBAEZ,UAAA,CAACF,eAAe,oBAAC,WAAA,EAAU,OAAOE,qDAAkBI,YAAW,GAClE;AAEJ;AAIO,MAAMC,OAAOC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,uGAAA,GAAA,GAC1BC,UAAUC,QAMSC,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,EAAE;AAG7C,MAAMC,qBAAqBA,CAChCC,MACAC,eACG;AACH,MAAIA,cAAcC,uBAAuBC,SAASH,IAAI,GAAG;AACvD,WAAOC,WAAWG;AAAAA,EACpB,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAEO,MAAMC,kBAAkBjB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,iDAAA,CAAA;AASlC,MAAMc,8BAA8BlB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,mCAAA,aAAA,sBAAA,GAAA,GAOzC,CAAC;AAAA,EAAEe;AAAY,MACvBA,cAAcC,QAAQC,SAASD,QAAQE,cAC9B,CAAC;AAAA,EAAEH;AAAY,MAAOA,cAAc,IAAI,YAC9BZ,CAAAA,UAAU;AAC7B,QAAM;AAAA,IAAEgB;AAAAA,IAASf;AAAAA,IAAOgB;AAAAA,EAAAA,IAAgBjB;AACxC,SAAOkB,yBAAyBF,SAASf,OAAOgB,WAAW;AAC7D,CAAC;AAGI,MAAMV,yBAAuC,CAAC,WAAW,QAAQ;AAExE,MAAMW,2BAA2BA,CAC/BhC,QACAe,OACAgB,gBACG;AACH,MAAIA,eAAeV,uBAAuBC,SAAStB,MAAM,GAAG;AAC1D,UAAM;AAAA,MAAEK;AAAAA,MAAYkB;AAAAA,IAAAA,IAAeQ;AAEnC,QAAI,CAAC,WAAW,MAAM,EAAET,SAASjB,WAAW4B,YAAAA,CAAa,GAAG;AAC1D,aAAOC,IAAI,KAAK,QAAQX,UAAU;AAAA,IACpC,OAAO;AACL,aAAOW,IAAI,KAAK,QAAQX,UAAU;AAAA,IACpC;AAAA,EACF;AAEA,QAAMY,0BAAsD;AAAA,IAC1DC,UAAUrB,MAAMf,OAAOqC;AAAAA,IACvBC,YAAYvB,MAAMC,KAAKuB;AAAAA,IACvBA,SAASxB,MAAMC,KAAKuB;AAAAA,IACpBC,QAAQzB,MAAM0B,OAAOD;AAAAA,IACrBE,UAAU3B,MAAMC,KAAKuB;AAAAA,IACrBI,UAAU5B,MAAMf,OAAOqC;AAAAA,IACvBO,QAAQ7B,MAAMC,KAAKuB;AAAAA,IACnBM,YAAY9B,MAAMC,KAAKuB;AAAAA,EAAAA;AAGzB,SAAOJ,wBAAwBnC,MAAM;AACvC;"}

package/dist/index129.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const spacing = require("./index522.cjs");
+const typography = require("./index520.cjs");
+const TicketClockIcon = require("./index261.cjs");
+const TicketIcon = require("./index263.cjs");
+const ClockIcon = require("./index171.cjs");
+const InfoICircledFilledIcon = require("./index206.cjs");
+const ExclamationMarkTriangleFilledIcon = require("./index189.cjs");
+const ArrowsRefreshIcon = require("./index145.cjs");
+const ArrowTopRightIcon = require("./index140.cjs");
+const CheckmarkCircledFilledIcon = require("./index163.cjs");
+const TicketMobileIcon = require("./index266.cjs");
+const TicketErrorIcon = require("./index262.cjs");
+const PrinterIcon = require("./index233.cjs");
+const BoxOfficeIcon = require("./index156.cjs");
+const PostalTicketIcon = require("./index231.cjs");
+const TICKET_DESCRIPTION_ICONS = {
+  postal: /* @__PURE__ */ jsxRuntime.jsx(PostalTicketIcon.default, {}),
+  willCall: /* @__PURE__ */ jsxRuntime.jsx(BoxOfficeIcon.default, {}),
+  print: /* @__PURE__ */ jsxRuntime.jsx(PrinterIcon.default, {}),
+  transferComplete: /* @__PURE__ */ jsxRuntime.jsx(CheckmarkCircledFilledIcon.default, { fillColor: "success" }),
+  cancelled: /* @__PURE__ */ jsxRuntime.jsx(TicketErrorIcon.default, {}),
+  appOnly: /* @__PURE__ */ jsxRuntime.jsx(TicketMobileIcon.default, {}),
+  resaleSold: /* @__PURE__ */ jsxRuntime.jsx(CheckmarkCircledFilledIcon.default, { fillColor: "success" }),
+  transferPending: /* @__PURE__ */ jsxRuntime.jsx(ArrowTopRightIcon.default, { fillColor: "primary" }),
+  resale: /* @__PURE__ */ jsxRuntime.jsx(ArrowsRefreshIcon.default, { fillColor: "resale" }),
+  error: /* @__PURE__ */ jsxRuntime.jsx(ExclamationMarkTriangleFilledIcon.default, { fillColor: "warning" }),
+  info: /* @__PURE__ */ jsxRuntime.jsx(InfoICircledFilledIcon.default, { fillColor: "info" }),
+  notYourTicket: /* @__PURE__ */ jsxRuntime.jsx(ClockIcon.default, {}),
+  telecharge: /* @__PURE__ */ jsxRuntime.jsx(TicketIcon.default, {}),
+  reserved: /* @__PURE__ */ jsxRuntime.jsx(TicketClockIcon.default, {})
+};
+const TicketDescription = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+const Header = ({
+  children,
+  overrideIcon,
+  icon,
+  image
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { children: [
+    overrideIcon && overrideIcon,
+    icon && TICKET_DESCRIPTION_ICONS[icon],
+    image && image,
+    /* @__PURE__ */ jsxRuntime.jsx(CopyWrapper, { children })
+  ] });
+};
+const Stack = styled.div.withConfig({
+  displayName: "TicketDescription__Stack",
+  componentId: "sc-a6v9a3-0"
+})(["display:flex;flex-direction:column;gap:", ";align-items:center;align-self:stretch;justify-content:center;"], spacing.spacing.hall);
+const CopyWrapper = styled.div.withConfig({
+  displayName: "TicketDescription__CopyWrapper",
+  componentId: "sc-a6v9a3-1"
+})(["display:flex;flex-direction:column;gap:", ";align-items:center;align-self:stretch;"], spacing.spacing.lounge);
+const Title = styled.p.withConfig({
+  displayName: "TicketDescription__Title",
+  componentId: "sc-a6v9a3-2"
+})(["margin:0px;color:", ";", " text-align:center;"], (props) => props.theme.text.primary, typography.textStyle.nevis);
+const Description = styled.p.withConfig({
+  displayName: "TicketDescription__Description",
+  componentId: "sc-a6v9a3-3"
+})(["margin:0px;color:", ";", " text-align:center;"], ({
+  $color,
+  theme
+}) => $color === "primary" ? theme.text.primary : theme.text.secondary, typography.textStyle.etna);
+TicketDescription.Header = Header;
+TicketDescription.Title = Title;
+TicketDescription.Description = Description;
+exports.CopyWrapper = CopyWrapper;
+exports.Description = Description;
+exports.Stack = Stack;
+exports.TICKET_DESCRIPTION_ICONS = TICKET_DESCRIPTION_ICONS;
+exports.Title = Title;
+exports.default = TicketDescription;
+//# sourceMappingURL=index129.cjs.map

package/dist/index129.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index129.cjs","sources":["../src/components/TicketDescription/TicketDescription.tsx"],"sourcesContent":["import React, { type PropsWithChildren, type FC } from \"react\";\nimport styled from \"styled-components\";\nimport { spacing, textStyle } from \"../../dimensions\";\nimport {\n  ArrowTopRightIcon,\n  BoxOfficeIcon,\n  CheckmarkCircledFilledIcon,\n  PostalTicketIcon,\n  PrinterIcon,\n  TicketErrorIcon,\n  TicketMobileIcon,\n  ArrowsRefreshIcon,\n  ExclamationMarkTriangleFilledIcon,\n  InfoICircledFilledIcon,\n  ClockIcon,\n  TicketIcon,\n  TicketClockIcon,\n} from \"../../icons\";\n\nexport const TICKET_DESCRIPTION_ICONS = {\n  postal: <PostalTicketIcon />,\n  willCall: <BoxOfficeIcon />,\n  print: <PrinterIcon />,\n  transferComplete: <CheckmarkCircledFilledIcon fillColor=\"success\" />,\n  cancelled: <TicketErrorIcon />,\n  appOnly: <TicketMobileIcon />,\n  resaleSold: <CheckmarkCircledFilledIcon fillColor=\"success\" />,\n  transferPending: <ArrowTopRightIcon fillColor=\"primary\" />,\n  resale: <ArrowsRefreshIcon fillColor=\"resale\" />,\n  error: <ExclamationMarkTriangleFilledIcon fillColor=\"warning\" />,\n  info: <InfoICircledFilledIcon fillColor=\"info\" />,\n  notYourTicket: <ClockIcon />,\n  telecharge: <TicketIcon />,\n  reserved: <TicketClockIcon />,\n};\n\ntype Props = {\n  children: React.ReactNode;\n};\n\ntype TicketDescription = FC<Props> & {\n  Header: typeof Header;\n  Title: typeof Title;\n  Description: typeof Description;\n};\n\nconst TicketDescription: TicketDescription = ({ children }: Props) => {\n  return <>{children}</>;\n};\n\nexport type IconName = keyof typeof TICKET_DESCRIPTION_ICONS;\n\ntype HeaderProps =\n  | {\n      overrideIcon?: never;\n      /** Selects a predefined icon */\n      icon: IconName;\n      image?: never;\n    }\n  | {\n      /**\n       * Use custom Icon to render instead of a predefined one\n       * This is useful when the available icons don’t cover your use case\n       */\n      overrideIcon: React.ReactNode;\n      icon?: never;\n      image?: never;\n    }\n  | {\n      overrideIcon?: never;\n      icon?: never;\n      /** Provide an image element to render instead of an icon */\n      image: React.ReactNode;\n    };\n\nconst Header = ({\n  children,\n  overrideIcon,\n  icon,\n  image,\n}: PropsWithChildren<HeaderProps>) => {\n  return (\n    <Stack>\n      {overrideIcon && overrideIcon}\n      {icon && TICKET_DESCRIPTION_ICONS[icon]}\n      {image && image}\n      <CopyWrapper>{children}</CopyWrapper>\n    </Stack>\n  );\n};\n\nexport const Stack = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${spacing.hall};\n  align-items: center;\n  align-self: stretch;\n  justify-content: center;\n`;\n\nexport const CopyWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${spacing.lounge};\n  align-items: center;\n  align-self: stretch;\n`;\n\nexport const Title = styled.p`\n  margin: 0px;\n  color: ${(props) => props.theme.text.primary};\n  ${textStyle.nevis}\n  text-align: center;\n`;\n\nexport const Description = styled.p<{ $color?: \"secondary\" | \"primary\" }>`\n  margin: 0px;\n  color: ${({ $color, theme }) =>\n    $color === \"primary\" ? theme.text.primary : theme.text.secondary};\n  ${textStyle.etna}\n  text-align: center;\n`;\n\nTicketDescription.Header = Header;\nTicketDescription.Title = Title;\nTicketDescription.Description = Description;\n\nexport default TicketDescription;\n"],"names":["TICKET_DESCRIPTION_ICONS","postal","PostalTicketIcon","willCall","BoxOfficeIcon","print","PrinterIcon","transferComplete","jsx","CheckmarkCircledFilledIcon","cancelled","TicketErrorIcon","appOnly","TicketMobileIcon","resaleSold","transferPending","ArrowTopRightIcon","resale","ArrowsRefreshIcon","error","ExclamationMarkTriangleFilledIcon","info","InfoICircledFilledIcon","notYourTicket","ClockIcon","telecharge","TicketIcon","reserved","TicketClockIcon","TicketDescription","children","Header","overrideIcon","icon","image","Stack","styled","div","withConfig","displayName","componentId","spacing","hall","CopyWrapper","lounge","Title","p","props","theme","text","primary","textStyle","nevis","Description","$color","secondary","etna"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,2BAA2B;AAAA,EACtCC,uCAASC,iBAAAA,SAAA,EAAgB;AAAA,EACzBC,yCAAWC,cAAAA,SAAA,EAAa;AAAA,EACxBC,sCAAQC,YAAAA,SAAA,EAAW;AAAA,EACnBC,kBAAkBC,2BAAAA,IAACC,2BAAAA,SAAA,EAA2B,WAAU,UAAA,CAAS;AAAA,EACjEC,0CAAYC,gBAAAA,SAAA,EAAe;AAAA,EAC3BC,wCAAUC,iBAAAA,SAAA,EAAgB;AAAA,EAC1BC,YAAYN,2BAAAA,IAACC,2BAAAA,SAAA,EAA2B,WAAU,UAAA,CAAS;AAAA,EAC3DM,iBAAiBP,2BAAAA,IAACQ,kBAAAA,SAAA,EAAkB,WAAU,UAAA,CAAS;AAAA,EACvDC,QAAQT,2BAAAA,IAACU,kBAAAA,SAAA,EAAkB,WAAU,SAAA,CAAQ;AAAA,EAC7CC,OAAOX,2BAAAA,IAACY,kCAAAA,SAAA,EAAkC,WAAU,UAAA,CAAS;AAAA,EAC7DC,MAAMb,2BAAAA,IAACc,uBAAAA,SAAA,EAAuB,WAAU,OAAA,CAAM;AAAA,EAC9CC,8CAAgBC,UAAAA,SAAA,EAAS;AAAA,EACzBC,2CAAaC,WAAAA,SAAA,EAAU;AAAA,EACvBC,yCAAWC,gBAAAA,SAAA,CAAA,CAAe;AAC5B;AAYA,MAAMC,oBAAuCA,CAAC;AAAA,EAAEC;AAAgB,MAAM;AACpE,+DAAUA,UAAS;AACrB;AA2BA,MAAMC,SAASA,CAAC;AAAA,EACdD;AAAAA,EACAE;AAAAA,EACAC;AAAAA,EACAC;AAC8B,MAAM;AACpC,yCACG,OAAA,EACEF,UAAAA;AAAAA,IAAAA,gBAAgBA;AAAAA,IAChBC,QAAQjC,yBAAyBiC,IAAI;AAAA,IACrCC,SAASA;AAAAA,IACV1B,+BAAC,eAAasB,SAAAA,CAAS;AAAA,EAAA,GACzB;AAEJ;AAEO,MAAMK,QAAQC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,2CAAA,gEAAA,GAGtBC,QAAAA,QAAQC,IAAI;AAMd,MAAMC,cAAcP,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,2CAAA,yCAAA,GAG5BC,QAAAA,QAAQG,MAAM;AAKhB,MAAMC,QAAQT,OAAOU,EAACR,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,KAAA,qBAAA,GAEjBO,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,SACnCC,WAAAA,UAAUC,KAAK;AAIZ,MAAMC,cAAcjB,OAAOU,EAACR,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,KAAA,qBAAA,GAExB,CAAC;AAAA,EAAEc;AAAAA,EAAQN;AAAM,MACxBM,WAAW,YAAYN,MAAMC,KAAKC,UAAUF,MAAMC,KAAKM,WACvDJ,WAAAA,UAAUK,IAAI;AAIlB3B,kBAAkBE,SAASA;AAC3BF,kBAAkBgB,QAAQA;AAC1BhB,kBAAkBwB,cAAcA;;;;;;;"}