@jamesodwyer/gds-figma-vite 1.0.0

package/dist/index537.cjs

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const React = require("react");
+const useInterval = (callback, delay) => {
+  const savedCallback = React.useRef(callback);
+  React.useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  React.useEffect(() => {
+    function tick() {
+      savedCallback.current();
+    }
+    if (delay > 0) {
+      const ms = Math.min(delay, 2147483647);
+      const id = setInterval(tick, ms);
+      return () => clearInterval(id);
+    }
+    return;
+  }, [delay]);
+};
+function useCountdown({
+  to,
+  showDays = true,
+  showHours = true,
+  showSeconds = true
+}) {
+  const [startTimeLeft, setStartTimeLeft] = React.useState(-1);
+  const [timeLeft, setTimeLeft] = React.useState(-1);
+  const toTime = new Date(to).getTime();
+  const startSeconds = Math.floor(startTimeLeft / 1e3);
+  const totalSeconds = Math.floor(timeLeft / 1e3);
+  const days = !showDays || !showHours ? void 0 : Math.floor(totalSeconds / (60 * 60 * 24));
+  const hours = (() => {
+    if (!showHours) return void 0;
+    if (showDays) return Math.floor(totalSeconds / 60 / 60 % 24);
+    return Math.floor(totalSeconds / 60 / 60);
+  })();
+  const minutes = (() => {
+    if (showHours) return Math.floor(totalSeconds / 60 % 60);
+    return Math.floor(totalSeconds / 60);
+  })();
+  const seconds = showSeconds ? Math.floor(totalSeconds % 60) : void 0;
+  const hasFinished = totalSeconds === 0 || isNaN(toTime);
+  useInterval(
+    () => setTimeLeft(Math.max(toTime - Date.now(), 0) || 0),
+    !hasFinished ? 1e3 : 0
+    // delay=0 stops the interval
+  );
+  React.useEffect(() => {
+    const time = Math.max(toTime - Date.now(), 0) || 0;
+    setStartTimeLeft(time);
+    setTimeLeft(time);
+  }, [toTime]);
+  if (timeLeft === -1 || isNaN(toTime)) return;
+  return {
+    timeLeft,
+    days,
+    hours,
+    minutes,
+    seconds,
+    totalSeconds,
+    startSeconds,
+    hasFinished,
+    formatted: [days && zeroPad(days), (hours || days && hours === 0) && zeroPad(hours), zeroPad(minutes), seconds !== void 0 && zeroPad(seconds)].filter(isTruthy).join(":")
+  };
+}
+function zeroPad(value) {
+  if (value === false) return;
+  return String(value).padStart(2, "0");
+}
+function isTruthy(item) {
+  return Boolean(item);
+}
+exports.default = useCountdown;
+exports.useInterval = useInterval;
+//# sourceMappingURL=index537.cjs.map

package/dist/index537.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index537.cjs","sources":["../src/hooks/useCountdown.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\n/** Copied from the ICCP repo utility hooks, originally authored by Niklas Grahl */\n\ntype Arg = {\n  to: string | number | Date;\n  showDays?: boolean;\n  showHours?: boolean;\n  showSeconds?: boolean;\n  multiDay?: boolean;\n};\n\n// custom hook which executes a callback after a set delay\nexport const useInterval = (callback: () => void, delay: number) => {\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay > 0) {\n      const ms = Math.min(delay, 2147483647); // setInterval does not work with larger values\n      const id = setInterval(tick, ms);\n      return () => clearInterval(id);\n    }\n    return;\n  }, [delay]);\n};\n\nexport default function useCountdown({\n  to,\n  showDays = true,\n  showHours = true,\n  showSeconds = true,\n}: Arg) {\n  const [startTimeLeft, setStartTimeLeft] = useState<number>(-1);\n  const [timeLeft, setTimeLeft] = useState<number>(-1);\n  const toTime = new Date(to).getTime();\n\n  const startSeconds = Math.floor(startTimeLeft / 1000);\n  const totalSeconds = Math.floor(timeLeft / 1000);\n\n  // days should not be defined if hours is not shown\n  const days =\n    !showDays || !showHours\n      ? undefined\n      : Math.floor(totalSeconds / (60 * 60 * 24));\n  const hours: number | undefined = (() => {\n    if (!showHours) return undefined;\n    if (showDays) return Math.floor((totalSeconds / 60 / 60) % 24);\n    return Math.floor(totalSeconds / 60 / 60);\n  })();\n\n  const minutes: number | undefined = (() => {\n    if (showHours) return Math.floor((totalSeconds / 60) % 60);\n    return Math.floor(totalSeconds / 60);\n  })();\n\n  const seconds = showSeconds ? Math.floor(totalSeconds % 60) : undefined;\n  const hasFinished = totalSeconds === 0 || isNaN(toTime);\n\n  // Start interval to update the remaining time\n  useInterval(\n    () => setTimeLeft(Math.max(toTime - Date.now(), 0) || 0),\n    !hasFinished ? 1000 : 0, // delay=0 stops the interval\n  );\n\n  // Set initial timeLeft after first client side render\n  useEffect(() => {\n    const time = Math.max(toTime - Date.now(), 0) || 0;\n    setStartTimeLeft(time);\n    setTimeLeft(time);\n  }, [toTime]);\n\n  // Time is set to -1 for the initial render so we don't get rehydration mismatch\n  if (timeLeft === -1 || isNaN(toTime)) return;\n\n  return {\n    timeLeft,\n    days,\n    hours,\n    minutes,\n    seconds,\n    totalSeconds,\n    startSeconds,\n    hasFinished,\n    formatted: [\n      days && zeroPad(days),\n      (hours || (days && hours === 0)) && zeroPad(hours),\n      zeroPad(minutes),\n      seconds !== undefined && zeroPad(seconds),\n    ]\n      .filter(isTruthy)\n      .join(\":\"),\n  };\n}\n\nfunction zeroPad(value: number | string | false) {\n  if (value === false) return;\n  return String(value).padStart(2, \"0\");\n}\n\ntype Truthy<T> = T extends null | undefined | \"\" | false | 0 ? never : T;\n\n/**\n * Type guard for truthy items. Useful when filtering arrays as it removes falsy\n * values from the return type, which `.filter(Boolean)` or `.filter(a => !!a)`\n * doesn't.\n *\n * It is not perfect though, for example `NaN` has type number so it can't be\n * safely removed from the return type\n *\n * Works best on `as const` arrays.\n */\nfunction isTruthy<T>(item: T): item is Truthy<T> {\n  return Boolean(item);\n}\n"],"names":["useInterval","callback","delay","savedCallback","React","useRef","useEffect","current","tick","ms","Math","min","id","setInterval","clearInterval","useCountdown","to","showDays","showHours","showSeconds","startTimeLeft","setStartTimeLeft","useState","timeLeft","setTimeLeft","toTime","Date","getTime","startSeconds","floor","totalSeconds","days","undefined","hours","minutes","seconds","hasFinished","isNaN","max","now","time","formatted","zeroPad","filter","isTruthy","join","value","String","padStart","item","Boolean"],"mappings":";;;AAaO,MAAMA,cAAcA,CAACC,UAAsBC,UAAkB;AAClE,QAAMC,gBAAgBC,MAAMC,OAAOJ,QAAQ;AAE3CG,QAAME,UAAU,MAAM;AACpBH,kBAAcI,UAAUN;AAAAA,EAC1B,GAAG,CAACA,QAAQ,CAAC;AAEbG,QAAME,UAAU,MAAM;AACpB,aAASE,OAAO;AACdL,oBAAcI,QAAAA;AAAAA,IAChB;AACA,QAAIL,QAAQ,GAAG;AACb,YAAMO,KAAKC,KAAKC,IAAIT,OAAO,UAAU;AACrC,YAAMU,KAAKC,YAAYL,MAAMC,EAAE;AAC/B,aAAO,MAAMK,cAAcF,EAAE;AAAA,IAC/B;AACA;AAAA,EACF,GAAG,CAACV,KAAK,CAAC;AACZ;AAEA,SAAwBa,aAAa;AAAA,EACnCC;AAAAA,EACAC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,cAAc;AACX,GAAG;AACN,QAAM,CAACC,eAAeC,gBAAgB,IAAIC,MAAAA,SAAiB,EAAE;AAC7D,QAAM,CAACC,UAAUC,WAAW,IAAIF,MAAAA,SAAiB,EAAE;AACnD,QAAMG,SAAS,IAAIC,KAAKV,EAAE,EAAEW,QAAAA;AAE5B,QAAMC,eAAelB,KAAKmB,MAAMT,gBAAgB,GAAI;AACpD,QAAMU,eAAepB,KAAKmB,MAAMN,WAAW,GAAI;AAG/C,QAAMQ,OACJ,CAACd,YAAY,CAACC,YACVc,SACAtB,KAAKmB,MAAMC,gBAAgB,KAAK,KAAK,GAAG;AAC9C,QAAMG,SAA6B,MAAM;AACvC,QAAI,CAACf,UAAW,QAAOc;AACvB,QAAIf,SAAU,QAAOP,KAAKmB,MAAOC,eAAe,KAAK,KAAM,EAAE;AAC7D,WAAOpB,KAAKmB,MAAMC,eAAe,KAAK,EAAE;AAAA,EAC1C,GAAA;AAEA,QAAMI,WAA+B,MAAM;AACzC,QAAIhB,UAAW,QAAOR,KAAKmB,MAAOC,eAAe,KAAM,EAAE;AACzD,WAAOpB,KAAKmB,MAAMC,eAAe,EAAE;AAAA,EACrC,GAAA;AAEA,QAAMK,UAAUhB,cAAcT,KAAKmB,MAAMC,eAAe,EAAE,IAAIE;AAC9D,QAAMI,cAAcN,iBAAiB,KAAKO,MAAMZ,MAAM;AAGtDzB;AAAAA,IACE,MAAMwB,YAAYd,KAAK4B,IAAIb,SAASC,KAAKa,IAAAA,GAAO,CAAC,KAAK,CAAC;AAAA,IACvD,CAACH,cAAc,MAAO;AAAA;AAAA,EAAA;AAIxB9B,QAAAA,UAAU,MAAM;AACd,UAAMkC,OAAO9B,KAAK4B,IAAIb,SAASC,KAAKa,IAAAA,GAAO,CAAC,KAAK;AACjDlB,qBAAiBmB,IAAI;AACrBhB,gBAAYgB,IAAI;AAAA,EAClB,GAAG,CAACf,MAAM,CAAC;AAGX,MAAIF,aAAa,MAAMc,MAAMZ,MAAM,EAAG;AAEtC,SAAO;AAAA,IACLF;AAAAA,IACAQ;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAF;AAAAA,IACAQ;AAAAA,IACAK,WAAW,CACTV,QAAQW,QAAQX,IAAI,IACnBE,SAAUF,QAAQE,UAAU,MAAOS,QAAQT,KAAK,GACjDS,QAAQR,OAAO,GACfC,YAAYH,UAAaU,QAAQP,OAAO,CAAC,EAExCQ,OAAOC,QAAQ,EACfC,KAAK,GAAG;AAAA,EAAA;AAEf;AAEA,SAASH,QAAQI,OAAgC;AAC/C,MAAIA,UAAU,MAAO;AACrB,SAAOC,OAAOD,KAAK,EAAEE,SAAS,GAAG,GAAG;AACtC;AAcA,SAASJ,SAAYK,MAA4B;AAC/C,SAAOC,QAAQD,IAAI;AACrB;;;"}

package/dist/index537.js

@@ -0,0 +1,76 @@
+import React__default, { useState, useEffect } from "react";
+const useInterval = (callback, delay) => {
+  const savedCallback = React__default.useRef(callback);
+  React__default.useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+  React__default.useEffect(() => {
+    function tick() {
+      savedCallback.current();
+    }
+    if (delay > 0) {
+      const ms = Math.min(delay, 2147483647);
+      const id = setInterval(tick, ms);
+      return () => clearInterval(id);
+    }
+    return;
+  }, [delay]);
+};
+function useCountdown({
+  to,
+  showDays = true,
+  showHours = true,
+  showSeconds = true
+}) {
+  const [startTimeLeft, setStartTimeLeft] = useState(-1);
+  const [timeLeft, setTimeLeft] = useState(-1);
+  const toTime = new Date(to).getTime();
+  const startSeconds = Math.floor(startTimeLeft / 1e3);
+  const totalSeconds = Math.floor(timeLeft / 1e3);
+  const days = !showDays || !showHours ? void 0 : Math.floor(totalSeconds / (60 * 60 * 24));
+  const hours = (() => {
+    if (!showHours) return void 0;
+    if (showDays) return Math.floor(totalSeconds / 60 / 60 % 24);
+    return Math.floor(totalSeconds / 60 / 60);
+  })();
+  const minutes = (() => {
+    if (showHours) return Math.floor(totalSeconds / 60 % 60);
+    return Math.floor(totalSeconds / 60);
+  })();
+  const seconds = showSeconds ? Math.floor(totalSeconds % 60) : void 0;
+  const hasFinished = totalSeconds === 0 || isNaN(toTime);
+  useInterval(
+    () => setTimeLeft(Math.max(toTime - Date.now(), 0) || 0),
+    !hasFinished ? 1e3 : 0
+    // delay=0 stops the interval
+  );
+  useEffect(() => {
+    const time = Math.max(toTime - Date.now(), 0) || 0;
+    setStartTimeLeft(time);
+    setTimeLeft(time);
+  }, [toTime]);
+  if (timeLeft === -1 || isNaN(toTime)) return;
+  return {
+    timeLeft,
+    days,
+    hours,
+    minutes,
+    seconds,
+    totalSeconds,
+    startSeconds,
+    hasFinished,
+    formatted: [days && zeroPad(days), (hours || days && hours === 0) && zeroPad(hours), zeroPad(minutes), seconds !== void 0 && zeroPad(seconds)].filter(isTruthy).join(":")
+  };
+}
+function zeroPad(value) {
+  if (value === false) return;
+  return String(value).padStart(2, "0");
+}
+function isTruthy(item) {
+  return Boolean(item);
+}
+export {
+  useCountdown as default,
+  useInterval
+};
+//# sourceMappingURL=index537.js.map

package/dist/index537.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index537.js","sources":["../src/hooks/useCountdown.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\n/** Copied from the ICCP repo utility hooks, originally authored by Niklas Grahl */\n\ntype Arg = {\n  to: string | number | Date;\n  showDays?: boolean;\n  showHours?: boolean;\n  showSeconds?: boolean;\n  multiDay?: boolean;\n};\n\n// custom hook which executes a callback after a set delay\nexport const useInterval = (callback: () => void, delay: number) => {\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay > 0) {\n      const ms = Math.min(delay, 2147483647); // setInterval does not work with larger values\n      const id = setInterval(tick, ms);\n      return () => clearInterval(id);\n    }\n    return;\n  }, [delay]);\n};\n\nexport default function useCountdown({\n  to,\n  showDays = true,\n  showHours = true,\n  showSeconds = true,\n}: Arg) {\n  const [startTimeLeft, setStartTimeLeft] = useState<number>(-1);\n  const [timeLeft, setTimeLeft] = useState<number>(-1);\n  const toTime = new Date(to).getTime();\n\n  const startSeconds = Math.floor(startTimeLeft / 1000);\n  const totalSeconds = Math.floor(timeLeft / 1000);\n\n  // days should not be defined if hours is not shown\n  const days =\n    !showDays || !showHours\n      ? undefined\n      : Math.floor(totalSeconds / (60 * 60 * 24));\n  const hours: number | undefined = (() => {\n    if (!showHours) return undefined;\n    if (showDays) return Math.floor((totalSeconds / 60 / 60) % 24);\n    return Math.floor(totalSeconds / 60 / 60);\n  })();\n\n  const minutes: number | undefined = (() => {\n    if (showHours) return Math.floor((totalSeconds / 60) % 60);\n    return Math.floor(totalSeconds / 60);\n  })();\n\n  const seconds = showSeconds ? Math.floor(totalSeconds % 60) : undefined;\n  const hasFinished = totalSeconds === 0 || isNaN(toTime);\n\n  // Start interval to update the remaining time\n  useInterval(\n    () => setTimeLeft(Math.max(toTime - Date.now(), 0) || 0),\n    !hasFinished ? 1000 : 0, // delay=0 stops the interval\n  );\n\n  // Set initial timeLeft after first client side render\n  useEffect(() => {\n    const time = Math.max(toTime - Date.now(), 0) || 0;\n    setStartTimeLeft(time);\n    setTimeLeft(time);\n  }, [toTime]);\n\n  // Time is set to -1 for the initial render so we don't get rehydration mismatch\n  if (timeLeft === -1 || isNaN(toTime)) return;\n\n  return {\n    timeLeft,\n    days,\n    hours,\n    minutes,\n    seconds,\n    totalSeconds,\n    startSeconds,\n    hasFinished,\n    formatted: [\n      days && zeroPad(days),\n      (hours || (days && hours === 0)) && zeroPad(hours),\n      zeroPad(minutes),\n      seconds !== undefined && zeroPad(seconds),\n    ]\n      .filter(isTruthy)\n      .join(\":\"),\n  };\n}\n\nfunction zeroPad(value: number | string | false) {\n  if (value === false) return;\n  return String(value).padStart(2, \"0\");\n}\n\ntype Truthy<T> = T extends null | undefined | \"\" | false | 0 ? never : T;\n\n/**\n * Type guard for truthy items. Useful when filtering arrays as it removes falsy\n * values from the return type, which `.filter(Boolean)` or `.filter(a => !!a)`\n * doesn't.\n *\n * It is not perfect though, for example `NaN` has type number so it can't be\n * safely removed from the return type\n *\n * Works best on `as const` arrays.\n */\nfunction isTruthy<T>(item: T): item is Truthy<T> {\n  return Boolean(item);\n}\n"],"names":["useInterval","callback","delay","savedCallback","React","useRef","useEffect","current","tick","ms","Math","min","id","setInterval","clearInterval","useCountdown","to","showDays","showHours","showSeconds","startTimeLeft","setStartTimeLeft","useState","timeLeft","setTimeLeft","toTime","Date","getTime","startSeconds","floor","totalSeconds","days","undefined","hours","minutes","seconds","hasFinished","isNaN","max","now","time","formatted","zeroPad","filter","isTruthy","join","value","String","padStart","item","Boolean"],"mappings":";AAaO,MAAMA,cAAcA,CAACC,UAAsBC,UAAkB;AAClE,QAAMC,gBAAgBC,eAAMC,OAAOJ,QAAQ;AAE3CG,iBAAME,UAAU,MAAM;AACpBH,kBAAcI,UAAUN;AAAAA,EAC1B,GAAG,CAACA,QAAQ,CAAC;AAEbG,iBAAME,UAAU,MAAM;AACpB,aAASE,OAAO;AACdL,oBAAcI,QAAAA;AAAAA,IAChB;AACA,QAAIL,QAAQ,GAAG;AACb,YAAMO,KAAKC,KAAKC,IAAIT,OAAO,UAAU;AACrC,YAAMU,KAAKC,YAAYL,MAAMC,EAAE;AAC/B,aAAO,MAAMK,cAAcF,EAAE;AAAA,IAC/B;AACA;AAAA,EACF,GAAG,CAACV,KAAK,CAAC;AACZ;AAEA,SAAwBa,aAAa;AAAA,EACnCC;AAAAA,EACAC,WAAW;AAAA,EACXC,YAAY;AAAA,EACZC,cAAc;AACX,GAAG;AACN,QAAM,CAACC,eAAeC,gBAAgB,IAAIC,SAAiB,EAAE;AAC7D,QAAM,CAACC,UAAUC,WAAW,IAAIF,SAAiB,EAAE;AACnD,QAAMG,SAAS,IAAIC,KAAKV,EAAE,EAAEW,QAAAA;AAE5B,QAAMC,eAAelB,KAAKmB,MAAMT,gBAAgB,GAAI;AACpD,QAAMU,eAAepB,KAAKmB,MAAMN,WAAW,GAAI;AAG/C,QAAMQ,OACJ,CAACd,YAAY,CAACC,YACVc,SACAtB,KAAKmB,MAAMC,gBAAgB,KAAK,KAAK,GAAG;AAC9C,QAAMG,SAA6B,MAAM;AACvC,QAAI,CAACf,UAAW,QAAOc;AACvB,QAAIf,SAAU,QAAOP,KAAKmB,MAAOC,eAAe,KAAK,KAAM,EAAE;AAC7D,WAAOpB,KAAKmB,MAAMC,eAAe,KAAK,EAAE;AAAA,EAC1C,GAAA;AAEA,QAAMI,WAA+B,MAAM;AACzC,QAAIhB,UAAW,QAAOR,KAAKmB,MAAOC,eAAe,KAAM,EAAE;AACzD,WAAOpB,KAAKmB,MAAMC,eAAe,EAAE;AAAA,EACrC,GAAA;AAEA,QAAMK,UAAUhB,cAAcT,KAAKmB,MAAMC,eAAe,EAAE,IAAIE;AAC9D,QAAMI,cAAcN,iBAAiB,KAAKO,MAAMZ,MAAM;AAGtDzB;AAAAA,IACE,MAAMwB,YAAYd,KAAK4B,IAAIb,SAASC,KAAKa,IAAAA,GAAO,CAAC,KAAK,CAAC;AAAA,IACvD,CAACH,cAAc,MAAO;AAAA;AAAA,EAAA;AAIxB9B,YAAU,MAAM;AACd,UAAMkC,OAAO9B,KAAK4B,IAAIb,SAASC,KAAKa,IAAAA,GAAO,CAAC,KAAK;AACjDlB,qBAAiBmB,IAAI;AACrBhB,gBAAYgB,IAAI;AAAA,EAClB,GAAG,CAACf,MAAM,CAAC;AAGX,MAAIF,aAAa,MAAMc,MAAMZ,MAAM,EAAG;AAEtC,SAAO;AAAA,IACLF;AAAAA,IACAQ;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAL;AAAAA,IACAF;AAAAA,IACAQ;AAAAA,IACAK,WAAW,CACTV,QAAQW,QAAQX,IAAI,IACnBE,SAAUF,QAAQE,UAAU,MAAOS,QAAQT,KAAK,GACjDS,QAAQR,OAAO,GACfC,YAAYH,UAAaU,QAAQP,OAAO,CAAC,EAExCQ,OAAOC,QAAQ,EACfC,KAAK,GAAG;AAAA,EAAA;AAEf;AAEA,SAASH,QAAQI,OAAgC;AAC/C,MAAIA,UAAU,MAAO;AACrB,SAAOC,OAAOD,KAAK,EAAEE,SAAS,GAAG,GAAG;AACtC;AAcA,SAASJ,SAAYK,MAA4B;AAC/C,SAAOC,QAAQD,IAAI;AACrB;"}

package/dist/index538.cjs

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const spacing = require("./index522.cjs");
+const typography = require("./index520.cjs");
+const Container = styled.div.withConfig({
+  displayName: "indexstyles__Container",
+  componentId: "sc-ynvcet-0"
+})(["display:flex;flex-direction:", ";align-items:center;justify-content:center;"], ({
+  $textPosition
+}) => $textPosition === "bottom" ? "column" : "row-reverse");
+const TimerContainer = styled.div.withConfig({
+  displayName: "indexstyles__TimerContainer",
+  componentId: "sc-ynvcet-1"
+})(["display:flex;flex-direction:column;align-items:", ";", ";color:", ";", ""], ({
+  $textPosition
+}) => $textPosition === "bottom" ? "center" : "flex-end", ({
+  $textPosition
+}) => $textPosition === "bottom" ? `margin-top: ${spacing.spacing.club}` : `margin-inline-end: ${spacing.spacing.hall}`, ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse, ({
+  $timeOnly
+}) => $timeOnly ? styled.css(["flex-direction:row;align-items:center;justify-content:space-between;margin:0;padding:0;"]) : null);
+const animationBezier = "cubic-bezier(.1, .85, .25, 1)";
+const Circle = styled.circle.withConfig({
+  displayName: "indexstyles__Circle",
+  componentId: "sc-ynvcet-2"
+})(["transform:rotate(-90deg);transform-origin:50% 50%;transition:all 3s ", ";will-change:stroke-dashoffset;fill:transparent;stroke:", ";stroke-width:60px;"], animationBezier, ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse);
+const MaskCircle = styled.circle.withConfig({
+  displayName: "indexstyles__MaskCircle",
+  componentId: "sc-ynvcet-3"
+})(["fill:", ";stroke:", ";stroke-width:2;"], ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse, ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse);
+const InnerCircle = styled.circle.withConfig({
+  displayName: "indexstyles__InnerCircle",
+  componentId: "sc-ynvcet-4"
+})(["transform-origin:50% 50%;transition:all 3s ", ";will-change:r;"], animationBezier);
+const TimeLeft = styled.span.withConfig({
+  displayName: "indexstyles__TimeLeft",
+  componentId: "sc-ynvcet-5"
+})(["min-width:70px;text-align:start;", ""], typography.textStyle.boising);
+const Time = styled.span.withConfig({
+  displayName: "indexstyles__Time",
+  componentId: "sc-ynvcet-6"
+})(["font-variant-numeric:tabular-nums;", " ", ""], ({
+  $sizeVariant
+}) => $sizeVariant === "small" ? styled.css(["", ""], typography.textStyle.vinson) : typography.textStyle.matterhorn, ({
+  $textPosition,
+  $sizeVariant,
+  $timeOnly
+}) => $textPosition === "start" && !$timeOnly ? styled.css(["min-width:", ";text-align:start;"], $sizeVariant === "small" ? "57px" : "70px") : null);
+exports.Circle = Circle;
+exports.Container = Container;
+exports.InnerCircle = InnerCircle;
+exports.MaskCircle = MaskCircle;
+exports.Time = Time;
+exports.TimeLeft = TimeLeft;
+exports.TimerContainer = TimerContainer;
+//# sourceMappingURL=index538.cjs.map

package/dist/index538.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index538.cjs","sources":["../src/components/CountdownTimer/index.styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { spacing, textStyle } from \"../../dimensions\";\n\nexport type SizingProps = {\n  $textPosition?: \"bottom\" | \"start\";\n  $sizeVariant?: \"regular\" | \"small\";\n};\n\nexport type ColorProps = {\n  $colourVariant: \"light\" | \"dark\";\n};\n\nexport type DisplayVariant = {\n  $timeOnly?: boolean;\n};\n\nexport const Container = styled.div<SizingProps>`\n  display: flex;\n  flex-direction: ${({ $textPosition }) =>\n    $textPosition === \"bottom\" ? \"column\" : \"row-reverse\"};\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TimerContainer = styled.div<\n  SizingProps & ColorProps & DisplayVariant\n>`\n  display: flex;\n  flex-direction: column;\n  align-items: ${({ $textPosition }) =>\n    $textPosition === \"bottom\" ? \"center\" : \"flex-end\"};\n  ${({ $textPosition }) =>\n    $textPosition === \"bottom\"\n      ? `margin-top: ${spacing.club}`\n      : `margin-inline-end: ${spacing.hall}`};\n  color: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n\n  ${({ $timeOnly }) =>\n    $timeOnly\n      ? css`\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0;\n          padding: 0;\n        `\n      : null}\n`;\n\nconst animationBezier = \"cubic-bezier(.1, .85, .25, 1)\";\n\nexport const Circle = styled.circle<ColorProps>`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: all 3s ${animationBezier};\n  will-change: stroke-dashoffset;\n  fill: transparent;\n  stroke: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n  stroke-width: 60px;\n`;\n\nexport const MaskCircle = styled.circle<ColorProps>`\n  fill: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n  stroke: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n  stroke-width: 2;\n`;\n\nexport const InnerCircle = styled.circle`\n  transform-origin: 50% 50%;\n  transition: all 3s ${animationBezier};\n  will-change: r;\n`;\n\nexport const TimeLeft = styled.span`\n  min-width: 70px;\n  text-align: start;\n\n  ${textStyle.boising}\n`;\n\nexport const Time = styled.span<SizingProps & DisplayVariant>`\n  font-variant-numeric: tabular-nums;\n\n  ${({ $sizeVariant }) =>\n    $sizeVariant === \"small\"\n      ? css`\n          ${textStyle.vinson}\n        `\n      : textStyle.matterhorn}\n\n  /* This is a fix to layout shifting caused by Averta font having varying numeric glyph widths */\n  ${({ $textPosition, $sizeVariant, $timeOnly }) =>\n    $textPosition === \"start\" && !$timeOnly\n      ? css`\n          min-width: ${$sizeVariant === \"small\" ? \"57px\" : \"70px\"};\n          text-align: start;\n        `\n      : null}\n`;\n"],"names":["Container","styled","div","withConfig","displayName","componentId","$textPosition","TimerContainer","spacing","club","hall","theme","$colourVariant","base","bg","bgInverse","$timeOnly","css","animationBezier","Circle","circle","MaskCircle","InnerCircle","TimeLeft","span","textStyle","boising","Time","$sizeVariant","vinson","matterhorn"],"mappings":";;;;;AAgBO,MAAMA,YAAYC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,gCAAA,6CAAA,GAEf,CAAC;AAAA,EAAEC;AAAc,MACjCA,kBAAkB,WAAW,WAAW,aAAa;AAKlD,MAAMC,iBAAiBN,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,mDAAA,KAAA,WAAA,KAAA,EAAA,GAKvB,CAAC;AAAA,EAAEC;AAAc,MAC9BA,kBAAkB,WAAW,WAAW,YACxC,CAAC;AAAA,EAAEA;AAAc,MACjBA,kBAAkB,WACd,eAAeE,QAAAA,QAAQC,IAAI,KAC3B,sBAAsBD,QAAAA,QAAQE,IAAI,IAC/B,CAAC;AAAA,EAAEC;AAAAA,EAAOC;AAAe,MAChCA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,WAExD,CAAC;AAAA,EAAEC;AAAU,MACbA,YACIC,OAAAA,IAAG,CAAA,yFAAA,CAAA,IAOH,IAAI;AAGZ,MAAMC,kBAAkB;AAEjB,MAAMC,SAASlB,OAAOmB,OAAMjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,wEAAA,2DAAA,qBAAA,GAGZa,iBAGX,CAAC;AAAA,EAAEP;AAAAA,EAAOC;AAAe,MACjCA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,SAAS;AAI9D,MAAMM,aAAapB,OAAOmB,OAAMjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,SAAA,YAAA,kBAAA,GAC7B,CAAC;AAAA,EAAEM;AAAAA,EAAOC;AAAe,MAC/BA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,WAChD,CAAC;AAAA,EAAEJ;AAAAA,EAAOC;AAAe,MACjCA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,SAAS;AAI9D,MAAMO,cAAcrB,OAAOmB,OAAMjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,+CAAA,iBAAA,GAEjBa,eAAe;AAI/B,MAAMK,WAAWtB,OAAOuB,KAAIrB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,oCAAA,EAAA,GAI/BoB,WAAAA,UAAUC,OAAO;AAGd,MAAMC,OAAO1B,OAAOuB,KAAIrB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,sCAAA,KAAA,EAAA,GAG3B,CAAC;AAAA,EAAEuB;AAAa,MAChBA,iBAAiB,UACbX,OAAAA,IAAG,CAAA,IAAA,EAAA,GACCQ,WAAAA,UAAUI,MAAM,IAEpBJ,WAAAA,UAAUK,YAGd,CAAC;AAAA,EAAExB;AAAAA,EAAesB;AAAAA,EAAcZ;AAAU,MAC1CV,kBAAkB,WAAW,CAACU,YAC1BC,OAAAA,0CACeW,iBAAiB,UAAU,SAAS,MAAM,IAGzD,IAAI;;;;;;;;"}

package/dist/index538.js

@@ -0,0 +1,68 @@
+import styled, { css } from "styled-components";
+import { spacing } from "./index522.js";
+import { textStyle } from "./index520.js";
+const Container = styled.div.withConfig({
+  displayName: "indexstyles__Container",
+  componentId: "sc-ynvcet-0"
+})(["display:flex;flex-direction:", ";align-items:center;justify-content:center;"], ({
+  $textPosition
+}) => $textPosition === "bottom" ? "column" : "row-reverse");
+const TimerContainer = styled.div.withConfig({
+  displayName: "indexstyles__TimerContainer",
+  componentId: "sc-ynvcet-1"
+})(["display:flex;flex-direction:column;align-items:", ";", ";color:", ";", ""], ({
+  $textPosition
+}) => $textPosition === "bottom" ? "center" : "flex-end", ({
+  $textPosition
+}) => $textPosition === "bottom" ? `margin-top: ${spacing.club}` : `margin-inline-end: ${spacing.hall}`, ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse, ({
+  $timeOnly
+}) => $timeOnly ? css(["flex-direction:row;align-items:center;justify-content:space-between;margin:0;padding:0;"]) : null);
+const animationBezier = "cubic-bezier(.1, .85, .25, 1)";
+const Circle = styled.circle.withConfig({
+  displayName: "indexstyles__Circle",
+  componentId: "sc-ynvcet-2"
+})(["transform:rotate(-90deg);transform-origin:50% 50%;transition:all 3s ", ";will-change:stroke-dashoffset;fill:transparent;stroke:", ";stroke-width:60px;"], animationBezier, ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse);
+const MaskCircle = styled.circle.withConfig({
+  displayName: "indexstyles__MaskCircle",
+  componentId: "sc-ynvcet-3"
+})(["fill:", ";stroke:", ";stroke-width:2;"], ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse, ({
+  theme,
+  $colourVariant
+}) => $colourVariant === "light" ? theme.base.bg : theme.base.bgInverse);
+const InnerCircle = styled.circle.withConfig({
+  displayName: "indexstyles__InnerCircle",
+  componentId: "sc-ynvcet-4"
+})(["transform-origin:50% 50%;transition:all 3s ", ";will-change:r;"], animationBezier);
+const TimeLeft = styled.span.withConfig({
+  displayName: "indexstyles__TimeLeft",
+  componentId: "sc-ynvcet-5"
+})(["min-width:70px;text-align:start;", ""], textStyle.boising);
+const Time = styled.span.withConfig({
+  displayName: "indexstyles__Time",
+  componentId: "sc-ynvcet-6"
+})(["font-variant-numeric:tabular-nums;", " ", ""], ({
+  $sizeVariant
+}) => $sizeVariant === "small" ? css(["", ""], textStyle.vinson) : textStyle.matterhorn, ({
+  $textPosition,
+  $sizeVariant,
+  $timeOnly
+}) => $textPosition === "start" && !$timeOnly ? css(["min-width:", ";text-align:start;"], $sizeVariant === "small" ? "57px" : "70px") : null);
+export {
+  Circle,
+  Container,
+  InnerCircle,
+  MaskCircle,
+  Time,
+  TimeLeft,
+  TimerContainer
+};
+//# sourceMappingURL=index538.js.map

package/dist/index538.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index538.js","sources":["../src/components/CountdownTimer/index.styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { spacing, textStyle } from \"../../dimensions\";\n\nexport type SizingProps = {\n  $textPosition?: \"bottom\" | \"start\";\n  $sizeVariant?: \"regular\" | \"small\";\n};\n\nexport type ColorProps = {\n  $colourVariant: \"light\" | \"dark\";\n};\n\nexport type DisplayVariant = {\n  $timeOnly?: boolean;\n};\n\nexport const Container = styled.div<SizingProps>`\n  display: flex;\n  flex-direction: ${({ $textPosition }) =>\n    $textPosition === \"bottom\" ? \"column\" : \"row-reverse\"};\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const TimerContainer = styled.div<\n  SizingProps & ColorProps & DisplayVariant\n>`\n  display: flex;\n  flex-direction: column;\n  align-items: ${({ $textPosition }) =>\n    $textPosition === \"bottom\" ? \"center\" : \"flex-end\"};\n  ${({ $textPosition }) =>\n    $textPosition === \"bottom\"\n      ? `margin-top: ${spacing.club}`\n      : `margin-inline-end: ${spacing.hall}`};\n  color: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n\n  ${({ $timeOnly }) =>\n    $timeOnly\n      ? css`\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0;\n          padding: 0;\n        `\n      : null}\n`;\n\nconst animationBezier = \"cubic-bezier(.1, .85, .25, 1)\";\n\nexport const Circle = styled.circle<ColorProps>`\n  transform: rotate(-90deg);\n  transform-origin: 50% 50%;\n  transition: all 3s ${animationBezier};\n  will-change: stroke-dashoffset;\n  fill: transparent;\n  stroke: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n  stroke-width: 60px;\n`;\n\nexport const MaskCircle = styled.circle<ColorProps>`\n  fill: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n  stroke: ${({ theme, $colourVariant }) =>\n    $colourVariant === \"light\" ? theme.base.bg : theme.base.bgInverse};\n  stroke-width: 2;\n`;\n\nexport const InnerCircle = styled.circle`\n  transform-origin: 50% 50%;\n  transition: all 3s ${animationBezier};\n  will-change: r;\n`;\n\nexport const TimeLeft = styled.span`\n  min-width: 70px;\n  text-align: start;\n\n  ${textStyle.boising}\n`;\n\nexport const Time = styled.span<SizingProps & DisplayVariant>`\n  font-variant-numeric: tabular-nums;\n\n  ${({ $sizeVariant }) =>\n    $sizeVariant === \"small\"\n      ? css`\n          ${textStyle.vinson}\n        `\n      : textStyle.matterhorn}\n\n  /* This is a fix to layout shifting caused by Averta font having varying numeric glyph widths */\n  ${({ $textPosition, $sizeVariant, $timeOnly }) =>\n    $textPosition === \"start\" && !$timeOnly\n      ? css`\n          min-width: ${$sizeVariant === \"small\" ? \"57px\" : \"70px\"};\n          text-align: start;\n        `\n      : null}\n`;\n"],"names":["Container","styled","div","withConfig","displayName","componentId","$textPosition","TimerContainer","spacing","club","hall","theme","$colourVariant","base","bg","bgInverse","$timeOnly","css","animationBezier","Circle","circle","MaskCircle","InnerCircle","TimeLeft","span","textStyle","boising","Time","$sizeVariant","vinson","matterhorn"],"mappings":";;;AAgBO,MAAMA,YAAYC,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,gCAAA,6CAAA,GAEf,CAAC;AAAA,EAAEC;AAAc,MACjCA,kBAAkB,WAAW,WAAW,aAAa;AAKlD,MAAMC,iBAAiBN,OAAOC,IAAGC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,mDAAA,KAAA,WAAA,KAAA,EAAA,GAKvB,CAAC;AAAA,EAAEC;AAAc,MAC9BA,kBAAkB,WAAW,WAAW,YACxC,CAAC;AAAA,EAAEA;AAAc,MACjBA,kBAAkB,WACd,eAAeE,QAAQC,IAAI,KAC3B,sBAAsBD,QAAQE,IAAI,IAC/B,CAAC;AAAA,EAAEC;AAAAA,EAAOC;AAAe,MAChCA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,WAExD,CAAC;AAAA,EAAEC;AAAU,MACbA,YACIC,IAAG,CAAA,yFAAA,CAAA,IAOH,IAAI;AAGZ,MAAMC,kBAAkB;AAEjB,MAAMC,SAASlB,OAAOmB,OAAMjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,wEAAA,2DAAA,qBAAA,GAGZa,iBAGX,CAAC;AAAA,EAAEP;AAAAA,EAAOC;AAAe,MACjCA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,SAAS;AAI9D,MAAMM,aAAapB,OAAOmB,OAAMjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,SAAA,YAAA,kBAAA,GAC7B,CAAC;AAAA,EAAEM;AAAAA,EAAOC;AAAe,MAC/BA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,WAChD,CAAC;AAAA,EAAEJ;AAAAA,EAAOC;AAAe,MACjCA,mBAAmB,UAAUD,MAAME,KAAKC,KAAKH,MAAME,KAAKE,SAAS;AAI9D,MAAMO,cAAcrB,OAAOmB,OAAMjB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,+CAAA,iBAAA,GAEjBa,eAAe;AAI/B,MAAMK,WAAWtB,OAAOuB,KAAIrB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,oCAAA,EAAA,GAI/BoB,UAAUC,OAAO;AAGd,MAAMC,OAAO1B,OAAOuB,KAAIrB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,sCAAA,KAAA,EAAA,GAG3B,CAAC;AAAA,EAAEuB;AAAa,MAChBA,iBAAiB,UACbX,IAAG,CAAA,IAAA,EAAA,GACCQ,UAAUI,MAAM,IAEpBJ,UAAUK,YAGd,CAAC;AAAA,EAAExB;AAAAA,EAAesB;AAAAA,EAAcZ;AAAU,MAC1CV,kBAAkB,WAAW,CAACU,YAC1BC,0CACeW,iBAAiB,UAAU,SAAS,MAAM,IAGzD,IAAI;"}

package/dist/index539.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const react = require("@ariakit/react");
+const index = require("./index20.cjs");
+const focus = require("./index119.cjs");
+const IconButton = require("./index19.cjs");
+const spacing = require("./index522.cjs");
+const sizes = require("./index521.cjs");
+const ChevronIcon = require("./index168.cjs");
+const elevation = require("./index524.cjs");
+const Row = styled(index.default.Row).withConfig({
+  displayName: "indexstyles__Row",
+  componentId: "sc-1wnimid-0"
+})(["width:", ";"], (props) => props.width);
+const FlagWrapper = styled.div.withConfig({
+  displayName: "indexstyles__FlagWrapper",
+  componentId: "sc-1wnimid-1"
+})(["position:absolute;top:0.9em;z-index:1;height:1em;padding-inline-start:", ";"], spacing.spacing.auditorium);
+const CountryNameInput = styled(index.default.Input).withConfig({
+  displayName: "indexstyles__CountryNameInput",
+  componentId: "sc-1wnimid-2"
+})(["position:", ";padding-inline-end:", ";text-indent:", ";caret-color:", ";"], (props) => props.showFlags && props.selected ? "relative" : "initial", sizes.minTapSize, (props) => props.showFlags && props.selected ? "1.5em" : "initial", (props) => props.autocomplete ? "inherit" : "transparent");
+const Popover = styled(react.ComboboxPopover).withConfig({
+  displayName: "indexstyles__Popover",
+  componentId: "sc-1wnimid-3"
+})(["", ";margin:", " 0 0;border:1px solid ", ";border-radius:2px;background-color:", ";opacity:0;transition:all 200ms cubic-bezier(0.3,0,0.2,1);&[data-enter]{transform:translateY(0) translateX(", ");opacity:1;}"], elevation.elevation.level3, spacing.spacing.lounge, (props) => props.theme.base.borderDark, (props) => props.theme.base.bg, (props) => props.$translateX || "0px");
+const PopupCountriesList = styled(react.ComboboxList).withConfig({
+  displayName: "indexstyles__PopupCountriesList",
+  componentId: "sc-1wnimid-4"
+})(["max-height:min(var(--popover-available-height,300px),300px);padding:", ";overflow-y:auto;"], spacing.spacing.club);
+const StyledSelectItem = styled(react.ComboboxItem).withConfig({
+  displayName: "indexstyles__StyledSelectItem",
+  componentId: "sc-1wnimid-5"
+})(["display:flex;gap:", ";align-items:center;justify-content:flex-start;padding:", " ", ';border-radius:0;user-select:none;&:not([aria-selected="true"]):hover{color:', ";background-color:", ';}&:focus-visible,&[data-active-item="true"]{', "}"], spacing.spacing.club, spacing.spacing.club, spacing.spacing.club, (props) => props.theme.text.inverse, (props) => props.theme.base.primary, focus.browserDefaultFocus);
+const StyledIconButton = styled(IconButton.IconButton).withConfig({
+  displayName: "indexstyles__StyledIconButton",
+  componentId: "sc-1wnimid-6"
+})(["position:absolute;top:0;inset-inline-end:0;&:disabled{background-color:", ";}&:focus-visible{", '}&[aria-expanded="true"] > svg{transform:rotate(-180deg);}'], (props) => props.theme.colors.base.borderMidtone, focus.browserDefaultFocus);
+const ChevronIconWrapper = styled.div.withConfig({
+  displayName: "indexstyles__ChevronIconWrapper",
+  componentId: "sc-1wnimid-7"
+})(["position:absolute;top:0;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:", ";height:", ";pointer-events:none;"], sizes.minTapSize, sizes.minTapSize);
+const StyledChevronIcon = styled(ChevronIcon.default).withConfig({
+  displayName: "indexstyles__StyledChevronIcon",
+  componentId: "sc-1wnimid-8"
+})(["", '[aria-expanded="true"] + ', " &{transform:rotate(-180deg);}"], CountryNameInput, ChevronIconWrapper);
+exports.ChevronIconWrapper = ChevronIconWrapper;
+exports.CountryNameInput = CountryNameInput;
+exports.FlagWrapper = FlagWrapper;
+exports.Popover = Popover;
+exports.PopupCountriesList = PopupCountriesList;
+exports.Row = Row;
+exports.StyledChevronIcon = StyledChevronIcon;
+exports.StyledIconButton = StyledIconButton;
+exports.StyledSelectItem = StyledSelectItem;
+//# sourceMappingURL=index539.cjs.map

package/dist/index539.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index539.cjs","sources":["../src/components/CountryPicker/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { ComboboxItem, ComboboxList, ComboboxPopover } from \"@ariakit/react\";\nimport { elevation, minTapSize, spacing } from \"../../dimensions\";\nimport InputField from \"../InputField\";\nimport { browserDefaultFocus } from \"../../utils/focus\";\nimport { ChevronIcon } from \"../../icons\";\nimport IconButton from \"../utils/IconButton\";\n\nexport const Row = styled(InputField.Row)<{ width: string }>`\n  width: ${(props) => props.width};\n`;\n\nexport const FlagWrapper = styled.div`\n  position: absolute;\n  top: 0.9em;\n  z-index: 1;\n  height: 1em;\n  padding-inline-start: ${spacing.auditorium};\n`;\n\nexport const CountryNameInput = styled(InputField.Input)<{\n  showFlags?: boolean;\n  selected?: boolean;\n  autocomplete?: boolean;\n}>`\n  position: ${(props) =>\n    props.showFlags && props.selected ? \"relative\" : \"initial\"};\n  padding-inline-end: ${minTapSize};\n  text-indent: ${(props) =>\n    props.showFlags && props.selected ? \"1.5em\" : \"initial\"};\n  caret-color: ${(props) => (props.autocomplete ? \"inherit\" : \"transparent\")};\n`;\n\nexport const Popover = styled(ComboboxPopover)<{ $translateX?: string }>`\n  ${elevation.level3};\n  margin: ${spacing.lounge} 0 0;\n  border: 1px solid ${(props) => props.theme.base.borderDark};\n  border-radius: 2px;\n  background-color: ${(props) => props.theme.base.bg};\n  opacity: 0;\n  transition: all 200ms cubic-bezier(0.3, 0, 0.2, 1);\n\n  &[data-enter] {\n    transform: translateY(0)\n      translateX(${(props) => props.$translateX || \"0px\"});\n    opacity: 1;\n  }\n`;\n\nexport const PopupCountriesList = styled(ComboboxList)`\n  max-height: min(var(--popover-available-height, 300px), 300px);\n  padding: ${spacing.club};\n  overflow-y: auto;\n`;\n\nexport const StyledSelectItem = styled(ComboboxItem)`\n  display: flex;\n  gap: ${spacing.club};\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${spacing.club} ${spacing.club};\n  border-radius: 0;\n  user-select: none;\n\n  &:not([aria-selected=\"true\"]):hover {\n    color: ${(props) => props.theme.text.inverse};\n    background-color: ${(props) => props.theme.base.primary};\n  }\n\n  &:focus-visible,\n  &[data-active-item=\"true\"] {\n    ${browserDefaultFocus}\n  }\n`;\n\nexport const StyledIconButton = styled(IconButton)`\n  position: absolute;\n  top: 0;\n  inset-inline-end: 0;\n\n  &:disabled {\n    background-color: ${(props) => props.theme.colors.base.borderMidtone};\n  }\n\n  &:focus-visible {\n    ${browserDefaultFocus}\n  }\n\n  &[aria-expanded=\"true\"] > svg {\n    transform: rotate(-180deg);\n  }\n`;\n\nexport const ChevronIconWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  inset-inline-end: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${minTapSize};\n  height: ${minTapSize};\n  pointer-events: none;\n`;\n\nexport const StyledChevronIcon = styled(ChevronIcon)`\n  ${CountryNameInput}[aria-expanded=\"true\"] + ${ChevronIconWrapper} & {\n    transform: rotate(-180deg);\n  }\n`;\n"],"names":["Row","styled","InputField","withConfig","displayName","componentId","props","width","FlagWrapper","div","spacing","auditorium","CountryNameInput","Input","showFlags","selected","minTapSize","autocomplete","Popover","ComboboxPopover","elevation","level3","lounge","theme","base","borderDark","bg","$translateX","PopupCountriesList","ComboboxList","club","StyledSelectItem","ComboboxItem","text","inverse","primary","browserDefaultFocus","StyledIconButton","IconButton","colors","borderMidtone","ChevronIconWrapper","StyledChevronIcon","ChevronIcon"],"mappings":";;;;;;;;;;;AAQO,MAAMA,MAAMC,OAAOC,MAAAA,QAAWF,GAAG,EAACG,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,UAAA,GAAA,GAC7BC,CAAAA,UAAUA,MAAMC,KAAK;AAG1B,MAAMC,cAAcP,OAAOQ,IAAGN,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,0EAAA,GAAA,GAKXK,QAAAA,QAAQC,UAAU;AAGrC,MAAMC,mBAAmBX,OAAOC,MAAAA,QAAWW,KAAK,EAACV,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,aAAA,wBAAA,iBAAA,iBAAA,GAAA,GAKzCC,CAAAA,UACXA,MAAMQ,aAAaR,MAAMS,WAAW,aAAa,WAC7BC,MAAAA,YACNV,CAAAA,UACdA,MAAMQ,aAAaR,MAAMS,WAAW,UAAU,WAChCT,CAAAA,UAAWA,MAAMW,eAAe,YAAY,aAAc;AAGrE,MAAMC,UAAUjB,OAAOkB,qBAAe,EAAChB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,YAAA,0BAAA,wCAAA,+GAAA,eAAA,GAC1Ce,UAAAA,UAAUC,QACFX,QAAAA,QAAQY,QACGhB,WAAUA,MAAMiB,MAAMC,KAAKC,YAE3BnB,CAAAA,UAAUA,MAAMiB,MAAMC,KAAKE,IAM9BpB,CAAAA,UAAUA,MAAMqB,eAAe,KAAK;AAKjD,MAAMC,qBAAqB3B,OAAO4B,kBAAY,EAAC1B,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,wEAAA,mBAAA,GAEzCK,QAAAA,QAAQoB,IAAI;AAIlB,MAAMC,mBAAmB9B,OAAO+B,kBAAY,EAAC7B,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,2DAAA,KAAA,gFAAA,sBAAA,iDAAA,GAAA,GAE3CK,QAAAA,QAAQoB,MAGJpB,QAAAA,QAAQoB,MAAQpB,gBAAQoB,MAKvBxB,CAAAA,UAAUA,MAAMiB,MAAMU,KAAKC,SAChB5B,CAAAA,UAAUA,MAAMiB,MAAMC,KAAKW,SAK9CC,MAAAA,mBAAmB;AAIlB,MAAMC,mBAAmBpC,OAAOqC,qBAAU,EAACnC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,2EAAA,sBAAA,4DAAA,GAMzBC,CAAAA,UAAUA,MAAMiB,MAAMgB,OAAOf,KAAKgB,eAIrDJ,MAAAA,mBAAmB;AAQlB,MAAMK,qBAAqBxC,OAAOQ,IAAGN,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,4GAAA,YAAA,uBAAA,GAOjCW,MAAAA,YACCA,MAAAA,UAAU;AAIf,MAAM0B,oBAAoBzC,OAAO0C,mBAAW,EAACxC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,6BAAA,gCAAA,GAChDO,kBAA4C6B,kBAAkB;;;;;;;;;;"}

package/dist/index539.js

@@ -0,0 +1,57 @@
+import styled from "styled-components";
+import { ComboboxPopover, ComboboxList, ComboboxItem } from "@ariakit/react";
+import InputField from "./index20.js";
+import { browserDefaultFocus } from "./index119.js";
+import { IconButton } from "./index19.js";
+import { spacing } from "./index522.js";
+import { minTapSize } from "./index521.js";
+import ChevronIcon from "./index168.js";
+import { elevation } from "./index524.js";
+const Row = styled(InputField.Row).withConfig({
+  displayName: "indexstyles__Row",
+  componentId: "sc-1wnimid-0"
+})(["width:", ";"], (props) => props.width);
+const FlagWrapper = styled.div.withConfig({
+  displayName: "indexstyles__FlagWrapper",
+  componentId: "sc-1wnimid-1"
+})(["position:absolute;top:0.9em;z-index:1;height:1em;padding-inline-start:", ";"], spacing.auditorium);
+const CountryNameInput = styled(InputField.Input).withConfig({
+  displayName: "indexstyles__CountryNameInput",
+  componentId: "sc-1wnimid-2"
+})(["position:", ";padding-inline-end:", ";text-indent:", ";caret-color:", ";"], (props) => props.showFlags && props.selected ? "relative" : "initial", minTapSize, (props) => props.showFlags && props.selected ? "1.5em" : "initial", (props) => props.autocomplete ? "inherit" : "transparent");
+const Popover = styled(ComboboxPopover).withConfig({
+  displayName: "indexstyles__Popover",
+  componentId: "sc-1wnimid-3"
+})(["", ";margin:", " 0 0;border:1px solid ", ";border-radius:2px;background-color:", ";opacity:0;transition:all 200ms cubic-bezier(0.3,0,0.2,1);&[data-enter]{transform:translateY(0) translateX(", ");opacity:1;}"], elevation.level3, spacing.lounge, (props) => props.theme.base.borderDark, (props) => props.theme.base.bg, (props) => props.$translateX || "0px");
+const PopupCountriesList = styled(ComboboxList).withConfig({
+  displayName: "indexstyles__PopupCountriesList",
+  componentId: "sc-1wnimid-4"
+})(["max-height:min(var(--popover-available-height,300px),300px);padding:", ";overflow-y:auto;"], spacing.club);
+const StyledSelectItem = styled(ComboboxItem).withConfig({
+  displayName: "indexstyles__StyledSelectItem",
+  componentId: "sc-1wnimid-5"
+})(["display:flex;gap:", ";align-items:center;justify-content:flex-start;padding:", " ", ';border-radius:0;user-select:none;&:not([aria-selected="true"]):hover{color:', ";background-color:", ';}&:focus-visible,&[data-active-item="true"]{', "}"], spacing.club, spacing.club, spacing.club, (props) => props.theme.text.inverse, (props) => props.theme.base.primary, browserDefaultFocus);
+const StyledIconButton = styled(IconButton).withConfig({
+  displayName: "indexstyles__StyledIconButton",
+  componentId: "sc-1wnimid-6"
+})(["position:absolute;top:0;inset-inline-end:0;&:disabled{background-color:", ";}&:focus-visible{", '}&[aria-expanded="true"] > svg{transform:rotate(-180deg);}'], (props) => props.theme.colors.base.borderMidtone, browserDefaultFocus);
+const ChevronIconWrapper = styled.div.withConfig({
+  displayName: "indexstyles__ChevronIconWrapper",
+  componentId: "sc-1wnimid-7"
+})(["position:absolute;top:0;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:", ";height:", ";pointer-events:none;"], minTapSize, minTapSize);
+const StyledChevronIcon = styled(ChevronIcon).withConfig({
+  displayName: "indexstyles__StyledChevronIcon",
+  componentId: "sc-1wnimid-8"
+})(["", '[aria-expanded="true"] + ', " &{transform:rotate(-180deg);}"], CountryNameInput, ChevronIconWrapper);
+export {
+  ChevronIconWrapper,
+  CountryNameInput,
+  FlagWrapper,
+  Popover,
+  PopupCountriesList,
+  Row,
+  StyledChevronIcon,
+  StyledIconButton,
+  StyledSelectItem
+};
+//# sourceMappingURL=index539.js.map

package/dist/index539.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index539.js","sources":["../src/components/CountryPicker/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { ComboboxItem, ComboboxList, ComboboxPopover } from \"@ariakit/react\";\nimport { elevation, minTapSize, spacing } from \"../../dimensions\";\nimport InputField from \"../InputField\";\nimport { browserDefaultFocus } from \"../../utils/focus\";\nimport { ChevronIcon } from \"../../icons\";\nimport IconButton from \"../utils/IconButton\";\n\nexport const Row = styled(InputField.Row)<{ width: string }>`\n  width: ${(props) => props.width};\n`;\n\nexport const FlagWrapper = styled.div`\n  position: absolute;\n  top: 0.9em;\n  z-index: 1;\n  height: 1em;\n  padding-inline-start: ${spacing.auditorium};\n`;\n\nexport const CountryNameInput = styled(InputField.Input)<{\n  showFlags?: boolean;\n  selected?: boolean;\n  autocomplete?: boolean;\n}>`\n  position: ${(props) =>\n    props.showFlags && props.selected ? \"relative\" : \"initial\"};\n  padding-inline-end: ${minTapSize};\n  text-indent: ${(props) =>\n    props.showFlags && props.selected ? \"1.5em\" : \"initial\"};\n  caret-color: ${(props) => (props.autocomplete ? \"inherit\" : \"transparent\")};\n`;\n\nexport const Popover = styled(ComboboxPopover)<{ $translateX?: string }>`\n  ${elevation.level3};\n  margin: ${spacing.lounge} 0 0;\n  border: 1px solid ${(props) => props.theme.base.borderDark};\n  border-radius: 2px;\n  background-color: ${(props) => props.theme.base.bg};\n  opacity: 0;\n  transition: all 200ms cubic-bezier(0.3, 0, 0.2, 1);\n\n  &[data-enter] {\n    transform: translateY(0)\n      translateX(${(props) => props.$translateX || \"0px\"});\n    opacity: 1;\n  }\n`;\n\nexport const PopupCountriesList = styled(ComboboxList)`\n  max-height: min(var(--popover-available-height, 300px), 300px);\n  padding: ${spacing.club};\n  overflow-y: auto;\n`;\n\nexport const StyledSelectItem = styled(ComboboxItem)`\n  display: flex;\n  gap: ${spacing.club};\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${spacing.club} ${spacing.club};\n  border-radius: 0;\n  user-select: none;\n\n  &:not([aria-selected=\"true\"]):hover {\n    color: ${(props) => props.theme.text.inverse};\n    background-color: ${(props) => props.theme.base.primary};\n  }\n\n  &:focus-visible,\n  &[data-active-item=\"true\"] {\n    ${browserDefaultFocus}\n  }\n`;\n\nexport const StyledIconButton = styled(IconButton)`\n  position: absolute;\n  top: 0;\n  inset-inline-end: 0;\n\n  &:disabled {\n    background-color: ${(props) => props.theme.colors.base.borderMidtone};\n  }\n\n  &:focus-visible {\n    ${browserDefaultFocus}\n  }\n\n  &[aria-expanded=\"true\"] > svg {\n    transform: rotate(-180deg);\n  }\n`;\n\nexport const ChevronIconWrapper = styled.div`\n  position: absolute;\n  top: 0;\n  inset-inline-end: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${minTapSize};\n  height: ${minTapSize};\n  pointer-events: none;\n`;\n\nexport const StyledChevronIcon = styled(ChevronIcon)`\n  ${CountryNameInput}[aria-expanded=\"true\"] + ${ChevronIconWrapper} & {\n    transform: rotate(-180deg);\n  }\n`;\n"],"names":["Row","styled","InputField","withConfig","displayName","componentId","props","width","FlagWrapper","div","spacing","auditorium","CountryNameInput","Input","showFlags","selected","minTapSize","autocomplete","Popover","ComboboxPopover","elevation","level3","lounge","theme","base","borderDark","bg","$translateX","PopupCountriesList","ComboboxList","club","StyledSelectItem","ComboboxItem","text","inverse","primary","browserDefaultFocus","StyledIconButton","IconButton","colors","borderMidtone","ChevronIconWrapper","StyledChevronIcon","ChevronIcon"],"mappings":";;;;;;;;;AAQO,MAAMA,MAAMC,OAAOC,WAAWF,GAAG,EAACG,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,UAAA,GAAA,GAC7BC,CAAAA,UAAUA,MAAMC,KAAK;AAG1B,MAAMC,cAAcP,OAAOQ,IAAGN,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,0EAAA,GAAA,GAKXK,QAAQC,UAAU;AAGrC,MAAMC,mBAAmBX,OAAOC,WAAWW,KAAK,EAACV,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,aAAA,wBAAA,iBAAA,iBAAA,GAAA,GAKzCC,CAAAA,UACXA,MAAMQ,aAAaR,MAAMS,WAAW,aAAa,WAC7BC,YACNV,CAAAA,UACdA,MAAMQ,aAAaR,MAAMS,WAAW,UAAU,WAChCT,CAAAA,UAAWA,MAAMW,eAAe,YAAY,aAAc;AAGrE,MAAMC,UAAUjB,OAAOkB,eAAe,EAAChB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,YAAA,0BAAA,wCAAA,+GAAA,eAAA,GAC1Ce,UAAUC,QACFX,QAAQY,QACGhB,WAAUA,MAAMiB,MAAMC,KAAKC,YAE3BnB,CAAAA,UAAUA,MAAMiB,MAAMC,KAAKE,IAM9BpB,CAAAA,UAAUA,MAAMqB,eAAe,KAAK;AAKjD,MAAMC,qBAAqB3B,OAAO4B,YAAY,EAAC1B,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,wEAAA,mBAAA,GAEzCK,QAAQoB,IAAI;AAIlB,MAAMC,mBAAmB9B,OAAO+B,YAAY,EAAC7B,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,qBAAA,2DAAA,KAAA,gFAAA,sBAAA,iDAAA,GAAA,GAE3CK,QAAQoB,MAGJpB,QAAQoB,MAAQpB,QAAQoB,MAKvBxB,CAAAA,UAAUA,MAAMiB,MAAMU,KAAKC,SAChB5B,CAAAA,UAAUA,MAAMiB,MAAMC,KAAKW,SAK9CC,mBAAmB;AAIlB,MAAMC,mBAAmBpC,OAAOqC,UAAU,EAACnC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,2EAAA,sBAAA,4DAAA,GAMzBC,CAAAA,UAAUA,MAAMiB,MAAMgB,OAAOf,KAAKgB,eAIrDJ,mBAAmB;AAQlB,MAAMK,qBAAqBxC,OAAOQ,IAAGN,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,4GAAA,YAAA,uBAAA,GAOjCW,YACCA,UAAU;AAIf,MAAM0B,oBAAoBzC,OAAO0C,WAAW,EAACxC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,6BAAA,gCAAA,GAChDO,kBAA4C6B,kBAAkB;"}

package/dist/index54.cjs

@@ -0,0 +1,14 @@
+"use client";
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const AipStickerOnDark = (props) => {
+  const theme = styled.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { fill: "none", viewBox: "0 0 701 600", width: props.size || "10em", height: props.size || "10em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M63.055 228.168 17.84 83h41.531l21.072 81.376h.614L100.494 83h40.917l19.026 81.172h.614L182.123 83h41.531l-45.213 145.168h-35.394l-21.481-88.328h-.409l-22.71 88.328zm172.574 0V83h96.564v34.554h-58.92v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zm112.157-88.328L353.719 83h35.189l-14.935 56.84zm55.272 88.328V83h58.102c36.621 0 52.987 21.673 52.987 51.524 0 20.446-8.592 35.372-24.959 43.346l33.143 50.298h-45.214L449.703 183.8h-9.002v44.368zm37.643-77.9h13.912c12.275 0 19.231-5.725 19.231-16.562 0-8.996-5.115-16.561-19.231-16.561h-13.912zm93.815 77.9V83h96.564v34.554h-58.921v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zM16 432.63l52.783-145.168h37.235l52.578 145.168h-40.508l-7.365-23.513H64.078l-7.366 23.513zm58.102-56.023h26.596l-13.093-41.915h-.41zm95.001 56.023V287.462h40.099v110.614h56.67v34.554zm111.084 0V287.462h40.099v110.614h56.67v34.554zm158.653 0V287.462h40.098V432.63zm62.515 0V287.462h37.03l51.351 82.193.409-.204v-81.989h38.257V432.63h-38.257l-50.328-79.536h-.409v79.536zm164.216 2.044c-11.047 0-20.049-8.792-20.049-19.628 0-10.632 9.002-19.424 20.049-19.424 10.843 0 19.845 8.792 19.845 19.424 0 10.836-9.002 19.628-19.845 19.628" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: props.color || theme.base.primary, d: "M628.886 471.822h-190v46h190z" })
+  ] });
+};
+exports.default = AipStickerOnDark;
+//# sourceMappingURL=index54.cjs.map

package/dist/index54.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index54.cjs","sources":["../src/stickers/dist/AipStickerOnDark.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { useTheme } from \"styled-components\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst AipStickerOnDark = (props: Props) => {\n  const theme = useTheme();\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 701 600\"\n      width={props.size || \"10em\"}\n      height={props.size || \"10em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#fff\"\n        d=\"M63.055 228.168 17.84 83h41.531l21.072 81.376h.614L100.494 83h40.917l19.026 81.172h.614L182.123 83h41.531l-45.213 145.168h-35.394l-21.481-88.328h-.409l-22.71 88.328zm172.574 0V83h96.564v34.554h-58.92v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zm112.157-88.328L353.719 83h35.189l-14.935 56.84zm55.272 88.328V83h58.102c36.621 0 52.987 21.673 52.987 51.524 0 20.446-8.592 35.372-24.959 43.346l33.143 50.298h-45.214L449.703 183.8h-9.002v44.368zm37.643-77.9h13.912c12.275 0 19.231-5.725 19.231-16.562 0-8.996-5.115-16.561-19.231-16.561h-13.912zm93.815 77.9V83h96.564v34.554h-58.921v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zM16 432.63l52.783-145.168h37.235l52.578 145.168h-40.508l-7.365-23.513H64.078l-7.366 23.513zm58.102-56.023h26.596l-13.093-41.915h-.41zm95.001 56.023V287.462h40.099v110.614h56.67v34.554zm111.084 0V287.462h40.099v110.614h56.67v34.554zm158.653 0V287.462h40.098V432.63zm62.515 0V287.462h37.03l51.351 82.193.409-.204v-81.989h38.257V432.63h-38.257l-50.328-79.536h-.409v79.536zm164.216 2.044c-11.047 0-20.049-8.792-20.049-19.628 0-10.632 9.002-19.424 20.049-19.424 10.843 0 19.845 8.792 19.845 19.424 0 10.836-9.002 19.628-19.845 19.628\"\n      />\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M628.886 471.822h-190v46h190z\"\n      />\n    </svg>\n  );\n};\nexport default AipStickerOnDark;\n"],"names":[],"mappings":";;;;;AASA;AACE;AACA;AAUI;AAE6oC;AAI1mC;AAIzC;;"}

package/dist/index54.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTheme } from "styled-components";
+const AipStickerOnDark = (props) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs("svg", { fill: "none", viewBox: "0 0 701 600", width: props.size || "10em", height: props.size || "10em", "aria-hidden": true, className: props.className, ...props, children: [
+    /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M63.055 228.168 17.84 83h41.531l21.072 81.376h.614L100.494 83h40.917l19.026 81.172h.614L182.123 83h41.531l-45.213 145.168h-35.394l-21.481-88.328h-.409l-22.71 88.328zm172.574 0V83h96.564v34.554h-58.92v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zm112.157-88.328L353.719 83h35.189l-14.935 56.84zm55.272 88.328V83h58.102c36.621 0 52.987 21.673 52.987 51.524 0 20.446-8.592 35.372-24.959 43.346l33.143 50.298h-45.214L449.703 183.8h-9.002v44.368zm37.643-77.9h13.912c12.275 0 19.231-5.725 19.231-16.562 0-8.996-5.115-16.561-19.231-16.561h-13.912zm93.815 77.9V83h96.564v34.554h-58.921v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zM16 432.63l52.783-145.168h37.235l52.578 145.168h-40.508l-7.365-23.513H64.078l-7.366 23.513zm58.102-56.023h26.596l-13.093-41.915h-.41zm95.001 56.023V287.462h40.099v110.614h56.67v34.554zm111.084 0V287.462h40.099v110.614h56.67v34.554zm158.653 0V287.462h40.098V432.63zm62.515 0V287.462h37.03l51.351 82.193.409-.204v-81.989h38.257V432.63h-38.257l-50.328-79.536h-.409v79.536zm164.216 2.044c-11.047 0-20.049-8.792-20.049-19.628 0-10.632 9.002-19.424 20.049-19.424 10.843 0 19.845 8.792 19.845 19.424 0 10.836-9.002 19.628-19.845 19.628" }),
+    /* @__PURE__ */ jsx("path", { fill: props.color || theme.base.primary, d: "M628.886 471.822h-190v46h190z" })
+  ] });
+};
+export {
+  AipStickerOnDark as default
+};
+//# sourceMappingURL=index54.js.map

package/dist/index54.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index54.js","sources":["../src/stickers/dist/AipStickerOnDark.tsx"],"sourcesContent":["// This file is automatically generated from SVG file\n// Do not modify manually\n\"use client\";\nimport * as React from \"react\";\nimport type { SVGProps } from \"react\";\nimport { useTheme } from \"styled-components\";\ntype Props = SVGProps<SVGSVGElement> & {\n  size?: string,\n};\nconst AipStickerOnDark = (props: Props) => {\n  const theme = useTheme();\n  return (\n    <svg\n      fill=\"none\"\n      viewBox=\"0 0 701 600\"\n      width={props.size || \"10em\"}\n      height={props.size || \"10em\"}\n      aria-hidden={true}\n      className={props.className}\n      {...props}\n    >\n      <path\n        fill=\"#fff\"\n        d=\"M63.055 228.168 17.84 83h41.531l21.072 81.376h.614L100.494 83h40.917l19.026 81.172h.614L182.123 83h41.531l-45.213 145.168h-35.394l-21.481-88.328h-.409l-22.71 88.328zm172.574 0V83h96.564v34.554h-58.92v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zm112.157-88.328L353.719 83h35.189l-14.935 56.84zm55.272 88.328V83h58.102c36.621 0 52.987 21.673 52.987 51.524 0 20.446-8.592 35.372-24.959 43.346l33.143 50.298h-45.214L449.703 183.8h-9.002v44.368zm37.643-77.9h13.912c12.275 0 19.231-5.725 19.231-16.562 0-8.996-5.115-16.561-19.231-16.561h-13.912zm93.815 77.9V83h96.564v34.554h-58.921v21.877h46.032v33.123h-46.032v21.06h63.217v34.554zM16 432.63l52.783-145.168h37.235l52.578 145.168h-40.508l-7.365-23.513H64.078l-7.366 23.513zm58.102-56.023h26.596l-13.093-41.915h-.41zm95.001 56.023V287.462h40.099v110.614h56.67v34.554zm111.084 0V287.462h40.099v110.614h56.67v34.554zm158.653 0V287.462h40.098V432.63zm62.515 0V287.462h37.03l51.351 82.193.409-.204v-81.989h38.257V432.63h-38.257l-50.328-79.536h-.409v79.536zm164.216 2.044c-11.047 0-20.049-8.792-20.049-19.628 0-10.632 9.002-19.424 20.049-19.424 10.843 0 19.845 8.792 19.845 19.424 0 10.836-9.002 19.628-19.845 19.628\"\n      />\n      <path\n        fill={props.color || theme.base.primary}\n        d=\"M628.886 471.822h-190v46h190z\"\n      />\n    </svg>\n  );\n};\nexport default AipStickerOnDark;\n"],"names":[],"mappings":";;;AASA;AACE;AACA;AAUI;AAE6oC;AAI1mC;AAIzC;;;;"}

package/dist/index540.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const focus = require("./index119.cjs");
+const snippets = require("./index120.cjs");
+const index = require("./index20.cjs");
+const typography = require("./index520.cjs");
+const spacing = require("./index522.cjs");
+const COLS = [4.5, 1, 5, 1, 6];
+const GRID_COLUMNS = COLS.map((x) => x + "ch").join(" ");
+const MS_COLS = COLS.map((x) => x === 1 ? x : x + 1);
+const MS_WIDTH = MS_COLS.reduce((total, x) => total + x) + "ch";
+const MS_GRID_COLUMNS = MS_COLS.map((x) => x + "ch").join(" ");
+const Container = styled(index.default.Row).withConfig({
+  displayName: "indexstyles__Container",
+  componentId: "sc-w9srtv-0"
+})(["display:grid;display:-ms-grid;grid-template-columns:", ";-ms-grid-columns:", ";align-items:center;width:", ";width:max-content;border-color:", ";border-style:solid;border-width:", ";border-radius:2px;overflow:hidden;&:focus-within{", ";}& > *{-ms-grid-row-align:center;-ms-grid-row:1;-ms-grid-column-span:1;&:nth-child(1){-ms-grid-column:1;}&:nth-child(2){-ms-grid-column:2;}&:nth-child(3){-ms-grid-column:3;}&:nth-child(4){-ms-grid-column:4;}&:nth-child(5){-ms-grid-column:5;}}"], GRID_COLUMNS, MS_GRID_COLUMNS, MS_WIDTH, (props) => props.errorMessage ? props.theme.status.danger : props.theme.base.borderDark, (props) => props.errorMessage ? "2px" : "1px", focus.browserDefaultFocus);
+const Input = styled.input.withConfig({
+  displayName: "indexstyles__Input",
+  componentId: "sc-w9srtv-1"
+})(["", ";", ";width:auto;padding:", ";font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;&:focus{outline:0;}&::placeholder{color:", ";font-weight:400;opacity:1;}&::-webkit-inner-spin-button{margin:0;appearance:none;}&:invalid{box-shadow:none;}"], snippets.inputReset, typography.textStyle.rainier, spacing.spacing.club, (props) => props.theme.text.secondary);
+const Divider = styled.div.withConfig({
+  displayName: "indexstyles__Divider",
+  componentId: "sc-w9srtv-2"
+})(["color:", ";line-height:1;"], (props) => props.theme.text.secondary);
+exports.Container = Container;
+exports.Divider = Divider;
+exports.Input = Input;
+//# sourceMappingURL=index540.cjs.map

package/dist/index540.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index540.cjs","sources":["../src/components/DateOfBirth/index.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { textStyle, spacing } from \"../../dimensions\";\nimport { browserDefaultFocus } from \"../../utils/focus\";\nimport { inputReset } from \"../../utils/snippets\";\nimport InputField from \"../InputField\";\n\n/* Edit me to add/remove columns  */\nconst COLS = [4.5, 1, 5, 1, 6];\n/* e.g. 5ch 1ch 5ch 1ch 6ch */\nconst GRID_COLUMNS = COLS.map((x) => x + \"ch\").join(\" \");\n/* IE11 ch is smaller so we need to +1 */\nconst MS_COLS = COLS.map((x) => (x === 1 ? x : x + 1));\n/* We need the total width of cols to hard-code container width */\nconst MS_WIDTH = MS_COLS.reduce((total, x) => total + x) + \"ch\";\n/* e.g. 6ch 1ch 6ch 1ch 7ch */\nconst MS_GRID_COLUMNS = MS_COLS.map((x) => x + \"ch\").join(\" \");\n\n/* stylelint-disable property-no-vendor-prefix */\n/* stylelint-disable value-no-vendor-prefix */\nexport const Container = styled(InputField.Row)<{ errorMessage?: string }>`\n  display: grid;\n  /* stylelint-disable-next-line value-no-vendor-prefix */\n  display: -ms-grid;\n  grid-template-columns: ${GRID_COLUMNS};\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -ms-grid-columns: ${MS_GRID_COLUMNS};\n  align-items: center;\n  width: ${MS_WIDTH}; /* IE doesn't understand max-content so set width to sum of all columns */\n  width: max-content; /* So we don't have to hard-code the width */\n  border-color: ${(props) =>\n    props.errorMessage\n      ? props.theme.status.danger\n      : props.theme.base.borderDark};\n  border-style: solid;\n  border-width: ${(props) => (props.errorMessage ? \"2px\" : \"1px\")};\n  border-radius: 2px;\n  overflow: hidden;\n\n  &:focus-within {\n    ${browserDefaultFocus};\n  }\n\n  /* IE11 grid requires children specify their exact row/column */\n  & > * {\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -ms-grid-row-align: center;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -ms-grid-row: 1;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -ms-grid-column-span: 1;\n\n    &:nth-child(1) {\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -ms-grid-column: 1;\n    }\n\n    &:nth-child(2) {\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -ms-grid-column: 2;\n    }\n\n    &:nth-child(3) {\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -ms-grid-column: 3;\n    }\n\n    &:nth-child(4) {\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -ms-grid-column: 4;\n    }\n\n    &:nth-child(5) {\n      /* stylelint-disable-next-line property-no-vendor-prefix */\n      -ms-grid-column: 5;\n    }\n  }\n`;\n/* stylelint-enable */\n\nexport const Input = styled.input`\n  ${inputReset};\n  ${textStyle.rainier};\n  width: auto;\n  padding: ${spacing.club};\n  font-variant-numeric: tabular-nums;\n  text-align: center;\n  appearance: textfield;\n\n  &:focus {\n    outline: 0;\n  }\n\n  &::placeholder {\n    color: ${(props) => props.theme.text.secondary};\n    font-weight: 400;\n    opacity: 1;\n  }\n\n  &::-webkit-inner-spin-button {\n    margin: 0;\n    appearance: none;\n  }\n\n  &:invalid {\n    box-shadow: none; /* Disable Firefox red outline on blur of invalid input */\n  }\n`;\n\nexport const Divider = styled.div`\n  color: ${(props) => props.theme.text.secondary};\n  line-height: 1;\n`;\n"],"names":["COLS","GRID_COLUMNS","map","x","join","MS_COLS","MS_WIDTH","reduce","total","MS_GRID_COLUMNS","Container","styled","InputField","Row","withConfig","displayName","componentId","props","errorMessage","theme","status","danger","base","borderDark","browserDefaultFocus","Input","input","inputReset","textStyle","rainier","spacing","club","text","secondary","Divider","div"],"mappings":";;;;;;;;AAOA,MAAMA,OAAO,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC;AAE7B,MAAMC,eAAeD,KAAKE,IAAKC,CAAAA,MAAMA,IAAI,IAAI,EAAEC,KAAK,GAAG;AAEvD,MAAMC,UAAUL,KAAKE,IAAKC,CAAAA,MAAOA,MAAM,IAAIA,IAAIA,IAAI,CAAE;AAErD,MAAMG,WAAWD,QAAQE,OAAO,CAACC,OAAOL,MAAMK,QAAQL,CAAC,IAAI;AAE3D,MAAMM,kBAAkBJ,QAAQH,IAAKC,CAAAA,MAAMA,IAAI,IAAI,EAAEC,KAAK,GAAG;AAItD,MAAMM,YAAYC,OAAOC,MAAAA,QAAWC,GAAG,EAACC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,wDAAA,sBAAA,8BAAA,oCAAA,qCAAA,sDAAA,qPAAA,GAIpBf,cAELQ,iBAEXH,UAEQW,CAAAA,UACfA,MAAMC,eACFD,MAAME,MAAMC,OAAOC,SACnBJ,MAAME,MAAMG,KAAKC,YAENN,CAAAA,UAAWA,MAAMC,eAAe,QAAQ,OAKrDM,MAAAA,mBAAmB;AAwClB,MAAMC,QAAQd,OAAOe,MAAKZ,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,KAAA,wBAAA,sHAAA,gHAAA,GAC7BW,SAAAA,YACAC,WAAAA,UAAUC,SAEDC,QAAAA,QAAQC,MAUPd,WAAUA,MAAME,MAAMa,KAAKC,SAAS;AAe3C,MAAMC,UAAUvB,OAAOwB,IAAGrB,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,UAAA,iBAAA,GACrBC,CAAAA,UAAUA,MAAME,MAAMa,KAAKC,SAAS;;;;"}