@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index551.cjs

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const snippets = require("./index120.cjs");
+const spacing = require("./index522.cjs");
+const typography = require("./index520.cjs");
+const BorderRow = styled.div.withConfig({
+  displayName: "indexstyles__BorderRow",
+  componentId: "sc-l2ux9x-0"
+})(["margin-top:", ";padding-top:", ";border-top:1px solid ", ";"], spacing.spacing.hall, spacing.spacing.hall, (props) => props.theme.base.border);
+const Header = styled.div.withConfig({
+  displayName: "indexstyles__Header",
+  componentId: "sc-l2ux9x-1"
+})(["display:flex;"]);
+const HeaderCol1 = styled.div.withConfig({
+  displayName: "indexstyles__HeaderCol1",
+  componentId: "sc-l2ux9x-2"
+})(["display:flex;flex-grow:1;align-items:flex-start;justify-content:", ";"], ({
+  slot
+}) => {
+  switch (slot) {
+    case "left":
+      return "initial";
+    case "right":
+      return "space-between";
+  }
+});
+const HeaderCol2 = styled.div.withConfig({
+  displayName: "indexstyles__HeaderCol2",
+  componentId: "sc-l2ux9x-3"
+})(["flex-shrink:0;margin-inline-start:", ";"], spacing.spacing.auditorium);
+const PriceRow = styled(BorderRow).withConfig({
+  displayName: "indexstyles__PriceRow",
+  componentId: "sc-l2ux9x-4"
+})(["display:flex;align-items:center;& > * + *{margin-inline-start:", ";}"], spacing.spacing.auditorium);
+const CtaWrapper = styled.div.withConfig({
+  displayName: "indexstyles__CtaWrapper",
+  componentId: "sc-l2ux9x-5"
+})(["margin-inline-start:auto;"]);
+const FeesRow = styled.div.withConfig({
+  displayName: "indexstyles__FeesRow",
+  componentId: "sc-l2ux9x-6"
+})(["", ";color:", ";& > * + *{margin-top:", ";}"], typography.textStyle.etna, (props) => props.theme.text.secondary, spacing.spacing.hall);
+const Button = styled.button.withConfig({
+  displayName: "indexstyles__Button",
+  componentId: "sc-l2ux9x-7"
+})(["", ";display:flex;align-items:flex-end;"], snippets.buttonreset);
+const SplitPrice = styled.div.withConfig({
+  displayName: "indexstyles__SplitPrice",
+  componentId: "sc-l2ux9x-8"
+})(["", ";color:", ";"], typography.textStyle.etna, (props) => props.theme.text.secondary);
+exports.BorderRow = BorderRow;
+exports.Button = Button;
+exports.CtaWrapper = CtaWrapper;
+exports.FeesRow = FeesRow;
+exports.Header = Header;
+exports.HeaderCol1 = HeaderCol1;
+exports.HeaderCol2 = HeaderCol2;
+exports.PriceRow = PriceRow;
+exports.SplitPrice = SplitPrice;
+//# sourceMappingURL=index551.cjs.map

package/dist/index551.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index551.cjs","sources":["../src/components/TicketInfo/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { spacing, textStyle } from \"../../dimensions\";\nimport { buttonreset } from \"../../utils/snippets\";\n\nexport const BorderRow = styled.div`\n  margin-top: ${spacing.hall};\n  padding-top: ${spacing.hall};\n  border-top: 1px solid ${(props) => props.theme.base.border};\n`;\n\nexport const Header = styled.div`\n  display: flex;\n`;\n\nexport const HeaderCol1 = styled.div<{ slot: \"left\" | \"right\" }>`\n  display: flex;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: ${({ slot }) => {\n    switch (slot) {\n      case \"left\":\n        return \"initial\";\n      case \"right\":\n        return \"space-between\";\n    }\n  }};\n`;\n\nexport const HeaderCol2 = styled.div`\n  flex-shrink: 0;\n\n  margin-inline-start: ${spacing.auditorium};\n`;\n\nexport const PriceRow = styled(BorderRow)`\n  display: flex;\n  align-items: center;\n\n  & > * + * {\n    margin-inline-start: ${spacing.auditorium};\n  }\n`;\n\nexport const CtaWrapper = styled.div`\n  margin-inline-start: auto;\n`;\n\nexport const FeesRow = styled.div`\n  ${textStyle.etna};\n  color: ${(props) => props.theme.text.secondary};\n\n  & > * + * {\n    margin-top: ${spacing.hall};\n  }\n`;\n\nexport const Button = styled.button`\n  ${buttonreset};\n\n  display: flex;\n  align-items: flex-end;\n`;\n\nexport const SplitPrice = styled.div`\n  ${textStyle.etna};\n  color: ${(props) => props.theme.text.secondary};\n`;\n"],"names":["BorderRow","styled","div","withConfig","displayName","componentId","spacing","hall","props","theme","base","border","Header","HeaderCol1","slot","HeaderCol2","auditorium","PriceRow","CtaWrapper","FeesRow","textStyle","etna","text","secondary","Button","button","buttonreset","SplitPrice"],"mappings":";;;;;;AAIO,MAAMA,YAAYC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,eAAA,iBAAA,0BAAA,GAAA,GACnBC,QAAAA,QAAQC,MACPD,QAAAA,QAAQC,MACEC,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,MAAM;AAGrD,MAAMC,SAASX,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,eAAA,CAAA;AAIzB,MAAMQ,aAAaZ,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,oEAAA,GAAA,GAIf,CAAC;AAAA,EAAES;AAAK,MAAM;AAC/B,UAAQA,MAAAA;AAAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb,CAAC;AAGI,MAAMC,aAAad,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,sCAAA,GAAA,GAGXC,QAAAA,QAAQU,UAAU;AAGpC,MAAMC,WAAWhB,OAAOD,SAAS,EAACG,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,kEAAA,IAAA,GAKdC,QAAAA,QAAQU,UAAU;AAItC,MAAME,aAAajB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,2BAAA,CAAA;AAI7B,MAAMc,UAAUlB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,WAAA,0BAAA,IAAA,GAC7Be,WAAAA,UAAUC,MACFb,WAAUA,MAAMC,MAAMa,KAAKC,WAGrBjB,QAAAA,QAAQC,IAAI;AAIvB,MAAMiB,SAASvB,OAAOwB,OAAMtB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,qCAAA,GAC/BqB,SAAAA,WAAW;AAMR,MAAMC,aAAa1B,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,WAAA,GAAA,GAChCe,WAAAA,UAAUC,MACFb,CAAAA,UAAUA,MAAMC,MAAMa,KAAKC,SAAS;;;;;;;;;;"}

package/dist/index551.js

@@ -0,0 +1,61 @@
+import styled from "styled-components";
+import { buttonreset } from "./index120.js";
+import { spacing } from "./index522.js";
+import { textStyle } from "./index520.js";
+const BorderRow = styled.div.withConfig({
+  displayName: "indexstyles__BorderRow",
+  componentId: "sc-l2ux9x-0"
+})(["margin-top:", ";padding-top:", ";border-top:1px solid ", ";"], spacing.hall, spacing.hall, (props) => props.theme.base.border);
+const Header = styled.div.withConfig({
+  displayName: "indexstyles__Header",
+  componentId: "sc-l2ux9x-1"
+})(["display:flex;"]);
+const HeaderCol1 = styled.div.withConfig({
+  displayName: "indexstyles__HeaderCol1",
+  componentId: "sc-l2ux9x-2"
+})(["display:flex;flex-grow:1;align-items:flex-start;justify-content:", ";"], ({
+  slot
+}) => {
+  switch (slot) {
+    case "left":
+      return "initial";
+    case "right":
+      return "space-between";
+  }
+});
+const HeaderCol2 = styled.div.withConfig({
+  displayName: "indexstyles__HeaderCol2",
+  componentId: "sc-l2ux9x-3"
+})(["flex-shrink:0;margin-inline-start:", ";"], spacing.auditorium);
+const PriceRow = styled(BorderRow).withConfig({
+  displayName: "indexstyles__PriceRow",
+  componentId: "sc-l2ux9x-4"
+})(["display:flex;align-items:center;& > * + *{margin-inline-start:", ";}"], spacing.auditorium);
+const CtaWrapper = styled.div.withConfig({
+  displayName: "indexstyles__CtaWrapper",
+  componentId: "sc-l2ux9x-5"
+})(["margin-inline-start:auto;"]);
+const FeesRow = styled.div.withConfig({
+  displayName: "indexstyles__FeesRow",
+  componentId: "sc-l2ux9x-6"
+})(["", ";color:", ";& > * + *{margin-top:", ";}"], textStyle.etna, (props) => props.theme.text.secondary, spacing.hall);
+const Button = styled.button.withConfig({
+  displayName: "indexstyles__Button",
+  componentId: "sc-l2ux9x-7"
+})(["", ";display:flex;align-items:flex-end;"], buttonreset);
+const SplitPrice = styled.div.withConfig({
+  displayName: "indexstyles__SplitPrice",
+  componentId: "sc-l2ux9x-8"
+})(["", ";color:", ";"], textStyle.etna, (props) => props.theme.text.secondary);
+export {
+  BorderRow,
+  Button,
+  CtaWrapper,
+  FeesRow,
+  Header,
+  HeaderCol1,
+  HeaderCol2,
+  PriceRow,
+  SplitPrice
+};
+//# sourceMappingURL=index551.js.map

package/dist/index551.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index551.js","sources":["../src/components/TicketInfo/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { spacing, textStyle } from \"../../dimensions\";\nimport { buttonreset } from \"../../utils/snippets\";\n\nexport const BorderRow = styled.div`\n  margin-top: ${spacing.hall};\n  padding-top: ${spacing.hall};\n  border-top: 1px solid ${(props) => props.theme.base.border};\n`;\n\nexport const Header = styled.div`\n  display: flex;\n`;\n\nexport const HeaderCol1 = styled.div<{ slot: \"left\" | \"right\" }>`\n  display: flex;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: ${({ slot }) => {\n    switch (slot) {\n      case \"left\":\n        return \"initial\";\n      case \"right\":\n        return \"space-between\";\n    }\n  }};\n`;\n\nexport const HeaderCol2 = styled.div`\n  flex-shrink: 0;\n\n  margin-inline-start: ${spacing.auditorium};\n`;\n\nexport const PriceRow = styled(BorderRow)`\n  display: flex;\n  align-items: center;\n\n  & > * + * {\n    margin-inline-start: ${spacing.auditorium};\n  }\n`;\n\nexport const CtaWrapper = styled.div`\n  margin-inline-start: auto;\n`;\n\nexport const FeesRow = styled.div`\n  ${textStyle.etna};\n  color: ${(props) => props.theme.text.secondary};\n\n  & > * + * {\n    margin-top: ${spacing.hall};\n  }\n`;\n\nexport const Button = styled.button`\n  ${buttonreset};\n\n  display: flex;\n  align-items: flex-end;\n`;\n\nexport const SplitPrice = styled.div`\n  ${textStyle.etna};\n  color: ${(props) => props.theme.text.secondary};\n`;\n"],"names":["BorderRow","styled","div","withConfig","displayName","componentId","spacing","hall","props","theme","base","border","Header","HeaderCol1","slot","HeaderCol2","auditorium","PriceRow","CtaWrapper","FeesRow","textStyle","etna","text","secondary","Button","button","buttonreset","SplitPrice"],"mappings":";;;;AAIO,MAAMA,YAAYC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,eAAA,iBAAA,0BAAA,GAAA,GACnBC,QAAQC,MACPD,QAAQC,MACEC,CAAAA,UAAUA,MAAMC,MAAMC,KAAKC,MAAM;AAGrD,MAAMC,SAASX,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,eAAA,CAAA;AAIzB,MAAMQ,aAAaZ,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,oEAAA,GAAA,GAIf,CAAC;AAAA,EAAES;AAAK,MAAM;AAC/B,UAAQA,MAAAA;AAAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb,CAAC;AAGI,MAAMC,aAAad,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,sCAAA,GAAA,GAGXC,QAAQU,UAAU;AAGpC,MAAMC,WAAWhB,OAAOD,SAAS,EAACG,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,kEAAA,IAAA,GAKdC,QAAQU,UAAU;AAItC,MAAME,aAAajB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,2BAAA,CAAA;AAI7B,MAAMc,UAAUlB,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,WAAA,0BAAA,IAAA,GAC7Be,UAAUC,MACFb,WAAUA,MAAMC,MAAMa,KAAKC,WAGrBjB,QAAQC,IAAI;AAIvB,MAAMiB,SAASvB,OAAOwB,OAAMtB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,qCAAA,GAC/BqB,WAAW;AAMR,MAAMC,aAAa1B,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,WAAA,GAAA,GAChCe,UAAUC,MACFb,CAAAA,UAAUA,MAAMC,MAAMa,KAAKC,SAAS;"}

package/dist/index552.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const polished = require("polished");
+const Wrapper = styled.span.withConfig({
+  displayName: "indexstyles__Wrapper",
+  componentId: "sc-hsh7dp-0"
+})(["display:flex;align-items:center;color:", ";"], (props) => props.theme.text[props.color] || props.color || props.theme.text.secondary);
+const VisuallyHidden = styled.span.withConfig({
+  displayName: "indexstyles__VisuallyHidden",
+  componentId: "sc-hsh7dp-1"
+})(["", ";"], polished.hideVisually);
+exports.VisuallyHidden = VisuallyHidden;
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=index552.cjs.map

package/dist/index552.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index552.cjs","sources":["../src/components/TicketQuantity/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { hideVisually } from \"polished\";\n\nexport const Wrapper = styled.span<{ color?: string }>`\n  display: flex;\n  align-items: center;\n  color: ${(props) =>\n    props.theme.text[props.color as keyof typeof props.theme.text] ||\n    props.color ||\n    props.theme.text.secondary};\n`;\n\nexport const VisuallyHidden = styled.span`\n  ${hideVisually};\n`;\n"],"names":["Wrapper","styled","span","withConfig","displayName","componentId","props","theme","text","color","secondary","VisuallyHidden","hideVisually"],"mappings":";;;;AAGO,MAAMA,UAAUC,OAAOC,KAAIC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,0CAAA,GAAA,GAGtBC,WACRA,MAAMC,MAAMC,KAAKF,MAAMG,KAAsC,KAC7DH,MAAMG,SACNH,MAAMC,MAAMC,KAAKE,SAAS;AAGvB,MAAMC,iBAAiBV,OAAOC,KAAIC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,GAAA,GACrCO,SAAAA,YAAY;;;"}

package/dist/index552.js

@@ -0,0 +1,15 @@
+import styled from "styled-components";
+import { hideVisually } from "polished";
+const Wrapper = styled.span.withConfig({
+  displayName: "indexstyles__Wrapper",
+  componentId: "sc-hsh7dp-0"
+})(["display:flex;align-items:center;color:", ";"], (props) => props.theme.text[props.color] || props.color || props.theme.text.secondary);
+const VisuallyHidden = styled.span.withConfig({
+  displayName: "indexstyles__VisuallyHidden",
+  componentId: "sc-hsh7dp-1"
+})(["", ";"], hideVisually);
+export {
+  VisuallyHidden,
+  Wrapper
+};
+//# sourceMappingURL=index552.js.map

package/dist/index552.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index552.js","sources":["../src/components/TicketQuantity/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { hideVisually } from \"polished\";\n\nexport const Wrapper = styled.span<{ color?: string }>`\n  display: flex;\n  align-items: center;\n  color: ${(props) =>\n    props.theme.text[props.color as keyof typeof props.theme.text] ||\n    props.color ||\n    props.theme.text.secondary};\n`;\n\nexport const VisuallyHidden = styled.span`\n  ${hideVisually};\n`;\n"],"names":["Wrapper","styled","span","withConfig","displayName","componentId","props","theme","text","color","secondary","VisuallyHidden","hideVisually"],"mappings":";;AAGO,MAAMA,UAAUC,OAAOC,KAAIC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,0CAAA,GAAA,GAGtBC,WACRA,MAAMC,MAAMC,KAAKF,MAAMG,KAAsC,KAC7DH,MAAMG,SACNH,MAAMC,MAAMC,KAAKE,SAAS;AAGvB,MAAMC,iBAAiBV,OAAOC,KAAIC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,GAAA,GACrCO,YAAY;"}

package/dist/index553.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styled = require("styled-components");
+const spacing = require("./index522.cjs");
+const ArrowTip = React.forwardRef(function ArrowTip2({
+  positionX,
+  positionY
+}, ref) {
+  const theme = styled.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Image, { ref, $positionX: positionX, $positionY: positionY, width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8.29289L14.7929 1.5L1.20711 1.5L8 8.29289Z", fill: "white", stroke: theme.base.borderDark }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.417968 1.32534e-06L7.99805 7.58008L15.5781 0L0.417968 1.32534e-06Z", fill: "white" })
+  ] });
+});
+const Image = styled.svg.withConfig({
+  displayName: "ArrowTip__Image",
+  componentId: "sc-hgv1is-0"
+})(["", " ", " position:absolute;", ""], ({
+  $positionX
+}) => setArrowTipPositionX($positionX), ({
+  $positionY
+}) => setArrowTipPositionY($positionY), ({
+  $positionX
+}) => $positionX === "custom" && styled.css(["inset-inline-end:0px;inset-inline-start:0px;margin:0 auto;"]));
+const setArrowTipPositionX = ($positionX) => {
+  const displayStart = $positionX === "start";
+  const displayEnd = $positionX === "end";
+  return displayStart ? styled.css(["inset-inline-start:", ";"], spacing.spacing.auditorium) : displayEnd ? styled.css(["inset-inline-end:", ";"], spacing.spacing.auditorium) : styled.css(["inset-inline-start:calc(50% - ", ");"], spacing.spacing.club);
+};
+const setArrowTipPositionY = ($positionY) => $positionY === "top" ? styled.css(["bottom:-", ";transform:rotate(0deg);"], spacing.spacing.club) : styled.css(["top:-", ";transform:rotate(180deg);"], spacing.spacing.club);
+exports.default = ArrowTip;
+//# sourceMappingURL=index553.cjs.map

package/dist/index553.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index553.cjs","sources":["../src/components/Tooltip/ArrowTip.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\nimport { spacing } from \"../../dimensions\";\nimport { PositionX, PositionY } from \"./types\";\nimport { Theme } from \"../../themes/types\";\n\ntype Props = {\n  positionX: PositionX;\n  positionY: PositionY;\n};\n\nconst ArrowTip = React.forwardRef<SVGSVGElement, Props>(function ArrowTip(\n  { positionX, positionY }: Props,\n  ref,\n) {\n  const theme = useTheme() as Theme;\n  return (\n    <Image\n      ref={ref}\n      $positionX={positionX}\n      $positionY={positionY}\n      width=\"16\"\n      height=\"10\"\n      viewBox=\"0 0 16 10\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M8 8.29289L14.7929 1.5L1.20711 1.5L8 8.29289Z\"\n        fill=\"white\"\n        stroke={theme.base.borderDark}\n      />\n      <path\n        d=\"M0.417968 1.32534e-06L7.99805 7.58008L15.5781 0L0.417968 1.32534e-06Z\"\n        fill=\"white\"\n      />\n    </Image>\n  );\n});\n\nexport default ArrowTip;\n\nconst Image = styled.svg<{\n  $positionX: PositionX;\n  $positionY: PositionY;\n}>`\n  ${({ $positionX }) => setArrowTipPositionX($positionX)}\n  ${({ $positionY }) => setArrowTipPositionY($positionY)}\n\n  position: absolute;\n\n  ${({ $positionX }) =>\n    $positionX === \"custom\" &&\n    css`\n      inset-inline-end: 0px;\n      inset-inline-start: 0px;\n      margin: 0 auto;\n    `}\n`;\n\nconst setArrowTipPositionX = ($positionX: PositionX) => {\n  const displayStart = $positionX === \"start\";\n  const displayEnd = $positionX === \"end\";\n\n  return displayStart\n    ? css`\n        inset-inline-start: ${spacing.auditorium};\n      `\n    : displayEnd\n      ? css`\n          inset-inline-end: ${spacing.auditorium};\n        `\n      : css`\n          inset-inline-start: calc(50% - ${spacing.club});\n        `;\n};\n\nconst setArrowTipPositionY = ($positionY: PositionY) =>\n  $positionY === \"top\"\n    ? css`\n        bottom: -${spacing.club};\n        transform: rotate(0deg);\n      `\n    : css`\n        top: -${spacing.club};\n        transform: rotate(180deg);\n      `;\n"],"names":["ArrowTip","React","forwardRef","positionX","positionY","ref","theme","useTheme","jsx","base","borderDark","Image","styled","svg","withConfig","displayName","componentId","$positionX","setArrowTipPositionX","$positionY","setArrowTipPositionY","css","displayStart","displayEnd","spacing","auditorium","club"],"mappings":";;;;;;AAWA,MAAMA,WAAWC,MAAMC,WAAiC,SAASF,UAC/D;AAAA,EAAEG;AAAAA,EAAWC;AAAiB,GAC9BC,KACA;AACA,QAAMC,QAAQC,OAAAA,SAAAA;AACd,yCACG,OAAA,EACC,KACA,YAAYJ,WACZ,YAAYC,WACZ,OAAM,MACN,QAAO,MACP,SAAQ,aACR,MAAK,QACL,OAAM,8BAEN,UAAA;AAAA,IAAAI,2BAAAA,IAAC,QAAA,EACC,GAAE,iDACF,MAAK,SACL,QAAQF,MAAMG,KAAKC,WAAAA,CAAW;AAAA,IAEhCF,2BAAAA,IAAC,QAAA,EACC,GAAE,yEACF,MAAK,QAAA,CAAO;AAAA,EAAA,GAEhB;AAEJ,CAAC;AAID,MAAMG,QAAQC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,KAAA,uBAAA,EAAA,GAIpB,CAAC;AAAA,EAAEC;AAAW,MAAMC,qBAAqBD,UAAU,GACnD,CAAC;AAAA,EAAEE;AAAW,MAAMC,qBAAqBD,UAAU,GAInD,CAAC;AAAA,EAAEF;AAAW,MACdA,eAAe,YACfI,OAAAA,mEAIC;AAGL,MAAMH,uBAAuBA,CAACD,eAA0B;AACtD,QAAMK,eAAeL,eAAe;AACpC,QAAMM,aAAaN,eAAe;AAElC,SAAOK,eACHD,WAAG,CAAA,uBAAA,GAAA,GACqBG,QAAAA,QAAQC,UAAU,IAE1CF,aACEF,WAAG,CAAA,qBAAA,GAAA,GACmBG,gBAAQC,UAAU,IAExCJ,OAAAA,IAAG,CAAA,kCAAA,IAAA,GACgCG,QAAAA,QAAQE,IAAI;AAEvD;AAEA,MAAMN,uBAAuBA,CAACD,eAC5BA,eAAe,QACXE,OAAAA,IAAG,CAAA,YAAA,0BAAA,GACUG,QAAAA,QAAQE,IAAI,IAGzBL,WAAG,CAAA,SAAA,4BAAA,GACOG,QAAAA,QAAQE,IAAI;;"}

package/dist/index553.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import styled, { useTheme, css } from "styled-components";
+import { spacing } from "./index522.js";
+const ArrowTip = React__default.forwardRef(function ArrowTip2({
+  positionX,
+  positionY
+}, ref) {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(Image, { ref, $positionX: positionX, $positionY: positionY, width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("path", { d: "M8 8.29289L14.7929 1.5L1.20711 1.5L8 8.29289Z", fill: "white", stroke: theme.base.borderDark }),
+    /* @__PURE__ */ jsx("path", { d: "M0.417968 1.32534e-06L7.99805 7.58008L15.5781 0L0.417968 1.32534e-06Z", fill: "white" })
+  ] });
+});
+const Image = styled.svg.withConfig({
+  displayName: "ArrowTip__Image",
+  componentId: "sc-hgv1is-0"
+})(["", " ", " position:absolute;", ""], ({
+  $positionX
+}) => setArrowTipPositionX($positionX), ({
+  $positionY
+}) => setArrowTipPositionY($positionY), ({
+  $positionX
+}) => $positionX === "custom" && css(["inset-inline-end:0px;inset-inline-start:0px;margin:0 auto;"]));
+const setArrowTipPositionX = ($positionX) => {
+  const displayStart = $positionX === "start";
+  const displayEnd = $positionX === "end";
+  return displayStart ? css(["inset-inline-start:", ";"], spacing.auditorium) : displayEnd ? css(["inset-inline-end:", ";"], spacing.auditorium) : css(["inset-inline-start:calc(50% - ", ");"], spacing.club);
+};
+const setArrowTipPositionY = ($positionY) => $positionY === "top" ? css(["bottom:-", ";transform:rotate(0deg);"], spacing.club) : css(["top:-", ";transform:rotate(180deg);"], spacing.club);
+export {
+  ArrowTip as default
+};
+//# sourceMappingURL=index553.js.map

package/dist/index553.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index553.js","sources":["../src/components/Tooltip/ArrowTip.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\nimport { spacing } from \"../../dimensions\";\nimport { PositionX, PositionY } from \"./types\";\nimport { Theme } from \"../../themes/types\";\n\ntype Props = {\n  positionX: PositionX;\n  positionY: PositionY;\n};\n\nconst ArrowTip = React.forwardRef<SVGSVGElement, Props>(function ArrowTip(\n  { positionX, positionY }: Props,\n  ref,\n) {\n  const theme = useTheme() as Theme;\n  return (\n    <Image\n      ref={ref}\n      $positionX={positionX}\n      $positionY={positionY}\n      width=\"16\"\n      height=\"10\"\n      viewBox=\"0 0 16 10\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M8 8.29289L14.7929 1.5L1.20711 1.5L8 8.29289Z\"\n        fill=\"white\"\n        stroke={theme.base.borderDark}\n      />\n      <path\n        d=\"M0.417968 1.32534e-06L7.99805 7.58008L15.5781 0L0.417968 1.32534e-06Z\"\n        fill=\"white\"\n      />\n    </Image>\n  );\n});\n\nexport default ArrowTip;\n\nconst Image = styled.svg<{\n  $positionX: PositionX;\n  $positionY: PositionY;\n}>`\n  ${({ $positionX }) => setArrowTipPositionX($positionX)}\n  ${({ $positionY }) => setArrowTipPositionY($positionY)}\n\n  position: absolute;\n\n  ${({ $positionX }) =>\n    $positionX === \"custom\" &&\n    css`\n      inset-inline-end: 0px;\n      inset-inline-start: 0px;\n      margin: 0 auto;\n    `}\n`;\n\nconst setArrowTipPositionX = ($positionX: PositionX) => {\n  const displayStart = $positionX === \"start\";\n  const displayEnd = $positionX === \"end\";\n\n  return displayStart\n    ? css`\n        inset-inline-start: ${spacing.auditorium};\n      `\n    : displayEnd\n      ? css`\n          inset-inline-end: ${spacing.auditorium};\n        `\n      : css`\n          inset-inline-start: calc(50% - ${spacing.club});\n        `;\n};\n\nconst setArrowTipPositionY = ($positionY: PositionY) =>\n  $positionY === \"top\"\n    ? css`\n        bottom: -${spacing.club};\n        transform: rotate(0deg);\n      `\n    : css`\n        top: -${spacing.club};\n        transform: rotate(180deg);\n      `;\n"],"names":["ArrowTip","React","forwardRef","positionX","positionY","ref","theme","useTheme","base","borderDark","Image","styled","svg","withConfig","displayName","componentId","$positionX","setArrowTipPositionX","$positionY","setArrowTipPositionY","css","displayStart","displayEnd","spacing","auditorium","club"],"mappings":";;;;AAWA,MAAMA,WAAWC,eAAMC,WAAiC,SAASF,UAC/D;AAAA,EAAEG;AAAAA,EAAWC;AAAiB,GAC9BC,KACA;AACA,QAAMC,QAAQC,SAAAA;AACd,8BACG,OAAA,EACC,KACA,YAAYJ,WACZ,YAAYC,WACZ,OAAM,MACN,QAAO,MACP,SAAQ,aACR,MAAK,QACL,OAAM,8BAEN,UAAA;AAAA,IAAA,oBAAC,QAAA,EACC,GAAE,iDACF,MAAK,SACL,QAAQE,MAAME,KAAKC,WAAAA,CAAW;AAAA,IAEhC,oBAAC,QAAA,EACC,GAAE,yEACF,MAAK,QAAA,CAAO;AAAA,EAAA,GAEhB;AAEJ,CAAC;AAID,MAAMC,QAAQC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,KAAA,uBAAA,EAAA,GAIpB,CAAC;AAAA,EAAEC;AAAW,MAAMC,qBAAqBD,UAAU,GACnD,CAAC;AAAA,EAAEE;AAAW,MAAMC,qBAAqBD,UAAU,GAInD,CAAC;AAAA,EAAEF;AAAW,MACdA,eAAe,YACfI,mEAIC;AAGL,MAAMH,uBAAuBA,CAACD,eAA0B;AACtD,QAAMK,eAAeL,eAAe;AACpC,QAAMM,aAAaN,eAAe;AAElC,SAAOK,eACHD,IAAG,CAAA,uBAAA,GAAA,GACqBG,QAAQC,UAAU,IAE1CF,aACEF,IAAG,CAAA,qBAAA,GAAA,GACmBG,QAAQC,UAAU,IAExCJ,IAAG,CAAA,kCAAA,IAAA,GACgCG,QAAQE,IAAI;AAEvD;AAEA,MAAMN,uBAAuBA,CAACD,eAC5BA,eAAe,QACXE,IAAG,CAAA,YAAA,0BAAA,GACUG,QAAQE,IAAI,IAGzBL,IAAG,CAAA,SAAA,4BAAA,GACOG,QAAQE,IAAI;"}

package/dist/index554.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const POINTER_OVER_DELAY = 400;
+const ESCAPE_KEY = "Escape";
+function useDelayedTooltipToggle(tooltipRef, showTooltip, setShowTooltip) {
+  const timeoutIDRef = React.useRef(void 0);
+  const handleHideTooltip = React.useCallback(() => {
+    timeoutIDRef.current = setTimeout(() => {
+      var _a;
+      const isPointerOnTooltip = (_a = tooltipRef.current) == null ? void 0 : _a.matches(":hover");
+      if (!isPointerOnTooltip) {
+        setShowTooltip(false);
+      }
+    }, POINTER_OVER_DELAY);
+  }, [setShowTooltip, tooltipRef]);
+  const handleShowTooltip = React.useCallback(() => {
+    clearTimeout(timeoutIDRef.current);
+    timeoutIDRef.current = setTimeout(() => {
+      setShowTooltip(true);
+    }, 100);
+  }, [setShowTooltip]);
+  const handleToggleTooltip = React.useCallback(() => {
+    if (!showTooltip) {
+      handleShowTooltip();
+    } else {
+      handleHideTooltip();
+    }
+  }, [handleHideTooltip, handleShowTooltip, showTooltip]);
+  React.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === ESCAPE_KEY) {
+        setShowTooltip(false);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [setShowTooltip]);
+  return {
+    handleHideTooltip,
+    handleShowTooltip,
+    handleToggleTooltip
+  };
+}
+exports.useDelayedTooltipToggle = useDelayedTooltipToggle;
+//# sourceMappingURL=index554.cjs.map

package/dist/index554.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index554.cjs","sources":["../src/components/Tooltip/useDelayedTooltipToggle.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\nconst POINTER_OVER_DELAY = 400;\nconst ESCAPE_KEY = \"Escape\";\n\nexport function useDelayedTooltipToggle(\n  tooltipRef: React.MutableRefObject<HTMLDivElement | null>,\n  showTooltip: boolean,\n  setShowTooltip: React.Dispatch<React.SetStateAction<boolean>>,\n) {\n  const timeoutIDRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  const handleHideTooltip = useCallback(() => {\n    timeoutIDRef.current = setTimeout(() => {\n      const isPointerOnTooltip = tooltipRef.current?.matches(\":hover\");\n\n      if (!isPointerOnTooltip) {\n        setShowTooltip(false);\n      }\n    }, POINTER_OVER_DELAY);\n  }, [setShowTooltip, tooltipRef]);\n\n  const handleShowTooltip = useCallback(() => {\n    clearTimeout(timeoutIDRef.current);\n    timeoutIDRef.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, 100);\n  }, [setShowTooltip]);\n\n  const handleToggleTooltip = useCallback(() => {\n    if (!showTooltip) {\n      handleShowTooltip();\n    } else {\n      handleHideTooltip();\n    }\n  }, [handleHideTooltip, handleShowTooltip, showTooltip]);\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === ESCAPE_KEY) {\n        setShowTooltip(false);\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [setShowTooltip]);\n\n  return {\n    handleHideTooltip,\n    handleShowTooltip,\n    handleToggleTooltip,\n  };\n}\n"],"names":["POINTER_OVER_DELAY","ESCAPE_KEY","useDelayedTooltipToggle","tooltipRef","showTooltip","setShowTooltip","timeoutIDRef","useRef","undefined","handleHideTooltip","useCallback","current","setTimeout","isPointerOnTooltip","matches","handleShowTooltip","clearTimeout","handleToggleTooltip","useEffect","handleKeyDown","event","key","window","addEventListener","removeEventListener"],"mappings":";;;AAEA,MAAMA,qBAAqB;AAC3B,MAAMC,aAAa;AAEZ,SAASC,wBACdC,YACAC,aACAC,gBACA;AACA,QAAMC,eAAeC,MAAAA,OAAmCC,MAAS;AAEjE,QAAMC,oBAAoBC,MAAAA,YAAY,MAAM;AAC1CJ,iBAAaK,UAAUC,WAAW,MAAM;;AACtC,YAAMC,sBAAqBV,gBAAWQ,YAAXR,mBAAoBW,QAAQ;AAEvD,UAAI,CAACD,oBAAoB;AACvBR,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF,GAAGL,kBAAkB;AAAA,EACvB,GAAG,CAACK,gBAAgBF,UAAU,CAAC;AAE/B,QAAMY,oBAAoBL,MAAAA,YAAY,MAAM;AAC1CM,iBAAaV,aAAaK,OAAO;AACjCL,iBAAaK,UAAUC,WAAW,MAAM;AACtCP,qBAAe,IAAI;AAAA,IACrB,GAAG,GAAG;AAAA,EACR,GAAG,CAACA,cAAc,CAAC;AAEnB,QAAMY,sBAAsBP,MAAAA,YAAY,MAAM;AAC5C,QAAI,CAACN,aAAa;AAChBW,wBAAAA;AAAAA,IACF,OAAO;AACLN,wBAAAA;AAAAA,IACF;AAAA,EACF,GAAG,CAACA,mBAAmBM,mBAAmBX,WAAW,CAAC;AAEtDc,QAAAA,UAAU,MAAM;AACd,UAAMC,gBAAgBA,CAACC,UAAyB;AAC9C,UAAIA,MAAMC,QAAQpB,YAAY;AAC5BI,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAEAiB,WAAOC,iBAAiB,WAAWJ,aAAa;AAEhD,WAAO,MAAM;AACXG,aAAOE,oBAAoB,WAAWL,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAACd,cAAc,CAAC;AAEnB,SAAO;AAAA,IACLI;AAAAA,IACAM;AAAAA,IACAE;AAAAA,EAAAA;AAEJ;;"}

package/dist/index554.js

@@ -0,0 +1,48 @@
+import { useRef, useCallback, useEffect } from "react";
+const POINTER_OVER_DELAY = 400;
+const ESCAPE_KEY = "Escape";
+function useDelayedTooltipToggle(tooltipRef, showTooltip, setShowTooltip) {
+  const timeoutIDRef = useRef(void 0);
+  const handleHideTooltip = useCallback(() => {
+    timeoutIDRef.current = setTimeout(() => {
+      var _a;
+      const isPointerOnTooltip = (_a = tooltipRef.current) == null ? void 0 : _a.matches(":hover");
+      if (!isPointerOnTooltip) {
+        setShowTooltip(false);
+      }
+    }, POINTER_OVER_DELAY);
+  }, [setShowTooltip, tooltipRef]);
+  const handleShowTooltip = useCallback(() => {
+    clearTimeout(timeoutIDRef.current);
+    timeoutIDRef.current = setTimeout(() => {
+      setShowTooltip(true);
+    }, 100);
+  }, [setShowTooltip]);
+  const handleToggleTooltip = useCallback(() => {
+    if (!showTooltip) {
+      handleShowTooltip();
+    } else {
+      handleHideTooltip();
+    }
+  }, [handleHideTooltip, handleShowTooltip, showTooltip]);
+  useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === ESCAPE_KEY) {
+        setShowTooltip(false);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [setShowTooltip]);
+  return {
+    handleHideTooltip,
+    handleShowTooltip,
+    handleToggleTooltip
+  };
+}
+export {
+  useDelayedTooltipToggle
+};
+//# sourceMappingURL=index554.js.map

package/dist/index554.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index554.js","sources":["../src/components/Tooltip/useDelayedTooltipToggle.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\nconst POINTER_OVER_DELAY = 400;\nconst ESCAPE_KEY = \"Escape\";\n\nexport function useDelayedTooltipToggle(\n  tooltipRef: React.MutableRefObject<HTMLDivElement | null>,\n  showTooltip: boolean,\n  setShowTooltip: React.Dispatch<React.SetStateAction<boolean>>,\n) {\n  const timeoutIDRef = useRef<NodeJS.Timeout | undefined>(undefined);\n\n  const handleHideTooltip = useCallback(() => {\n    timeoutIDRef.current = setTimeout(() => {\n      const isPointerOnTooltip = tooltipRef.current?.matches(\":hover\");\n\n      if (!isPointerOnTooltip) {\n        setShowTooltip(false);\n      }\n    }, POINTER_OVER_DELAY);\n  }, [setShowTooltip, tooltipRef]);\n\n  const handleShowTooltip = useCallback(() => {\n    clearTimeout(timeoutIDRef.current);\n    timeoutIDRef.current = setTimeout(() => {\n      setShowTooltip(true);\n    }, 100);\n  }, [setShowTooltip]);\n\n  const handleToggleTooltip = useCallback(() => {\n    if (!showTooltip) {\n      handleShowTooltip();\n    } else {\n      handleHideTooltip();\n    }\n  }, [handleHideTooltip, handleShowTooltip, showTooltip]);\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === ESCAPE_KEY) {\n        setShowTooltip(false);\n      }\n    };\n\n    window.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      window.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [setShowTooltip]);\n\n  return {\n    handleHideTooltip,\n    handleShowTooltip,\n    handleToggleTooltip,\n  };\n}\n"],"names":["POINTER_OVER_DELAY","ESCAPE_KEY","useDelayedTooltipToggle","tooltipRef","showTooltip","setShowTooltip","timeoutIDRef","useRef","undefined","handleHideTooltip","useCallback","current","setTimeout","isPointerOnTooltip","matches","handleShowTooltip","clearTimeout","handleToggleTooltip","useEffect","handleKeyDown","event","key","window","addEventListener","removeEventListener"],"mappings":";AAEA,MAAMA,qBAAqB;AAC3B,MAAMC,aAAa;AAEZ,SAASC,wBACdC,YACAC,aACAC,gBACA;AACA,QAAMC,eAAeC,OAAmCC,MAAS;AAEjE,QAAMC,oBAAoBC,YAAY,MAAM;AAC1CJ,iBAAaK,UAAUC,WAAW,MAAM;;AACtC,YAAMC,sBAAqBV,gBAAWQ,YAAXR,mBAAoBW,QAAQ;AAEvD,UAAI,CAACD,oBAAoB;AACvBR,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF,GAAGL,kBAAkB;AAAA,EACvB,GAAG,CAACK,gBAAgBF,UAAU,CAAC;AAE/B,QAAMY,oBAAoBL,YAAY,MAAM;AAC1CM,iBAAaV,aAAaK,OAAO;AACjCL,iBAAaK,UAAUC,WAAW,MAAM;AACtCP,qBAAe,IAAI;AAAA,IACrB,GAAG,GAAG;AAAA,EACR,GAAG,CAACA,cAAc,CAAC;AAEnB,QAAMY,sBAAsBP,YAAY,MAAM;AAC5C,QAAI,CAACN,aAAa;AAChBW,wBAAAA;AAAAA,IACF,OAAO;AACLN,wBAAAA;AAAAA,IACF;AAAA,EACF,GAAG,CAACA,mBAAmBM,mBAAmBX,WAAW,CAAC;AAEtDc,YAAU,MAAM;AACd,UAAMC,gBAAgBA,CAACC,UAAyB;AAC9C,UAAIA,MAAMC,QAAQpB,YAAY;AAC5BI,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAEAiB,WAAOC,iBAAiB,WAAWJ,aAAa;AAEhD,WAAO,MAAM;AACXG,aAAOE,oBAAoB,WAAWL,aAAa;AAAA,IACrD;AAAA,EACF,GAAG,CAACd,cAAc,CAAC;AAEnB,SAAO;AAAA,IACLI;AAAAA,IACAM;AAAAA,IACAE;AAAAA,EAAAA;AAEJ;"}

package/dist/index555.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getLogicalBoundingRect = (el) => {
+  const rect = el.getBoundingClientRect();
+  const dir = getComputedStyle(el).direction;
+  if (dir === "rtl") {
+    return {
+      inlineStart: rect.right,
+      inlineEnd: rect.left,
+      blockStart: rect.top,
+      blockEnd: rect.bottom,
+      width: rect.width,
+      height: rect.height
+    };
+  } else {
+    return {
+      inlineStart: rect.left,
+      inlineEnd: rect.right,
+      blockStart: rect.top,
+      blockEnd: rect.bottom,
+      width: rect.width,
+      height: rect.height
+    };
+  }
+};
+exports.getLogicalBoundingRect = getLogicalBoundingRect;
+//# sourceMappingURL=index555.cjs.map

package/dist/index555.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index555.cjs","sources":["../src/utils/getLogicalBoundingRect.ts"],"sourcesContent":["export const getLogicalBoundingRect = (el: Element) => {\n  const rect = el.getBoundingClientRect();\n  const dir = getComputedStyle(el).direction;\n\n  if (dir === \"rtl\") {\n    return {\n      inlineStart: rect.right,\n      inlineEnd: rect.left,\n      blockStart: rect.top,\n      blockEnd: rect.bottom,\n      width: rect.width,\n      height: rect.height,\n    };\n  } else {\n    return {\n      inlineStart: rect.left,\n      inlineEnd: rect.right,\n      blockStart: rect.top,\n      blockEnd: rect.bottom,\n      width: rect.width,\n      height: rect.height,\n    };\n  }\n};\n"],"names":["getLogicalBoundingRect","el","rect","getBoundingClientRect","dir","getComputedStyle","direction","inlineStart","right","inlineEnd","left","blockStart","top","blockEnd","bottom","width","height"],"mappings":";;AAAO,MAAMA,yBAAyBA,CAACC,OAAgB;AACrD,QAAMC,OAAOD,GAAGE,sBAAAA;AAChB,QAAMC,MAAMC,iBAAiBJ,EAAE,EAAEK;AAEjC,MAAIF,QAAQ,OAAO;AACjB,WAAO;AAAA,MACLG,aAAaL,KAAKM;AAAAA,MAClBC,WAAWP,KAAKQ;AAAAA,MAChBC,YAAYT,KAAKU;AAAAA,MACjBC,UAAUX,KAAKY;AAAAA,MACfC,OAAOb,KAAKa;AAAAA,MACZC,QAAQd,KAAKc;AAAAA,IAAAA;AAAAA,EAEjB,OAAO;AACL,WAAO;AAAA,MACLT,aAAaL,KAAKQ;AAAAA,MAClBD,WAAWP,KAAKM;AAAAA,MAChBG,YAAYT,KAAKU;AAAAA,MACjBC,UAAUX,KAAKY;AAAAA,MACfC,OAAOb,KAAKa;AAAAA,MACZC,QAAQd,KAAKc;AAAAA,IAAAA;AAAAA,EAEjB;AACF;;"}

package/dist/index555.js

@@ -0,0 +1,27 @@
+const getLogicalBoundingRect = (el) => {
+  const rect = el.getBoundingClientRect();
+  const dir = getComputedStyle(el).direction;
+  if (dir === "rtl") {
+    return {
+      inlineStart: rect.right,
+      inlineEnd: rect.left,
+      blockStart: rect.top,
+      blockEnd: rect.bottom,
+      width: rect.width,
+      height: rect.height
+    };
+  } else {
+    return {
+      inlineStart: rect.left,
+      inlineEnd: rect.right,
+      blockStart: rect.top,
+      blockEnd: rect.bottom,
+      width: rect.width,
+      height: rect.height
+    };
+  }
+};
+export {
+  getLogicalBoundingRect
+};
+//# sourceMappingURL=index555.js.map

package/dist/index555.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index555.js","sources":["../src/utils/getLogicalBoundingRect.ts"],"sourcesContent":["export const getLogicalBoundingRect = (el: Element) => {\n  const rect = el.getBoundingClientRect();\n  const dir = getComputedStyle(el).direction;\n\n  if (dir === \"rtl\") {\n    return {\n      inlineStart: rect.right,\n      inlineEnd: rect.left,\n      blockStart: rect.top,\n      blockEnd: rect.bottom,\n      width: rect.width,\n      height: rect.height,\n    };\n  } else {\n    return {\n      inlineStart: rect.left,\n      inlineEnd: rect.right,\n      blockStart: rect.top,\n      blockEnd: rect.bottom,\n      width: rect.width,\n      height: rect.height,\n    };\n  }\n};\n"],"names":["getLogicalBoundingRect","el","rect","getBoundingClientRect","dir","getComputedStyle","direction","inlineStart","right","inlineEnd","left","blockStart","top","blockEnd","bottom","width","height"],"mappings":"AAAO,MAAMA,yBAAyBA,CAACC,OAAgB;AACrD,QAAMC,OAAOD,GAAGE,sBAAAA;AAChB,QAAMC,MAAMC,iBAAiBJ,EAAE,EAAEK;AAEjC,MAAIF,QAAQ,OAAO;AACjB,WAAO;AAAA,MACLG,aAAaL,KAAKM;AAAAA,MAClBC,WAAWP,KAAKQ;AAAAA,MAChBC,YAAYT,KAAKU;AAAAA,MACjBC,UAAUX,KAAKY;AAAAA,MACfC,OAAOb,KAAKa;AAAAA,MACZC,QAAQd,KAAKc;AAAAA,IAAAA;AAAAA,EAEjB,OAAO;AACL,WAAO;AAAA,MACLT,aAAaL,KAAKQ;AAAAA,MAClBD,WAAWP,KAAKM;AAAAA,MAChBG,YAAYT,KAAKU;AAAAA,MACjBC,UAAUX,KAAKY;AAAAA,MACfC,OAAOb,KAAKa;AAAAA,MACZC,QAAQd,KAAKc;AAAAA,IAAAA;AAAAA,EAEjB;AACF;"}

package/dist/index556.cjs

@@ -0,0 +1,10 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const styled = require("styled-components");
+const BaseSvg = styled.svg.withConfig({
+  displayName: "BaseSvg",
+  componentId: "sc-1i5zxv6-0"
+})(["display:inline-block;flex-shrink:0;vertical-align:middle;transition:transform 0.2s ease-out;", ";", ";"], (props) => `fill: ${props.theme.icons[props.$fillColor] || props.theme.status[props.$fillColor] || props.$fillColor}`, (props) => props.rotate && `transform: rotate(${props.rotate}deg)`);
+exports.default = BaseSvg;
+//# sourceMappingURL=index556.cjs.map

package/dist/index556.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index556.cjs","sources":["../src/icons/BaseSvg.tsx"],"sourcesContent":["\"use client\";\nimport styled from \"styled-components\";\n\nconst BaseSvg = styled.svg<{\n  $fillColor?: string;\n}>`\n  display: inline-block;\n  flex-shrink: 0;\n  vertical-align: middle;\n  transition: transform 0.2s ease-out;\n  ${(props) =>\n    `fill: ${\n      props.theme.icons[props.$fillColor as keyof typeof props.theme.icons] ||\n      props.theme.status[props.$fillColor as keyof typeof props.theme.status] ||\n      props.$fillColor\n    }`};\n  ${(props) => props.rotate && `transform: rotate(${props.rotate}deg)`};\n`;\n\nexport default BaseSvg;\n"],"names":[],"mappings":";;;;AAGA;AAA0B;AAAA;AAAA;;"}

package/dist/index556.js

@@ -0,0 +1,10 @@
+"use client";
+import styled from "styled-components";
+const BaseSvg = styled.svg.withConfig({
+  displayName: "BaseSvg",
+  componentId: "sc-1i5zxv6-0"
+})(["display:inline-block;flex-shrink:0;vertical-align:middle;transition:transform 0.2s ease-out;", ";", ";"], (props) => `fill: ${props.theme.icons[props.$fillColor] || props.theme.status[props.$fillColor] || props.$fillColor}`, (props) => props.rotate && `transform: rotate(${props.rotate}deg)`);
+export {
+  BaseSvg as default
+};
+//# sourceMappingURL=index556.js.map

package/dist/index556.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index556.js","sources":["../src/icons/BaseSvg.tsx"],"sourcesContent":["\"use client\";\nimport styled from \"styled-components\";\n\nconst BaseSvg = styled.svg<{\n  $fillColor?: string;\n}>`\n  display: inline-block;\n  flex-shrink: 0;\n  vertical-align: middle;\n  transition: transform 0.2s ease-out;\n  ${(props) =>\n    `fill: ${\n      props.theme.icons[props.$fillColor as keyof typeof props.theme.icons] ||\n      props.theme.status[props.$fillColor as keyof typeof props.theme.status] ||\n      props.$fillColor\n    }`};\n  ${(props) => props.rotate && `transform: rotate(${props.rotate}deg)`};\n`;\n\nexport default BaseSvg;\n"],"names":[],"mappings":";;AAGA;AAA0B;AAAA;AAAA;;;;"}

package/dist/index557.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const IconButton = require("./index19.cjs");
+const TicketCardv2 = require("./index128.cjs");
+const VisuallyHidden = require("./index50.cjs");
+const InfoICircledIcon = require("./index207.cjs");
+const typography = require("./index520.cjs");
+const sizes = require("./index521.cjs");
+const ticketTypesWithDisabledColor = ["disabled", "transfer", "resale"];
+const TicketInfoHeader = ({
+  accessibleTitle,
+  headerTitle,
+  ticketInfoButtonData,
+  type,
+  wayfindingColors
+}) => {
+  const theme = styled.useTheme();
+  const getIconFillColor = () => {
+    if (wayfindingColors && TicketCardv2.statusesWithWayfinding.includes(type)) {
+      return wayfindingColors.foreground;
+    } else if (ticketTypesWithDisabledColor.includes(type)) {
+      return theme.text.secondary;
+    } else {
+      return "info";
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(HeaderContainer, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(HeaderTitle, { $type: type, $wayfindingColors: wayfindingColors, translate: "no", children: headerTitle || accessibleTitle }),
+    accessibleTitle && headerTitle && /* @__PURE__ */ jsxRuntime.jsx(AccessibleTitle, { $type: type, $wayfindingColors: wayfindingColors, translate: "no", children: accessibleTitle }),
+    (ticketInfoButtonData == null ? void 0 : ticketInfoButtonData.callback) && /* @__PURE__ */ jsxRuntime.jsx(CtaContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(TicketInfoButton, { onClick: ticketInfoButtonData.callback, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden.default, { children: ticketInfoButtonData.accessibleDescription }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoICircledIcon.default, { fillColor: getIconFillColor() })
+    ] }) })
+  ] });
+};
+const HeaderContainer = styled.div.withConfig({
+  displayName: "TicketInfoHeader__HeaderContainer",
+  componentId: "sc-8t8sxg-0"
+})(["display:grid;grid-template-rows:1fr auto;grid-template-columns:0.5fr 3fr 0.5fr;width:100%;"]);
+const HeaderTitle = styled.h3.withConfig({
+  displayName: "TicketInfoHeader__HeaderTitle",
+  componentId: "sc-8t8sxg-1"
+})(["grid-row-start:1;grid-column-start:2;margin:0;", ";color:", ";text-align:center;"], ({
+  $type
+}) => {
+  if ($type === "addedValue") return typography.textStyle.fiji;
+  return typography.textStyle.boising;
+}, ({
+  $type,
+  $wayfindingColors,
+  theme
+}) => {
+  if ($wayfindingColors && TicketCardv2.statusesWithWayfinding.includes($type)) {
+    return $wayfindingColors.foreground;
+  } else if (ticketTypesWithDisabledColor.includes($type)) {
+    return theme.text.secondary;
+  } else {
+    return "initial";
+  }
+});
+const AccessibleTitle = styled.h3.withConfig({
+  displayName: "TicketInfoHeader__AccessibleTitle",
+  componentId: "sc-8t8sxg-2"
+})(["", " grid-row-start:2;grid-column-start:2;margin:0;color:", ";text-align:center;"], typography.textStyle.snowdon, ({
+  $type,
+  $wayfindingColors,
+  theme
+}) => {
+  if ($wayfindingColors && TicketCardv2.statusesWithWayfinding.includes($type)) {
+    return $wayfindingColors.foreground;
+  } else {
+    return theme.text.secondary;
+  }
+});
+const CtaContent = styled.div.withConfig({
+  displayName: "TicketInfoHeader__CtaContent",
+  componentId: "sc-8t8sxg-3"
+})(["display:flex;grid-row-start:1;grid-column-start:3;align-items:center;justify-content:flex-end;height:1.25rem;"]);
+const TicketInfoButton = styled(IconButton.IconButton).withConfig({
+  displayName: "TicketInfoHeader__TicketInfoButton",
+  componentId: "sc-8t8sxg-4"
+})(["position:relative;inset-inline-end:-", ";cursor:pointer;"], sizes.iconSize.margin);
+exports.default = TicketInfoHeader;
+//# sourceMappingURL=index557.cjs.map

package/dist/index557.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index557.cjs","sources":["../src/components/TicketTopSection/TicketInfoHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { useTheme } from \"styled-components\";\nimport { iconSize, textStyle } from \"../../dimensions\";\nimport IconButton from \"../utils/IconButton\";\nimport { InfoICircledIcon } from \"../../icons\";\nimport { BrandColors, TicketType } from \"../TicketCardv2\";\nimport { statusesWithWayfinding } from \"../TicketCardv2/TicketCardv2\";\nimport VisuallyHidden from \"../utils/VisuallyHidden\";\n\nexport type TicketInfoButtonData = {\n  /**\n   * Description to be read by screen readers\n   */\n  accessibleDescription: string;\n  /**\n   * Callback to execute when ticket info button is clicked.\n   * Ticket info CTA button is only shown when this is provided\n   */\n  callback: () => void;\n};\n\ntype TicketInfoHeaderProps = {\n  /**\n   * Title displayed under header title. One of the Accessible Ticket types\n   * ex (Wheelchair Accessible, Ambulant Disabled, etc.)\n   */\n  accessibleTitle?: string;\n  /**\n   * Title text to display. Usually the ticket description ex. 'Standard Admission', 'General Admission', etc.\n   */\n  headerTitle: string;\n  /**\n   * Optional data used to display the ticket info button\n   */\n  ticketInfoButtonData?: TicketInfoButtonData;\n  /**\n   * Ticket type - controls text color\n   */\n  type: TicketType;\n  /**\n   * Optional wayfinding colors. Affects header border color and logo color\n   * Only used if status is 'primary'\n   */\n  wayfindingColors?: BrandColors;\n};\n\nconst ticketTypesWithDisabledColor = [\"disabled\", \"transfer\", \"resale\"];\n\nconst TicketInfoHeader = ({\n  accessibleTitle,\n  headerTitle,\n  ticketInfoButtonData,\n  type,\n  wayfindingColors,\n}: TicketInfoHeaderProps) => {\n  const theme = useTheme();\n\n  const getIconFillColor = () => {\n    if (wayfindingColors && statusesWithWayfinding.includes(type)) {\n      return wayfindingColors.foreground;\n    } else if (ticketTypesWithDisabledColor.includes(type)) {\n      return theme.text.secondary;\n    } else {\n      return \"info\";\n    }\n  };\n\n  // Displays accessibleTitle as headerTitle if no headerTitle is given / is empty string\n  return (\n    <HeaderContainer>\n      <HeaderTitle\n        $type={type}\n        $wayfindingColors={wayfindingColors}\n        translate=\"no\"\n      >\n        {headerTitle || accessibleTitle}\n      </HeaderTitle>\n      {accessibleTitle && headerTitle && (\n        <AccessibleTitle\n          $type={type}\n          $wayfindingColors={wayfindingColors}\n          translate=\"no\"\n        >\n          {accessibleTitle}\n        </AccessibleTitle>\n      )}\n      {ticketInfoButtonData?.callback && (\n        <CtaContent>\n          <TicketInfoButton onClick={ticketInfoButtonData.callback}>\n            <VisuallyHidden>\n              {ticketInfoButtonData.accessibleDescription}\n            </VisuallyHidden>\n            <InfoICircledIcon fillColor={getIconFillColor()} />\n          </TicketInfoButton>\n        </CtaContent>\n      )}\n    </HeaderContainer>\n  );\n};\n\nexport default TicketInfoHeader;\n\nconst HeaderContainer = styled.div`\n  display: grid;\n  grid-template-rows: 1fr auto;\n  grid-template-columns: 0.5fr 3fr 0.5fr;\n  width: 100%;\n`;\n\nconst HeaderTitle = styled.h3<{\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n}>`\n  grid-row-start: 1;\n  grid-column-start: 2;\n  margin: 0;\n  ${({ $type }) => {\n    if ($type === \"addedValue\") return textStyle.fiji;\n    return textStyle.boising;\n  }};\n  color: ${({ $type, $wayfindingColors, theme }) => {\n    if ($wayfindingColors && statusesWithWayfinding.includes($type)) {\n      return $wayfindingColors.foreground;\n    } else if (ticketTypesWithDisabledColor.includes($type)) {\n      return theme.text.secondary;\n    } else {\n      return \"initial\";\n    }\n  }};\n  text-align: center;\n`;\n\nconst AccessibleTitle = styled.h3<{\n  $type: TicketType;\n  $wayfindingColors?: BrandColors;\n}>`\n  ${textStyle.snowdon}\n  grid-row-start: 2;\n  grid-column-start: 2;\n  margin: 0;\n  color: ${({ $type, $wayfindingColors, theme }) => {\n    if ($wayfindingColors && statusesWithWayfinding.includes($type)) {\n      return $wayfindingColors.foreground;\n    } else {\n      return theme.text.secondary;\n    }\n  }};\n  text-align: center;\n`;\n\nconst CtaContent = styled.div`\n  display: flex;\n  grid-row-start: 1;\n  grid-column-start: 3;\n  align-items: center;\n  justify-content: flex-end;\n  height: 1.25rem;\n`;\n\nconst TicketInfoButton = styled(IconButton)`\n  position: relative;\n  inset-inline-end: -${iconSize.margin};\n  cursor: pointer;\n`;\n"],"names":["ticketTypesWithDisabledColor","TicketInfoHeader","accessibleTitle","headerTitle","ticketInfoButtonData","type","wayfindingColors","theme","useTheme","getIconFillColor","statusesWithWayfinding","includes","foreground","text","secondary","jsx","callback","VisuallyHidden","accessibleDescription","InfoICircledIcon","HeaderContainer","styled","div","withConfig","displayName","componentId","HeaderTitle","h3","$type","textStyle","fiji","boising","$wayfindingColors","AccessibleTitle","snowdon","CtaContent","TicketInfoButton","IconButton","iconSize","margin"],"mappings":";;;;;;;;;;AA8CA,MAAMA,+BAA+B,CAAC,YAAY,YAAY,QAAQ;AAEtE,MAAMC,mBAAmBA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACqB,MAAM;AAC3B,QAAMC,QAAQC,OAAAA,SAAAA;AAEd,QAAMC,mBAAmBA,MAAM;AAC7B,QAAIH,oBAAoBI,aAAAA,uBAAuBC,SAASN,IAAI,GAAG;AAC7D,aAAOC,iBAAiBM;AAAAA,IAC1B,WAAWZ,6BAA6BW,SAASN,IAAI,GAAG;AACtD,aAAOE,MAAMM,KAAKC;AAAAA,IACpB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAGA,yCACG,iBAAA,EACC,UAAA;AAAA,IAAAC,2BAAAA,IAAC,aAAA,EACC,OAAOV,MACP,mBAAmBC,kBACnB,WAAU,MAETH,yBAAeD,gBAAAA,CAClB;AAAA,IACCA,mBAAmBC,eAClBY,2BAAAA,IAAC,iBAAA,EACC,OAAOV,MACP,mBAAmBC,kBACnB,WAAU,MAETJ,UAAAA,gBAAAA,CACH;AAAA,KAEDE,6DAAsBY,aACrBD,+BAAC,YAAA,EACC,0CAAC,kBAAA,EAAiB,SAASX,qBAAqBY,UAC9C,UAAA;AAAA,MAAAD,2BAAAA,IAACE,eAAAA,SAAA,EACEb,+BAAqBc,sBAAAA,CACxB;AAAA,MACAH,2BAAAA,IAACI,iBAAAA,SAAA,EAAiB,WAAWV,iBAAAA,EAAiB,CAAE;AAAA,IAAA,EAAA,CAClD,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAIA,MAAMW,kBAAkBC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,4FAAA,CAAA;AAOlC,MAAMC,cAAcL,OAAOM,GAAEJ,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,kDAAA,WAAA,qBAAA,GAOzB,CAAC;AAAA,EAAEG;AAAM,MAAM;AACf,MAAIA,UAAU,aAAc,QAAOC,WAAAA,UAAUC;AAC7C,SAAOD,WAAAA,UAAUE;AACnB,GACS,CAAC;AAAA,EAAEH;AAAAA,EAAOI;AAAAA,EAAmBzB;AAAM,MAAM;AAChD,MAAIyB,qBAAqBtB,aAAAA,uBAAuBC,SAASiB,KAAK,GAAG;AAC/D,WAAOI,kBAAkBpB;AAAAA,EAC3B,WAAWZ,6BAA6BW,SAASiB,KAAK,GAAG;AACvD,WAAOrB,MAAMM,KAAKC;AAAAA,EACpB,OAAO;AACL,WAAO;AAAA,EACT;AACF,CAAC;AAIH,MAAMmB,kBAAkBZ,OAAOM,GAAEJ,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,yDAAA,qBAAA,GAI7BI,WAAAA,UAAUK,SAIH,CAAC;AAAA,EAAEN;AAAAA,EAAOI;AAAAA,EAAmBzB;AAAM,MAAM;AAChD,MAAIyB,qBAAqBtB,aAAAA,uBAAuBC,SAASiB,KAAK,GAAG;AAC/D,WAAOI,kBAAkBpB;AAAAA,EAC3B,OAAO;AACL,WAAOL,MAAMM,KAAKC;AAAAA,EACpB;AACF,CAAC;AAIH,MAAMqB,aAAad,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,+GAAA,CAAA;AAS7B,MAAMW,mBAAmBf,OAAOgB,qBAAU,EAACd,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,wCAAA,kBAAA,GAEpBa,MAAAA,SAASC,MAAM;;"}