@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.4

package/README.md

@@ -1,35 +1,23 @@
 # Marola - component library
-
-![Marola logo](https://marola.pismolabs.io/marolaLogo.png)
+![Marola logo](./src/assets/marolaLogo.png)
 
 ### Commands
 
-`yarn dev` - run the playground, launches a server where a developer can test and develop components, watches for file
+`yarn dev` - run the playground, launches a server where a developer can test and develop components, watches for file 
 changes
 
 `yarn build` - builds the components ready for publish
 
-`yarn test` - calls off to yarn test:unit
-
-`yarn test:unit` - runs vitest for unit tests
-
-`yarn test:unit:visual` - runs vitest for unit tests in a browser, then when tests are run it will show the output in
-browser
-
-`yarn test:unit:watch` - runs vitest and watches for any change and reruns
+`yarn test` - not yet implemented
 
 `yarn lint` - performs an eslint across the project code and reports any problems in the terminal
 
-`yarn preview` - runs `build` and serves the files in the `dist` serves what would be in a `publish`
+`yarn preview` -  runs `build` and serves the files in the `dist` serves what would be in a `publish`
 
 `yarn publish` - runs a prePublish build (the `build` command) then publishes the contents of the `dist` directory
 
-`yarn storybook` - start storybook
-
-`yarn build-storybook` - build storybook static files
-
 ### Tips
 
 #### Node version
 
-This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .
+This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .

package/dist/{Button-2b1peDFT.js → Button-C3Qm852g.js}

@@ -1,7 +1,7 @@
-import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./index-CH45lKw7.js";
+import { g as T, a as _, b as x, _ as i, c as B, P as o, d as O, f as D } from "./index-BZ1lkM_M.js";
 import * as c from "react";
 import { jsx as F } from "react/jsx-runtime";
-import { u as S } from "./useButton-DNk3wrQp.js";
+import { u as S } from "./useButton-CbmjmH5z.js";
 const m = "Button";
 function U(s) {
   return T(m, s);
@@ -9,14 +9,14 @@ function U(s) {
 _(m, ["root", "active", "disabled", "focusVisible"]);
 const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
   const {
-    active: o,
+    active: e,
     disabled: n,
     focusVisible: r
   } = s;
   return O({
-    root: ["root", n && "disabled", r && "focusVisible", o && "active"]
+    root: ["root", n && "disabled", r && "focusVisible", e && "active"]
   }, D(U));
-}, w = /* @__PURE__ */ c.forwardRef(function(o, n) {
+}, w = /* @__PURE__ */ c.forwardRef(function(e, n) {
   var r;
   const {
     action: u,
@@ -25,7 +25,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
     slotProps: P = {},
     slots: l = {},
     rootElementName: N = "button"
-  } = o, t = x(o, W), g = c.useRef();
+  } = e, t = x(e, W), g = c.useRef();
   let a = N;
   typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
   const {
@@ -33,7 +33,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
     focusVisible: E,
     setFocusVisible: d,
     getRootProps: V
-  } = S(i({}, o, {
+  } = S(i({}, e, {
     focusableWhenDisabled: f,
     rootElementName: a
   }));
@@ -42,7 +42,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
       d(!0), g.current.focus();
     }
   }), [d]);
-  const p = i({}, o, {
+  const p = i({}, e, {
     active: y,
     focusableWhenDisabled: f,
     focusVisible: E
@@ -69,61 +69,61 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
   /**
    * A ref for imperative actions. It currently only supports `focusVisible()` action.
    */
-  action: e.oneOfType([e.func, e.shape({
-    current: e.shape({
-      focusVisible: e.func.isRequired
+  action: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      focusVisible: o.func.isRequired
     })
   })]),
   /**
    * @ignore
    */
-  children: e.node,
+  children: o.node,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.string,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * If `true`, allows a disabled button to receive focus.
    * @default false
    */
-  focusableWhenDisabled: e.bool,
+  focusableWhenDisabled: o.bool,
   /**
    * @ignore
    */
-  href: e.string,
+  href: o.string,
   /**
    * @ignore
    */
-  onFocusVisible: e.func,
+  onFocusVisible: o.func,
   /**
    * The HTML element that is ultimately rendered, for example 'button' or 'a'
    * @default 'button'
    */
-  rootElementName: e.string,
+  rootElementName: o.string,
   /**
    * The props used for each slot inside the Button.
    * @default {}
    */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside the Button.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: e.shape({
-    root: e.elementType
+  slots: o.shape({
+    root: o.elementType
   }),
   /**
    * @ignore
    */
-  to: e.string
+  to: o.string
 });
 export {
   w as B

package/dist/Dialog.module-BO0mdB7d.js

@@ -0,0 +1,15 @@
+import './assets/Dialog.css';
+const _ = "_dialog_cknma_1", a = "_dialog__backdrop_cknma_11", i = "_dialog__panel_cknma_19", o = "_dialog__title_cknma_35", l = "_dialog__subtitle_cknma_42", d = "_dialog__divider_cknma_51", t = "_dialog__actions_cknma_64", c = {
+  dialog: _,
+  dialog__backdrop: a,
+  dialog__panel: i,
+  dialog__title: o,
+  "dialog__title--small": "_dialog__title--small_cknma_39",
+  dialog__subtitle: l,
+  dialog__divider: d,
+  "dialog__close-icon": "_dialog__close-icon_cknma_55",
+  dialog__actions: t
+};
+export {
+  c as s
+};

package/dist/ListContext-D6-YwtZn.js

@@ -0,0 +1,18 @@
+import * as t from "react";
+const e = {
+  blur: "list:blur",
+  focus: "list:focus",
+  itemClick: "list:itemClick",
+  itemHover: "list:itemHover",
+  itemsChange: "list:itemsChange",
+  keyDown: "list:keyDown",
+  resetHighlight: "list:resetHighlight",
+  highlightLast: "list:highlightLast",
+  textNavigation: "list:textNavigation",
+  clearSelection: "list:clearSelection"
+}, i = /* @__PURE__ */ t.createContext(null);
+process.env.NODE_ENV !== "production" && (i.displayName = "ListContext");
+export {
+  e as L,
+  i as a
+};

package/dist/Tabs.module-_kSbSyth.js

@@ -0,0 +1,66 @@
+import './assets/Tabs.css';
+import * as n from "react";
+const f = /* @__PURE__ */ n.createContext(null);
+process.env.NODE_ENV !== "production" && (f.displayName = "CompoundComponentContext");
+function p(e) {
+  const c = Array.from(e.keys()).map((t) => {
+    const a = e.get(t);
+    return {
+      key: t,
+      subitem: a
+    };
+  });
+  return c.sort((t, a) => {
+    const u = t.subitem.ref.current, r = a.subitem.ref.current;
+    return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(c.map((t) => [t.key, t.subitem]));
+}
+function I() {
+  const [e, c] = n.useState(/* @__PURE__ */ new Map()), t = n.useRef(/* @__PURE__ */ new Set()), a = n.useCallback(function(o) {
+    t.current.delete(o), c((b) => {
+      const s = new Map(b);
+      return s.delete(o), s;
+    });
+  }, []), u = n.useCallback(function(o, b) {
+    let s;
+    return typeof o == "function" ? s = o(t.current) : s = o, t.current.add(s), c((d) => {
+      const m = new Map(d);
+      return m.set(s, b), m;
+    }), {
+      id: s,
+      deregister: () => a(s)
+    };
+  }, [a]), r = n.useMemo(() => p(e), [e]), i = n.useCallback(function(o) {
+    return Array.from(r.keys()).indexOf(o);
+  }, [r]);
+  return {
+    contextValue: n.useMemo(() => ({
+      getItemIndex: i,
+      registerItem: u,
+      totalSubitemCount: e.size
+    }), [i, u, e.size]),
+    subitems: r
+  };
+}
+const l = /* @__PURE__ */ n.createContext(null);
+process.env.NODE_ENV !== "production" && (l.displayName = "TabsContext");
+function k() {
+  const e = n.useContext(l);
+  if (e == null)
+    throw new Error("No TabsContext provided");
+  return e;
+}
+const C = "_tabs_5kfuv_1", x = "_tabs__tab_5kfuv_5", y = {
+  tabs: C,
+  tabs__tab: x,
+  "tabs__tab--disabled": "_tabs__tab--disabled_5kfuv_22",
+  "tabs__tab--selected": "_tabs__tab--selected_5kfuv_31",
+  "tabs__tab-panel": "_tabs__tab-panel_5kfuv_35"
+};
+export {
+  f as C,
+  l as T,
+  k as a,
+  y as s,
+  I as u
+};

package/dist/assets/CallToActionButton.css

@@ -0,0 +1 @@
+._h1_j1yzk_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_j1yzk_7{font-weight:var(--typography-heading-bold)}._h2_j1yzk_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_j1yzk_17{font-weight:var(--typography-heading-bold)}._h3_j1yzk_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_j1yzk_27{font-weight:var(--typography-heading-bold)}._h4_j1yzk_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_j1yzk_37{font-weight:var(--typography-heading-bold)}._body_j1yzk_41{font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-weight)}._body--large_j1yzk_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_j1yzk_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_j1yzk_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_j1yzk_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_j1yzk_62{font-weight:var(--body-bold)}._body--strikethrough_j1yzk_65{text-decoration:line-through}._body--underlined_j1yzk_68{text-decoration:underline}._body--strikethrough-underlined_j1yzk_71{text-decoration:underline line-through}._quote_j1yzk_75{font-size:var(--quote-font-size);line-height:var(--quote-line-height);font-weight:var(--quote-font-weight)}._quote--large_j1yzk_80{font-size:var(--quote-font-size-large);line-height:var(--quote-line-height-large);font-weight:var(--quote-font-weight-large)}._form__input_j1yzk_86{font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);font-weight:var(--form-input-font-weight)}._form__hint_j1yzk_91{font-size:var(--form-hint-font-size);line-height:var(--form-hint-line-height);font-weight:var(--form-hint-font-weight)}._form__label_j1yzk_96{font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight)}._form__dropdown_j1yzk_101{font-size:var(--form-dropdown-font-size);line-height:var(--form-dropdown-line-height);font-weight:var(--form-dropdown-font-weight)}._table__header_j1yzk_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_j1yzk_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_j1yzk_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_j1yzk_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight)}._button_j1yzk_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight);padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 4.375);border-radius:calc(var(--spacing) * 12.5);border:none;cursor:pointer}._button--primary_j1yzk_138{background-color:var(--accent);color:var(--white-100)}._button--primary_j1yzk_138:hover{background-color:var(--accent-dark)}._button--primary_j1yzk_138:focus{background-color:var(--accent-lighter);color:var(--black-100)}._button--primary_j1yzk_138:active{background-color:var(--accent-light)}._button--primary_j1yzk_138:disabled{background-color:var(--black-10);color:var(--gray-50);cursor:default}._button--secondary_j1yzk_157{background-color:var(--white-100);color:var(--accent)}._button--secondary_j1yzk_157:hover{background-color:var(--gray-5)}._button--secondary_j1yzk_157:focus{color:var(--black-100)}._button--secondary_j1yzk_157:active{color:var(--accent-light)}._button--secondary_j1yzk_157:disabled{color:var(--gray-50);cursor:default}._button__loading-container_j1yzk_174{align-items:center;display:flex;gap:var(--spacing)}

package/dist/assets/Dialog.css

@@ -1 +1 @@
-._u-typography-h1_yi7uo_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_yi7uo_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_yi7uo_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_yi7uo_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_yi7uo_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_yi7uo_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_yi7uo_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_yi7uo_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_yi7uo_52,._dialog__subtitle_yi7uo_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_yi7uo_56,._dialog__title--small_yi7uo_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_yi7uo_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_yi7uo_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_yi7uo_67{text-decoration:line-through}._u-typography-base--underlined_yi7uo_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_yi7uo_73{text-decoration:underline line-through}._dialog_yi7uo_52{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_yi7uo_87{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_yi7uo_95{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb),.2)}._dialog__title_yi7uo_56{padding-top:8px;padding-bottom:8px}._dialog__subtitle_yi7uo_52{font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_yi7uo_121{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_yi7uo_125{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_yi7uo_134{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
+._dialog_cknma_1{position:fixed;z-index:1300;top:0;right:0;bottom:0;left:0;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}._dialog__backdrop_cknma_11{z-index:-1;position:fixed;background-color:rgba(var(--black-100-rgb),.05);width:100%;height:100%;-webkit-tap-highlight-color:transparent}._dialog__panel_cknma_19{font-weight:500;text-align:start;position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden;background-color:var(--white-100);border-radius:8px;border:1px solid rgb(218,226,237);box-shadow:0 10px 20px rgba(var(--black-100-rgb),.2);padding:24px;width:680px;color:var(--gray-75)}._dialog__title_cknma_35{padding-bottom:var(--spacing);padding-top:var(--spacing)}._dialog__title--small_cknma_39{font-size:var(--small-font)}._dialog__subtitle_cknma_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;letter-spacing:0;text-align:left;color:var(--secondary-orange-dark)}._dialog__divider_cknma_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_cknma_55{padding:0;margin:0;border:none;background:none;position:absolute;right:calc(var(--spacing) * 2);top:calc(var(--spacing) * 3.375)}._dialog__actions_cknma_64{justify-content:center;margin-bottom:calc(var(--spacing) * 2);gap:var(--spacing);display:flex}

package/dist/assets/LoadingSpinner.css

@@ -1 +1 @@
-._ls-ring_elvjz_1{position:relative;display:inline-block;width:18px;height:18px}._ls-ring_elvjz_1>div{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:block;width:14px;height:14px;margin:auto;border:2px solid var(--white-100);border-color:var(--white-100) transparent transparent transparent;border-radius:50%;animation:_ls-ring_elvjz_1 1.2s cubic-bezier(.5,0,.5,1) infinite}._ls-ring_elvjz_1 div:nth-child(1){border-color:var(--white-100);opacity:.4;animation:none}._ls-ring_elvjz_1 div:nth-child(2){animation-delay:-.45s}._ls-ring_elvjz_1 div:nth-child(3){animation-delay:-.3s}._ls-ring_elvjz_1 div:nth-child(4){animation-delay:-.15s}._ls-ring--invert_elvjz_34>div{border:2px solid var(--accent);border-color:var(--accent) transparent transparent transparent}._ls-ring--invert_elvjz_34 div:nth-child(1){border-color:var(--accent);opacity:.4;animation:none}@keyframes _ls-ring_elvjz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+._ls-ring_19dsy_1{display:inline-block;position:relative;width:18px;height:18px}._ls-ring_19dsy_1>div{box-sizing:border-box;display:block;position:absolute;width:14px;height:14px;margin:auto;border:2px solid var(--white-100);border-radius:50%;animation:_ls-ring_19dsy_1 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--white-100) transparent transparent transparent;top:0;right:0;bottom:0;left:0}._ls-ring_19dsy_1 div:nth-child(1){animation:none;opacity:40%;border-color:var(--white-100)}._ls-ring_19dsy_1 div:nth-child(2){animation-delay:-.45s}._ls-ring_19dsy_1 div:nth-child(3){animation-delay:-.3s}._ls-ring_19dsy_1 div:nth-child(4){animation-delay:-.15s}._ls-ring--invert_19dsy_34>div{border:2px solid var(--accent);border-color:var(--accent) transparent transparent transparent}._ls-ring--invert_19dsy_34 div:nth-child(1){animation:none;opacity:40%;border-color:var(--accent)}@keyframes _ls-ring_19dsy_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/dist/assets/Tabs.css

@@ -1 +1 @@
-._tabs_18ymz_1{gap:8px;width:100%}._tabs__tab_18ymz_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_18ymz_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_18ymz_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_18ymz_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_18ymz_22:focus,._tabs__tab--disabled_18ymz_22:active,._tabs__tab--disabled_18ymz_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_18ymz_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_18ymz_35{width:100%;margin-top:16px}
+._tabs_5kfuv_1{width:100%;gap:var(--spacing)}._tabs__tab_5kfuv_5{background-color:var(--white-100);height:48px;padding:0 var(--spacing) 0 0;color:var(--gray-75);min-width:94px;border:none;cursor:pointer}._tabs__tab_5kfuv_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_5kfuv_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_5kfuv_22{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25);cursor:default}._tabs__tab--disabled_5kfuv_22:focus,._tabs__tab--disabled_5kfuv_22:active,._tabs__tab--disabled_5kfuv_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_5kfuv_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_5kfuv_35{margin-top:calc(var(--spacing) * 2);width:100%}

package/dist/assets/Typography.css

@@ -1 +1 @@
-._u-typography-h1_zizdh_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_zizdh_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_zizdh_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_zizdh_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_zizdh_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_zizdh_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_zizdh_43{font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_zizdh_48{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_zizdh_52{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_zizdh_56{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_zizdh_60{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_zizdh_64{font-weight:var(--base-bold)}._u-typography-base--strikethrough_zizdh_67{text-decoration:line-through}._u-typography-base--underlined_zizdh_70{text-decoration:underline}._u-typography-base--strikethrough-underlined_zizdh_73{text-decoration:underline line-through}
+._h1_111i6_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_111i6_7{font-weight:var(--typography-heading-bold)}._h2_111i6_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_111i6_17{font-weight:var(--typography-heading-bold)}._h3_111i6_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_111i6_27{font-weight:var(--typography-heading-bold)}._h4_111i6_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_111i6_37{font-weight:var(--typography-heading-bold)}._body_111i6_41{font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-weight)}._body--large_111i6_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_111i6_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_111i6_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_111i6_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_111i6_62{font-weight:var(--body-bold)}._body--strikethrough_111i6_65{text-decoration:line-through}._body--underlined_111i6_68{text-decoration:underline}._body--strikethrough-underlined_111i6_71{text-decoration:underline line-through}._quote_111i6_75{font-size:var(--quote-font-size);line-height:var(--quote-line-height);font-weight:var(--quote-font-weight)}._quote--large_111i6_80{font-size:var(--quote-font-size-large);line-height:var(--quote-line-height-large);font-weight:var(--quote-font-weight-large)}._form__input_111i6_86{font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);font-weight:var(--form-input-font-weight)}._form__hint_111i6_91{font-size:var(--form-hint-font-size);line-height:var(--form-hint-line-height);font-weight:var(--form-hint-font-weight)}._form__label_111i6_96{font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight)}._form__dropdown_111i6_101{font-size:var(--form-dropdown-font-size);line-height:var(--form-dropdown-line-height);font-weight:var(--form-dropdown-font-weight)}._table__header_111i6_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_111i6_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_111i6_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_111i6_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight)}

package/dist/assets/main.css

@@ -0,0 +1 @@
+@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Black.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-BlackItalic.woff2) format("woff2");font-weight:900;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Italic.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Thin.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-ThinItalic.woff2) format("woff2");font-weight:100;font-style:italic}body{font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--secondary-orange: #FFA945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #FE8D53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99DEC3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6ACBB1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31AA7E;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #BAEDD9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897F3;--accent-rgb: 24, 151, 243;--accent-dark: #1672C7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4FB1F9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8AE1FD;--accent-lighter-rgb: 138, 225, 253;--alert: #DF4561;--alert-rgb: 223, 69, 97;--alert-dark: #BB2B45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #F37C91;--accent-alert-light-rgb: 243, 124, 145;--cream: #FAFAFA;--cream-rgb: 250, 250, 250;--hover: #42B7FF;--hover-rgb: 66, 183, 255;--active: #0A75CC;--active-rgb: 10, 117, 204}:root{--gray-100: #16161E;--gray-100-rgb: 22, 22, 30;--gray-95: #3F3D4B;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #BCBAC8;--gray-50-rgb: 188, 186, 200;--gray-25: #DBDAE2;--gray-25-rgb: 219, 218, 226;--gray-10: #EBEAF0;--gray-10-rgb: 235, 234, 240;--gray-5: #F7F7FC;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #BCBAC8;--black-25-rgb: 188, 186, 200;--black-10: #EBEAF0;--black-10-rgb: 235, 234, 240;--white-100: #FFFFFF;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size:1rem;--form-input-line-height:1.3125rem;--form-input-font-weight:bold;--form-hint-font-size:.875rem;--form-hint-line-height:1.3125rem;--form-hint-font-weight:normal;--form-label-font-size:.875rem;--form-label-line-height:1.3125rem;--form-label-font-weight:normal;--form-dropdown-font-size:1rem;--form-dropdown-line-height:1.3125rem;--form-dropdown-font-weight:normal;--table-font-size:.875rem;--table-line-height:1.0625rem;--table-header-font-weight:bold;--table-body-font-weight:normal;--table-body-secondary-line-height:1.3125rem;--button-font-size:1rem;--button-line-height:1.25rem;--button-font-weight: bold}:root{--spacing: 8px}

package/dist/components/CallToActionButton/CallToActionButton.d.ts

@@ -0,0 +1,21 @@
+import { Either } from '../../types/helpers';
+import { ReactNode } from 'react';
+
+type variation = "primary" | "secondary";
+type CallToActionButtonCoreProps = {
+    isLoading?: boolean;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+    variation?: variation;
+};
+interface CallToActionButtonPropsWithLink extends CallToActionButtonCoreProps {
+    link: string;
+}
+interface CallToActionButtonPropsWithOnClick extends CallToActionButtonCoreProps {
+    onClick: () => void;
+    type?: HTMLButtonElement["type"];
+}
+export type CallToActionButtonProps = Either<CallToActionButtonPropsWithLink, CallToActionButtonPropsWithOnClick>;
+export declare const CallToActionButton: import('react').ForwardRefExoticComponent<CallToActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default CallToActionButton;

package/dist/components/CallToActionButton/CallToActionButton.js

@@ -0,0 +1,57 @@
+import '../../assets/CallToActionButton.css';
+import { jsx as d, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as u, useMemo as c } from "react";
+import { LoadingSpinner as k } from "../LoadingSpinner/LoadingSpinner.js";
+import { c as m } from "../../clsx-DB4S2d7J.js";
+import { B as j } from "../../Button-C3Qm852g.js";
+const z = "_h1_j1yzk_1", f = "_h2_j1yzk_11", p = "_h3_j1yzk_21", g = "_h4_j1yzk_31", q = "_body_j1yzk_41", w = "_quote_j1yzk_75", x = "_form__input_j1yzk_86", N = "_form__hint_j1yzk_91", v = "_form__label_j1yzk_96", B = "_form__dropdown_j1yzk_101", C = "_table__header_j1yzk_107", L = "_table__body_j1yzk_112", A = "_button_j1yzk_123", _ = {
+  h1: z,
+  "h1--bold": "_h1--bold_j1yzk_7",
+  h2: f,
+  "h2--bold": "_h2--bold_j1yzk_17",
+  h3: p,
+  "h3--bold": "_h3--bold_j1yzk_27",
+  h4: g,
+  "h4--bold": "_h4--bold_j1yzk_37",
+  body: q,
+  "body--large": "_body--large_j1yzk_46",
+  "body--medium": "_body--medium_j1yzk_50",
+  "body--small": "_body--small_j1yzk_54",
+  "body--tiny": "_body--tiny_j1yzk_58",
+  "body--bold": "_body--bold_j1yzk_62",
+  "body--strikethrough": "_body--strikethrough_j1yzk_65",
+  "body--underlined": "_body--underlined_j1yzk_68",
+  "body--strikethrough-underlined": "_body--strikethrough-underlined_j1yzk_71",
+  quote: w,
+  "quote--large": "_quote--large_j1yzk_80",
+  form__input: x,
+  form__hint: N,
+  form__label: v,
+  form__dropdown: B,
+  table__header: C,
+  table__body: L,
+  "table__body--secondary": "_table__body--secondary_j1yzk_117",
+  button: A,
+  "button--primary": "_button--primary_j1yzk_138",
+  "button--secondary": "_button--secondary_j1yzk_157",
+  "button__loading-container": "_button__loading-container_j1yzk_174"
+}, D = u((r, e) => {
+  const {
+    onClick: y,
+    link: b,
+    isLoading: l,
+    children: o,
+    type: a = "button",
+    disabled: s,
+    className: t,
+    variation: n = "primary"
+  } = r, i = c(() => m([_.button, _[`button--${n}`], t]), [t]);
+  return /* @__PURE__ */ d(j, { type: a, href: b, onClick: y, disabled: s, className: i, ref: e, children: l ? /* @__PURE__ */ h("div", { className: _["button__loading-container"], children: [
+    /* @__PURE__ */ d(k, { ...n === "secondary" && { invert: !0 } }),
+    o
+  ] }) : o });
+});
+export {
+  D as CallToActionButton,
+  D as default
+};

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
+import { s as t } from "../../Dialog.module-BO0mdB7d.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

package/dist/components/Dialog/Backdrop.d.ts

@@ -2,5 +2,5 @@
 declare const Backdrop: import('react').ForwardRefExoticComponent<{
     open?: boolean | undefined;
     className: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export default Backdrop;

package/dist/components/Dialog/Backdrop.js

@@ -1,9 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-DFEmFdYT.js";
+import { s as e } from "../../Dialog.module-BO0mdB7d.js";
 const i = t((o, r) => {
   const { open: m, className: p, ...s } = o;
-  return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: e.dialog__backdrop,
+      ref: r,
+      ...s
+    }
+  );
 });
 export {
   i as default

package/dist/components/Dialog/CloseIconButton.js

@@ -1,20 +1,132 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
-import { B as a } from "../../Button-2b1peDFT.js";
-const d = ({ handleOnClose: i, className: o }) => {
-  const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
-  return /* @__PURE__ */ s(
-    a,
+import { jsx as j } from "react/jsx-runtime";
+import { s as O } from "../../Dialog.module-BO0mdB7d.js";
+import { h as C, i as W } from "../../index-BZ1lkM_M.js";
+import I from "react";
+import { B as P } from "../../Button-C3Qm852g.js";
+var N = { exports: {} };
+(function(w, b) {
+  (function(x, y) {
+    w.exports = y(I);
+  })(C, (x) => (() => {
+    var y = { 639: (t) => {
+      t.exports = x;
+    } }, E = {};
+    function s(t) {
+      var o = E[t];
+      if (o !== void 0)
+        return o.exports;
+      var c = E[t] = { exports: {} };
+      return y[t](c, c.exports, s), c.exports;
+    }
+    s.n = (t) => {
+      var o = t && t.__esModule ? () => t.default : () => t;
+      return s.d(o, { a: o }), o;
+    }, s.d = (t, o) => {
+      for (var c in o)
+        s.o(o, c) && !s.o(t, c) && Object.defineProperty(t, c, { enumerable: !0, get: o[c] });
+    }, s.o = (t, o) => Object.prototype.hasOwnProperty.call(t, o), s.r = (t) => {
+      typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 });
+    };
+    var _ = {};
+    return (() => {
+      s.r(_), s.d(_, { default: () => B });
+      var t = s(639), o = s.n(t), c = function(i, a, l, r) {
+        return new (l || (l = Promise))(function(p, u) {
+          function h(n) {
+            try {
+              d(r.next(n));
+            } catch (e) {
+              u(e);
+            }
+          }
+          function f(n) {
+            try {
+              d(r.throw(n));
+            } catch (e) {
+              u(e);
+            }
+          }
+          function d(n) {
+            var e;
+            n.done ? p(n.value) : (e = n.value, e instanceof l ? e : new l(function(m) {
+              m(e);
+            })).then(h, f);
+          }
+          d((r = r.apply(i, a || [])).next());
+        });
+      };
+      function T() {
+        return typeof globalThis < "u" && globalThis.WAVES_ICONS_BASE_URL ? globalThis.WAVES_ICONS_BASE_URL : typeof window < "u" && window.WAVES_ICONS_BASE_URL ? window.WAVES_ICONS_BASE_URL : "https://waves-icons.pismolabs.io/bin";
+      }
+      function A(i, a, l) {
+        const r = a && Number.isNaN(Number(a)) ? a : a ? `${a}px` : "1em", p = l || "currentColor", u = { fill: p, color: p, width: r, height: r };
+        return i && Object.keys(u).forEach((h) => {
+          i.setAttribute(h, u[h]);
+        }), i && Object.assign(i.style, u), i;
+      }
+      const B = ({ icon: i, color: a, size: l }) => {
+        const r = (0, t.useRef)(null), [p, u] = (0, t.useState)(null), h = (f) => {
+          const d = A(f, `${l || ""}`, a);
+          r != null && r.current && (r.current.innerHTML = "", r.current.append(d)), u(d);
+        };
+        return (0, t.useEffect)(() => {
+          (function(f, d = !1) {
+            return c(this, void 0, void 0, function* () {
+              return function(n) {
+                return c(this, void 0, void 0, function* () {
+                  return fetch(n, { cache: "force-cache" }).then((e) => e.status >= 200 && e.status <= 299 ? e.text() : Promise.resolve(`
+    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+      <!-- Waves Icon Not Found -->
+    </svg>
+  `)).catch(console.error);
+                });
+              }(f.startsWith("http") ? f : function(n, e = "svg", m) {
+                return m || (m = T()), `${m}/${n}.${e}`;
+              }(f)).then((n) => {
+                try {
+                  const e = d ? n : function(m, S) {
+                    S || (S = `
+    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
+    <svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+      <!-- Waves Icon Not Found -->
+    </svg>
+  `);
+                    const g = Object.assign(document.createElement("template"), { innerHTML: S }).content.querySelector("svg");
+                    return Array.from(g.attributes).map(({ name: v }) => v).find((v) => {
+                      v.startsWith("on") && g.removeAttribute(v);
+                    }), g.querySelectorAll(["a", "animate", "color-profile", "cursor", "discard", "fedropshadow", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"].join(",")).forEach((v) => {
+                      v.remove();
+                    }), g.setAttribute("data-waves-icon", m), g;
+                  }(f, n);
+                  return Promise.resolve(e);
+                } catch (e) {
+                  return Promise.reject(e);
+                }
+              }).catch(console.error);
+            });
+          })(i).then(h).catch(console.error);
+        }, [i]), (0, t.useEffect)(() => {
+          A(p, `${l || ""}`, a);
+        }, [l, a]), o().createElement("span", { ref: r });
+      };
+    })(), _;
+  })());
+})(N);
+var L = N.exports;
+const R = /* @__PURE__ */ W(L), V = ({ handleOnClose: w, className: b }) => {
+  const x = b != null ? O["dialog__close-icon "] + b : O["dialog__close-icon"];
+  return /* @__PURE__ */ j(
+    P,
     {
-      className: l,
+      className: x,
       "aria-description": "Close dialog",
-      onClick: i,
+      onClick: w,
       "data-testid": "dialog-close-button",
-      children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
+      children: /* @__PURE__ */ j(R, { icon: "fa/duotone/circle-xmark", size: 32, color: "var(--gray-75)" })
     }
   );
 };
 export {
-  d as default
+  V as default
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -1,21 +1,20 @@
-import { default as DialogTitle } from './DialogTitle';
+import { default as DialogTitle } from './Title';
 import { default as Content } from './Content';
 import { default as Actions } from './Actions';
 import { ModalProps } from '@mui/base';
 import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
 
-export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
+export type CloseReason = "backdropClick" | "escapeKeyDown" | "closeButtonClick";
 export interface DialogProps extends ModalProps {
-    /** main content */
-    children: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
+    /** main children content */
+    children: ReactElement<any, string | JSXElementConstructor<any>>;
     /** display title label */
     dialogTitle: ReactNode;
     /** display subtitle */
     dialogSubtitle?: ReactNode;
     /** if true, show skeleton */
     isLoading?: boolean;
-    /** callback for when close is clicked */
-    onClose?: () => void;
+    onClose: () => void;
 }
 declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogTitle, Content, Actions };