cross-country 1.3.1 → 1.3.3

package/dist/{bolt-BG48O0Tn.js → bolt-BPKeh2UY.js}

@@ -7,13 +7,11 @@ import "./react-spring_web.modern-C8ckweT7.js";
 import "./components/atoms/group/group.js";
 import "./components/molecules/wrapper/wrapper.js";
 import "./components/molecules/wallpaper/wallpaper.js";
-import "./index-BoPmlL_S.js";
+import "./index-BajRXg7z.js";
 import "./components/organisms/registration/registration-machine.js";
 import "./transform-CAFMLvzX.js";
-import "./components/organisms/survey/question/edit/edit-option-list/edit-option-list-machine.js";
-import "./index.esm-DINKtp6l.js";
 import "./react-masonry-css.module-CJ43viV7.js";
-const i = "data:image/svg+xml,%3csvg%20width='220'%20height='404'%20viewBox='0%200%20220%20404'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M158%200H44L0%20168H82L24%20404L220%20104H112L158%200Z'%20fill='%23E3D597'/%3e%3c/svg%3e", f = () => /* @__PURE__ */ t(o, { a11y: "lightening bolt", url: i, width: 30, height: 30 });
+const i = "data:image/svg+xml,%3csvg%20width='220'%20height='404'%20viewBox='0%200%20220%20404'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M158%200H44L0%20168H82L24%20404L220%20104H112L158%200Z'%20fill='%23E3D597'/%3e%3c/svg%3e", x = () => /* @__PURE__ */ t(o, { a11y: "lightening bolt", url: i, width: 30, height: 30 });
 export {
-  f as B
+  x as B
 };

package/dist/bundle.css

@@ -295,15 +295,15 @@
   font-size: 32px;
 }
 
-._paragraph_1mpth_1 {
-  margin: 8px 0px;
-  padding: 8px;
+._paragraph_x7zbo_1 {
+  padding: 4px;
   font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 16px;
   text-align: left;
   font-weight: 300;
   color: #333;
+  margin: 4px 0px !important;
 }
 
 ._form_m1d91_1 {
@@ -319,11 +319,10 @@
   margin: 8px 0px;
 }
 
-._textInput_b6buf_1 {
+._textArea_b5k91_1 {
   padding: 12px;
   margin: 4px;
   resize: vertical;
-  min-height: 120px; /* Approximately 5 rows of text */
   width: 100%;
   border: 1px solid #ccc;
   border-radius: 4px;
@@ -333,7 +332,7 @@
   max-width: 700px;
 }
 
-._textInput_b6buf_1:focus {
+._textArea_b5k91_1:focus {
   outline: none;
 }
 
@@ -499,18 +498,18 @@ a:not([class]):focus {
 }
 
 
-._wrapper_lok57_3 {
-  width: 100vw;
-  height: 100vh;
+._wrapper_16a8e_3 {
+  width: 100%;
+  height: 100%;
   margin: 0px;
   padding: 0px;
 }
 
-._wallpaper_1oa33_1 {
+._wallpaper_kojh5_1 {
   display: flex;
   background-color: #fdf3ff;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
 }
@@ -628,19 +627,28 @@ a:not([class]):focus {
   background-color: transparent;
 }
 
-._GoldLeaf_zcgqw_1 {
+._GoldLeaf_1eb97_1 {
   display: block;
   margin: 0px;
   padding: 0px;
 }
 
-._GoldLeafView_zcgqw_7 {
+._GoldLeafView_1eb97_7 {
   display: block;
   margin: 0px;
   padding: 0px;
 }
 
-._GoldLeaf__controls_zcgqw_13 {
+/* Add this class to handle empty list items */
+._GoldLeafView_1eb97_7:empty {
+  display: none;
+  margin: 0;
+  padding: 0;
+  height: 0;
+  min-height: 0;
+}
+
+._GoldLeaf__controls_1eb97_22 {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   grid-gap: 4px;
@@ -649,7 +657,7 @@ a:not([class]):focus {
   padding: 0px;
   opacity: 0.4;
 }
-._GoldLeaf__item_zcgqw_22 {
+._GoldLeaf__item_1eb97_31 {
   display: block;
   position: relative;
   background: transparent;
@@ -659,13 +667,13 @@ a:not([class]):focus {
   cursor: pointer;
   padding: 4px;
 }
-._GoldLeaf__images_zcgqw_32 {
+._GoldLeaf__images_1eb97_41 {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   overflow-x: auto;
 }
-._GoldLeaf__total_zcgqw_38 {
+._GoldLeaf__total_1eb97_47 {
   display: block;
   position: absolute;
   top: 6px;
@@ -674,7 +682,7 @@ a:not([class]):focus {
   border-radius: 4px;
   padding: 0px 2px;
 }
-._GoldLeaf__total__text_zcgqw_47 {
+._GoldLeaf__total__text_1eb97_56 {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -683,12 +691,12 @@ a:not([class]):focus {
   opacity: 0.6;
 }
 
-._GoldLeaf__GoldTitleImageCard_zcgqw_56 {
+._GoldLeaf__GoldTitleImageCard_1eb97_65 {
   margin: 0px;
   padding: 0px;
 }
 
-._GoldLeaf__image_zcgqw_32 {
+._GoldLeaf__image_1eb97_41 {
   display: flex;
   flex-direction: row;
   overflow: hidden;
@@ -700,24 +708,24 @@ a:not([class]):focus {
   padding: 0px !important;
 }
 
-._GoldLeaf__image_zcgqw_32 img {
+._GoldLeaf__image_1eb97_41 img {
   width: 100%;
   height: auto;
 }
 
-._GoldLeaf__title_zcgqw_78 {
+._GoldLeaf__title_1eb97_87 {
   font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
   font-size: 20px;
   color: #888;
   width: 100%;
 }
-._GoldLeaf__titleLink_zcgqw_84 {
+._GoldLeaf__titleLink_1eb97_93 {
   text-decoration: none;
   pointer-events: all;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 10px;
 }
-._code_zcgqw_90 {
+._code_1eb97_99 {
   padding: 3px 8px;
   background-color: #a257ff;
   box-shadow: none;
@@ -1214,34 +1222,33 @@ li._listicle_wcjwf_9 {
 }
 
 /* general styles */
-._body_zux7l_2 {
+._body_1ra4h_2 {
   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
-  background: whitesmoke;
   font-family: Arial, Helvetica, sans-serif;
   overflow-x: hidden;
 }
-._ul_zux7l_8 {
+._ul_1ra4h_7 {
   list-style-type: none;
   margin: 0px;
 }
 
-._Porthole_zux7l_13 {
+._Porthole_1ra4h_12 {
   padding: 0px;
   margin: 0px;
   width: 100%;
   overflow: hidden;
   z-index: 1;
 }
-._div_zux7l_20 {
+._div_1ra4h_19 {
   font-size: 18px !important;
   font-family: Arial, Helvetica, sans-serif;
 }
 
 /* column styles */
 
-._column__list_zux7l_27 {
+._column__list_1ra4h_26 {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(300px, 300px));
   grid-gap: 8px;
   align-items: start;
   overflow: hidden;
@@ -1250,68 +1257,66 @@ li._listicle_wcjwf_9 {
   width: 100%;
 }
 
-._card__column_zux7l_38 {
-  margin: 0px;
+._card__column_1ra4h_37 {
   padding: 0px;
-  align-items: center;
-  padding-top: 16px;
-  padding-bottom: 16px;
+  margin: 0px;
+  overflow: hidden;
+  width: 300px
 }
 
-._column__item_zux7l_46 {
+._column__item_1ra4h_44 {
   border-radius: 0.2rem;
-  background-color: whitesmoke;
+  background-color: transparent;
   padding: 0px;
   margin: 0px;
-  align-items: center;
   display: flex;
 }
 
-._column__title--wrapper_zux7l_55 {
+._column__title--wrapper_1ra4h_52 {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   padding: 0.25rem;
   align-items: center;
 }
 
-._column__title--wrapper_zux7l_55 h2 {
+._column__title--wrapper_1ra4h_52 h2 {
   color: #17394d;
   font-weight: 700;
   font-size: 0.9rem;
 }
 
-._column__title--wrapper_zux7l_55 i {
+._column__title--wrapper_1ra4h_52 i {
   text-align: right;
   color: #798d99;
 }
 
-._column__item--cta_zux7l_73 {
+._column__item--cta_1ra4h_70 {
   padding: 0.25rem;
   display: flex;
   color: #798d99;
 }
 
-._column__item--cta_zux7l_73 i {
+._column__item--cta_1ra4h_70 i {
   margin-right: 0.25rem;
 }
 
 /* card styles */
 
-._card__list_zux7l_85 {
+._card__list_1ra4h_82 {
   display: grid;
   grid-template-rows: auto;
   grid-gap: 0.5rem;
   margin: 0px;
   padding: 0px;
   overflow: hidden;
-  background: whitesmoke;
+  background: transparent;
   width: auto;
   padding-top: 16px;
   padding-bottom: 16px;
 }
 
-._card__item_zux7l_98 {
-  background-color: whitesmoke;
+._card__item_1ra4h_95 {
+  background-color: transparent;
   border-radius: 0.25rem;
   width: 98%;
   margin: 0px;

package/dist/components/atoms/circle/__tests__/circle.test.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { r as o, s as i } from "../../../../react.esm-Bye9Ji1o.js";
+import { r as o, s as i } from "../../../../react.esm-CwScrc_1.js";
 import "../../../../index-ZOVD6bFe.js";
 import r from "../circle.js";
 describe("Circle component", () => {

package/dist/components/atoms/column/__tests__/column.test.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
-import { r as n } from "../../../../react.esm-Bye9Ji1o.js";
+import { r as n } from "../../../../react.esm-CwScrc_1.js";
 import s from "../column.js";
-import { d as c, b as a, i as d, g as l } from "../../../../vi.DgezovHB-CFs32wG7.js";
+import { d as c, b as a, i as d, g as l } from "../../../../vi.YFlodzP_-DM4pKyMj.js";
 c("<Column />", () => {
   let o;
   a(() => {

package/dist/components/atoms/link/__stories__/link.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+import { default as Link } from '../link';
+
+declare const meta: Meta<typeof Link>;
+export default meta;
+export declare const Default: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/components/atoms/list/__stories__/list.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as List } from '../list';
+
+declare const meta: Meta<typeof List>;
+export default meta;
+type Story = StoryObj<typeof List>;
+export declare const Default: Story;
+export declare const WithNullComponents: Story;

package/dist/components/atoms/list/list-item/list-item.d.ts

@@ -5,6 +5,7 @@ export interface ListItemProps {
     customClass?: string;
     customStyle?: React.CSSProperties;
     role?: string;
+    id?: string;
 }
-declare const ListItem: ({ children, customClass, customStyle, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItem: ({ children, customClass, customStyle, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/dist/components/atoms/list/list-item/list-item.js

@@ -1,20 +1,22 @@
-import { jsx as e } from "react/jsx-runtime";
-import { s as l } from "../../../../list.module-BxriWrpW.js";
-import { c as r } from "../../../../clsx.m-BMVuQnLY.js";
-const f = ({
+import { jsx as l } from "react/jsx-runtime";
+import { s as r } from "../../../../list.module-BxriWrpW.js";
+import { c as a } from "../../../../clsx.m-BMVuQnLY.js";
+const p = ({
   children: s,
   customClass: t = "",
   customStyle: m = {},
-  ...o
-}) => /* @__PURE__ */ e(
+  id: o,
+  ...e
+}) => /* @__PURE__ */ l(
   "li",
   {
-    ...o,
-    className: r(l.listItem, t),
+    ...e,
+    className: a(r.listItem, t),
     style: m,
+    id: o,
     children: s
   }
 );
 export {
-  f as default
+  p as default
 };

package/dist/components/atoms/row/row.d.ts

@@ -6,6 +6,7 @@ export interface RowProps extends React.HTMLAttributes<HTMLHRElement> {
     hasChildrenCentered?: boolean;
     customStyle?: React.CSSProperties;
     customClass?: string;
+    dataTestId?: string;
 }
 declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
 export default Row;

package/dist/components/atoms/row/row.js

@@ -1,29 +1,30 @@
-import { forwardRef as l, createElement as d } from "react";
-import { c as w } from "../../../clsx.m-BMVuQnLY.js";
-const c = "_row_1osly_1", m = {
-  row: c
-}, n = l(
+import { forwardRef as d, createElement as w } from "react";
+import { c } from "../../../clsx.m-BMVuQnLY.js";
+const m = "_row_1osly_1", n = {
+  row: m
+}, i = d(
   ({
     id: e,
     children: r,
-    hasChildrenCentered: i = !0,
+    hasChildrenCentered: f = !0,
     customClass: o = "",
     customStyle: t = {},
-    ...s
-  }, a) => /* @__PURE__ */ d(
+    dataTestId: s = "row",
+    ...a
+  }, l) => /* @__PURE__ */ w(
     "div",
     {
-      ...s,
+      ...a,
       key: e,
-      className: w(m.row, o),
+      className: c(n.row, o),
       style: t,
-      ref: a,
-      "data-testid": "row"
+      ref: l,
+      "data-testid": s
     },
     r
   )
 );
-n.displayName = "Row";
+i.displayName = "Row";
 export {
-  n as default
+  i as default
 };

package/dist/components/atoms/text/animate-text/index.js

@@ -1,14 +1,3 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../react-spring_web.modern-C8ckweT7.js";
-import "../../column/column.js";
-import "../../row/row.js";
-import "../../group/group.js";
-import "../../../molecules/wrapper/wrapper.js";
-import "../../../molecules/wallpaper/wallpaper.js";
-import "../../../../index-BoPmlL_S.js";
-import "../../../organisms/registration/registration-machine.js";
-import "../../../../transform-CAFMLvzX.js";
-import "../../../organisms/survey/question/edit/edit-option-list/edit-option-list-machine.js";
-import "../../../../index.esm-DINKtp6l.js";
-import "../../../../react-masonry-css.module-CJ43viV7.js";

package/dist/components/atoms/text/animate-text/scramble-text/scramble-text.js

@@ -1,32 +1,20 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useState as v, useRef as a, useCallback as l, useEffect as I } from "react";
-import { u as H, c as N, a as U } from "../../../../../react-spring_web.modern-C8ckweT7.js";
-import "../../../column/column.js";
+import { jsx as S } from "react/jsx-runtime";
+import { useState as v, useRef as i, useCallback as l, useEffect as I } from "react";
+import { u as k, c as H, a as U } from "../../../../../react-spring_web.modern-C8ckweT7.js";
 import { c as q } from "../../../../../clsx.m-BMVuQnLY.js";
-import "../../../row/row.js";
-import z from "../../span/span.js";
-import "../../../group/group.js";
-import "../../../../molecules/wrapper/wrapper.js";
-import "../../../../molecules/wallpaper/wallpaper.js";
-import "../../../../../index-BoPmlL_S.js";
-import "../../../../organisms/registration/registration-machine.js";
-import "../../../../../transform-CAFMLvzX.js";
-import "../../../../organisms/survey/question/edit/edit-option-list/edit-option-list-machine.js";
-import "../../../../../index.esm-DINKtp6l.js";
-import "../../../../../react-masonry-css.module-CJ43viV7.js";
-const R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()", rr = ({
+const R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()", J = ({
   text: e,
   className: b,
-  duration: f = 2e3,
-  scrambleDuration: p = 100,
-  autoPlay: h = !0,
+  duration: m = 2e3,
+  scrambleDuration: h = 100,
+  autoPlay: p = !0,
   customClass: C,
   customStyle: E
 }) => {
-  const [M, u] = v(""), [B, g] = v(!1), m = a(/* @__PURE__ */ new Set()), d = a([]), n = a(null), s = a([]), j = H({
+  const [M, u] = v(""), [z, g] = v(!1), f = i(/* @__PURE__ */ new Set()), d = i([]), n = i(null), c = i([]), j = k({
     from: { opacity: 0, y: 10 },
     to: { opacity: 1, y: 0 },
-    config: N.gentle
+    config: H.gentle
   }), w = () => R.charAt(Math.floor(Math.random() * R.length)), y = l(() => {
     const t = [];
     for (let r = 0; r < e.length; r++)
@@ -34,36 +22,36 @@ const R = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&
     return t;
   }, [e]), P = (t) => {
     const r = [...t];
-    for (let o = r.length - 1; o > 0; o--) {
-      const c = Math.floor(Math.random() * (o + 1));
-      [r[o], r[c]] = [r[c], r[o]];
+    for (let s = r.length - 1; s > 0; s--) {
+      const o = Math.floor(Math.random() * (s + 1));
+      [r[s], r[o]] = [r[o], r[s]];
     }
     return r;
   }, A = l(() => {
     const t = e.split("");
     for (let r = 0; r < t.length; r++)
-      t[r] !== " " && !m.current.has(r) && (t[r] = w());
+      t[r] !== " " && !f.current.has(r) && (t[r] = w());
     u(t.join(""));
-  }, [e]), S = l(() => {
-    g(!0), n.current && clearInterval(n.current), s.current.forEach(clearTimeout), s.current = [], m.current = /* @__PURE__ */ new Set(), d.current = P(y()), n.current = setInterval(A, p);
-    const t = d.current, r = f / t.length;
-    t.forEach((o, c) => {
-      const k = setTimeout(() => {
-        m.current.add(o), c === t.length - 1 && (n.current && clearInterval(n.current), u(e), g(!1));
-      }, r * (c + 1));
-      s.current.push(k);
+  }, [e]), T = l(() => {
+    g(!0), n.current && clearInterval(n.current), c.current.forEach(clearTimeout), c.current = [], f.current = /* @__PURE__ */ new Set(), d.current = P(y()), n.current = setInterval(A, h);
+    const t = d.current, r = m / t.length;
+    t.forEach((s, o) => {
+      const N = setTimeout(() => {
+        f.current.add(s), o === t.length - 1 && (n.current && clearInterval(n.current), u(e), g(!1));
+      }, r * (o + 1));
+      c.current.push(N);
     });
   }, [
     e,
-    f,
-    p,
+    m,
+    h,
     A,
     y
-  ]), i = l(() => {
-    n.current && clearInterval(n.current), s.current.forEach(clearTimeout), s.current = [];
+  ]), a = l(() => {
+    n.current && clearInterval(n.current), c.current.forEach(clearTimeout), c.current = [];
   }, []);
-  return I(() => (h ? S() : u(e), i), [e, h, S, i]), I(() => i, [i]), /* @__PURE__ */ T(U.div, { style: j, className: q("relative", b), children: /* @__PURE__ */ T(z, { customClass: C, customStyle: E, children: M || e }) });
+  return I(() => (p ? T() : u(e), a), [e, p, T, a]), I(() => a, [a]), /* @__PURE__ */ S(U.span, { style: j, className: q("relative", b), children: /* @__PURE__ */ S("span", { className: C, style: E, children: M || e }) });
 };
 export {
-  rr as default
+  J as default
 };

package/dist/components/atoms/text/index.js

@@ -1,14 +1,3 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../react-spring_web.modern-C8ckweT7.js";
-import "../column/column.js";
-import "../row/row.js";
-import "../group/group.js";
-import "../../molecules/wrapper/wrapper.js";
-import "../../molecules/wallpaper/wallpaper.js";
-import "../../../index-BoPmlL_S.js";
-import "../../organisms/registration/registration-machine.js";
-import "../../../transform-CAFMLvzX.js";
-import "../../organisms/survey/question/edit/edit-option-list/edit-option-list-machine.js";
-import "../../../index.esm-DINKtp6l.js";
-import "../../../react-masonry-css.module-CJ43viV7.js";

package/dist/components/atoms/text/paragraph/paragraph.js

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as o } from "../../../../clsx.m-BMVuQnLY.js";
-const c = "_paragraph_1mpth_1", h = {
+import { jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../../../clsx.m-BMVuQnLY.js";
+const c = "_paragraph_x7zbo_1", e = {
   paragraph: c
-}, g = ({
+}, l = ({
   children: a,
   customClass: r = "",
   customStyle: p = {},
   maxWidth: s = 600
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   "p",
   {
-    className: o(h.paragraph, r),
+    className: t(e.paragraph, r),
     style: { maxWidth: s, ...p },
     children: a
   }
 );
 export {
-  g as default
+  l as default
 };