@pismo/marola 0.0.1-alpha.6 → 0.0.1-alpha.8

package/dist/{Button-W6tM-_IT.js → Button-B1umG8kJ.js}

@@ -1,8 +1,8 @@
 import { _ as T, a as i } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
 import * as c from "react";
-import { g as _, a as x, u as B, P as o, c as O, b as D } from "./index-D2P7y2mE.js";
+import { g as _, a as x, b as B, P as o, c as O, d as D } from "./index-CqjC7P5Y.js";
 import { jsx as F } from "react/jsx-runtime";
-import { u as S } from "./useButton-JpyBo5M4.js";
+import { u as S } from "./useButton-Bc8IAgyk.js";
 const m = "Button";
 function U(s) {
   return _(m, s);

package/dist/ClickAwayListener-BKznXF1d.js

@@ -0,0 +1,106 @@
+import * as t from "react";
+import { u as C, P as f } from "./index-CqjC7P5Y.js";
+import { jsx as w } from "react/jsx-runtime";
+import { u as L, o as h, e as b, a as g } from "./index-BNWbc5Kh.js";
+function T(c) {
+  return c.substring(2).toLowerCase();
+}
+function D(c, s) {
+  return s.documentElement.clientWidth < c.clientX || s.documentElement.clientHeight < c.clientY;
+}
+function v(c) {
+  const {
+    children: s,
+    disableReactTree: y = !1,
+    mouseEvent: i = "onClick",
+    onClickAway: P,
+    touchEvent: u = "onTouchEnd"
+  } = c, l = t.useRef(!1), o = t.useRef(null), d = t.useRef(!1), p = t.useRef(!1);
+  t.useEffect(() => (setTimeout(() => {
+    d.current = !0;
+  }, 0), () => {
+    d.current = !1;
+  }), []);
+  const k = C(
+    // @ts-expect-error TODO upstream fix
+    s.ref,
+    o
+  ), a = L((e) => {
+    const n = p.current;
+    p.current = !1;
+    const r = h(o.current);
+    if (!d.current || !o.current || "clientX" in e && D(e, r))
+      return;
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    let E;
+    e.composedPath ? E = e.composedPath().indexOf(o.current) > -1 : E = !r.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      e.target
+    ) || o.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      e.target
+    ), !E && (y || !n) && P(e);
+  }), R = (e) => (n) => {
+    p.current = !0;
+    const r = s.props[e];
+    r && r(n);
+  }, m = {
+    ref: k
+  };
+  return u !== !1 && (m[u] = R(u)), t.useEffect(() => {
+    if (u !== !1) {
+      const e = T(u), n = h(o.current), r = () => {
+        l.current = !0;
+      };
+      return n.addEventListener(e, a), n.addEventListener("touchmove", r), () => {
+        n.removeEventListener(e, a), n.removeEventListener("touchmove", r);
+      };
+    }
+  }, [a, u]), i !== !1 && (m[i] = R(i)), t.useEffect(() => {
+    if (i !== !1) {
+      const e = T(i), n = h(o.current);
+      return n.addEventListener(e, a), () => {
+        n.removeEventListener(e, a);
+      };
+    }
+  }, [a, i]), /* @__PURE__ */ w(t.Fragment, {
+    children: /* @__PURE__ */ t.cloneElement(s, m)
+  });
+}
+process.env.NODE_ENV !== "production" && (v.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The wrapped element.
+   */
+  children: b.isRequired,
+  /**
+   * If `true`, the React tree is ignored and only the DOM tree is considered.
+   * This prop changes how portaled elements are handled.
+   * @default false
+   */
+  disableReactTree: f.bool,
+  /**
+   * The mouse event to listen to. You can disable the listener by providing `false`.
+   * @default 'onClick'
+   */
+  mouseEvent: f.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: f.func.isRequired,
+  /**
+   * The touch event to listen to. You can disable the listener by providing `false`.
+   * @default 'onTouchEnd'
+   */
+  touchEvent: f.oneOf(["onTouchEnd", "onTouchStart", !1])
+});
+process.env.NODE_ENV !== "production" && (v.propTypes = g(v.propTypes));
+export {
+  v as C
+};

package/dist/Portal-BcdMtRGF.js

@@ -0,0 +1,73 @@
+import * as o from "react";
+import { r as P, a as y } from "./index-BNWbc5Kh.js";
+import { u as T, s as a, P as i } from "./index-CqjC7P5Y.js";
+import { jsx as c } from "react/jsx-runtime";
+import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
+function N(t, l, s, n, u) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const e = t[l], r = u || l;
+  return e == null ? null : e && e.nodeType !== 1 ? new Error(`Invalid ${n} \`${r}\` supplied to \`${s}\`. Expected an HTMLElement.`) : null;
+}
+function h(t) {
+  return typeof t == "function" ? t() : t;
+}
+const p = /* @__PURE__ */ o.forwardRef(function(l, s) {
+  const {
+    children: n,
+    container: u,
+    disablePortal: e = !1
+  } = l, [r, d] = o.useState(null), m = T(/* @__PURE__ */ o.isValidElement(n) ? n.ref : null, s);
+  if (f(() => {
+    e || d(h(u) || document.body);
+  }, [u, e]), f(() => {
+    if (r && !e)
+      return a(s, r), () => {
+        a(s, null);
+      };
+  }, [s, r, e]), e) {
+    if (/* @__PURE__ */ o.isValidElement(n)) {
+      const E = {
+        ref: m
+      };
+      return /* @__PURE__ */ o.cloneElement(n, E);
+    }
+    return /* @__PURE__ */ c(o.Fragment, {
+      children: n
+    });
+  }
+  return /* @__PURE__ */ c(o.Fragment, {
+    children: r && /* @__PURE__ */ P.createPortal(n, r)
+  });
+});
+process.env.NODE_ENV !== "production" && (p.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The children to render into the `container`.
+   */
+  children: i.node,
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: i.oneOfType([N, i.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: i.bool
+});
+process.env.NODE_ENV !== "production" && (p.propTypes = y(p.propTypes));
+export {
+  N as H,
+  p as P
+};

package/dist/Tab-CRwnhsj5.js

@@ -0,0 +1,254 @@
+import { jsx as N } from "react/jsx-runtime";
+import * as f from "react";
+import { forwardRef as F, useContext as U, useMemo as j } from "react";
+import { c as $ } from "./clsx-DB4S2d7J.js";
+import { a as A, u as B, b as W, T as q, s as y } from "./Tabs.module-yYcTJnj6.js";
+import { a as p, _ as z } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { e as O, g as G, a as J, u as k, b as K, P as o, c as Q, d as X } from "./index-CqjC7P5Y.js";
+import { u as Y } from "./useButton-Bc8IAgyk.js";
+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"
+}, w = /* @__PURE__ */ f.createContext(null);
+process.env.NODE_ENV !== "production" && (w.displayName = "ListContext");
+function Z(n) {
+  const {
+    handlePointerOverEvents: t = !1,
+    item: e
+  } = n, s = f.useContext(w);
+  if (!s)
+    throw new Error("useListItem must be used within a ListProvider");
+  const {
+    dispatch: i,
+    getItemState: a
+  } = s, {
+    highlighted: c,
+    selected: b,
+    focusable: m
+  } = a(e), h = f.useCallback((l) => (r) => {
+    var d;
+    if ((d = l.onClick) == null || d.call(l, r), !r.defaultPrevented) {
+      if (process.env.NODE_ENV !== "production" && e === void 0)
+        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
+`));
+      i({
+        type: E.itemClick,
+        item: e,
+        event: r
+      });
+    }
+  }, [i, e]), g = f.useCallback((l) => (r) => {
+    var d;
+    if ((d = l.onMouseOver) == null || d.call(l, r), !r.defaultPrevented) {
+      if (process.env.NODE_ENV !== "production" && e === void 0)
+        throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
+`));
+      i({
+        type: E.itemHover,
+        item: e,
+        event: r
+      });
+    }
+  }, [i, e]);
+  let u;
+  return m && (u = c ? 0 : -1), {
+    getRootProps: (l = {}) => {
+      const r = O(l);
+      return p({}, l, {
+        onClick: h(r),
+        onPointerOver: t ? g(r) : void 0,
+        tabIndex: u
+      });
+    },
+    highlighted: c,
+    selected: b
+  };
+}
+function ee(n, t) {
+  return function(s = {}) {
+    const i = p({}, s, n(s));
+    return p({}, i, t(i));
+  };
+}
+const I = "Tab";
+function te(n) {
+  return G(I, n);
+}
+J(I, ["root", "selected", "disabled"]);
+function oe(n) {
+  return n.size;
+}
+function se(n) {
+  const {
+    value: t,
+    rootRef: e,
+    disabled: s = !1,
+    id: i
+  } = n, a = f.useRef(null), c = A(i), {
+    value: b,
+    selectionFollowsFocus: m,
+    getTabPanelId: h
+  } = B(), g = f.useMemo(() => ({
+    disabled: s,
+    ref: a,
+    id: c
+  }), [s, a, c]), {
+    id: u,
+    index: v,
+    totalItemCount: l
+  } = W(t ?? oe, g), {
+    getRootProps: r,
+    highlighted: d,
+    selected: C
+  } = Z({
+    item: u
+  }), {
+    getRootProps: R,
+    rootRef: P,
+    active: T,
+    focusVisible: L,
+    setFocusVisible: M
+  } = Y({
+    disabled: s,
+    focusableWhenDisabled: !m,
+    type: "button"
+  }), x = k(a, e, P), V = u !== void 0 ? h(u) : void 0;
+  return {
+    getRootProps: (_ = {}) => {
+      const S = O(_), D = ee(r, R);
+      return p({}, _, D(S), {
+        role: "tab",
+        "aria-controls": V,
+        "aria-selected": C,
+        id: c,
+        ref: x
+      });
+    },
+    active: T,
+    focusVisible: L,
+    highlighted: d,
+    index: v,
+    rootRef: x,
+    // the `selected` state isn't set on the server (it relies on effects to be calculated),
+    // so we fall back to checking the `value` prop with the selectedValue from the TabsContext
+    selected: C || u === b,
+    setFocusVisible: M,
+    totalTabsCount: l
+  };
+}
+const ne = ["action", "children", "disabled", "onChange", "onClick", "onFocus", "slotProps", "slots", "value"], re = (n) => {
+  const {
+    selected: t,
+    disabled: e
+  } = n;
+  return Q({
+    root: ["root", t && "selected", e && "disabled"]
+  }, X(te));
+}, H = /* @__PURE__ */ f.forwardRef(function(t, e) {
+  var s;
+  const {
+    children: i,
+    disabled: a = !1,
+    slotProps: c = {},
+    slots: b = {},
+    value: m
+  } = t, h = z(t, ne), g = f.useRef(), u = k(g, e), {
+    active: v,
+    highlighted: l,
+    selected: r,
+    getRootProps: d
+  } = se(p({}, t, {
+    rootRef: u,
+    value: m
+  })), C = p({}, t, {
+    active: v,
+    disabled: a,
+    highlighted: l,
+    selected: r
+  }), R = re(C), P = (s = b.root) != null ? s : "button", T = K({
+    elementType: P,
+    getSlotProps: d,
+    externalSlotProps: c.root,
+    externalForwardedProps: h,
+    additionalProps: {
+      ref: e
+    },
+    ownerState: C,
+    className: R.root
+  });
+  return /* @__PURE__ */ N(P, p({}, T, {
+    children: i
+  }));
+});
+process.env.NODE_ENV !== "production" && (H.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * A ref for imperative actions. It currently only supports `focusVisible()` action.
+   */
+  action: o.oneOfType([o.func, o.shape({
+    current: o.shape({
+      focusVisible: o.func.isRequired
+    })
+  })]),
+  /**
+   * @ignore
+   */
+  children: o.node,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * Callback invoked when new value is being set.
+   */
+  onChange: o.func,
+  /**
+   * The props used for each slot inside the Tab.
+   * @default {}
+   */
+  slotProps: o.shape({
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the Tab.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * You can provide your own value. Otherwise, it falls back to the child position index.
+   */
+  value: o.oneOfType([o.number, o.string])
+});
+const be = F(
+  ({ children: n, value: t, disabled: e, dataTestId: s }, i) => {
+    const a = U(q), c = j(
+      () => $(
+        y.tabs__tab,
+        t === (a == null ? void 0 : a.value) && y["tabs__tab--selected"],
+        e && y["tabs__tab--disabled"]
+      ),
+      [t, a, e]
+    );
+    return /* @__PURE__ */ N(H, { className: c, disabled: e, value: t, "data-testid": s, ref: i, children: n });
+  }
+);
+export {
+  E as L,
+  be as T,
+  w as a
+};

package/dist/Tabs.module-yYcTJnj6.js

@@ -0,0 +1,103 @@
+import './assets/Tabs.css';
+import * as n from "react";
+import { u as x } from "./useEnhancedEffect-CJGo-L3B.js";
+let f = 0;
+function y(t) {
+  const [s, e] = n.useState(t), o = t || s;
+  return n.useEffect(() => {
+    s == null && (f += 1, e(`mui-${f}`));
+  }, [s]), o;
+}
+const _ = n.useId;
+function E(t) {
+  if (_ !== void 0) {
+    const s = _();
+    return t ?? s;
+  }
+  return y(t);
+}
+const p = /* @__PURE__ */ n.createContext(null);
+process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
+function g(t) {
+  const s = Array.from(t.keys()).map((e) => {
+    const o = t.get(e);
+    return {
+      key: e,
+      subitem: o
+    };
+  });
+  return s.sort((e, o) => {
+    const u = e.subitem.ref.current, r = o.subitem.ref.current;
+    return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
+  }), new Map(s.map((e) => [e.key, e.subitem]));
+}
+function z() {
+  const [t, s] = n.useState(/* @__PURE__ */ new Map()), e = n.useRef(/* @__PURE__ */ new Set()), o = n.useCallback(function(c) {
+    e.current.delete(c), s((i) => {
+      const a = new Map(i);
+      return a.delete(c), a;
+    });
+  }, []), u = n.useCallback(function(c, i) {
+    let a;
+    return typeof c == "function" ? a = c(e.current) : a = c, e.current.add(a), s((C) => {
+      const l = new Map(C);
+      return l.set(a, i), l;
+    }), {
+      id: a,
+      deregister: () => o(a)
+    };
+  }, [o]), r = n.useMemo(() => g(t), [t]), d = n.useCallback(function(c) {
+    return Array.from(r.keys()).indexOf(c);
+  }, [r]);
+  return {
+    contextValue: n.useMemo(() => ({
+      getItemIndex: d,
+      registerItem: u,
+      totalSubitemCount: t.size
+    }), [d, u, t.size]),
+    subitems: r
+  };
+}
+function T(t, s) {
+  const e = n.useContext(p);
+  if (e === null)
+    throw new Error("useCompoundItem must be used within a useCompoundParent");
+  const {
+    registerItem: o
+  } = e, [u, r] = n.useState(typeof t == "function" ? void 0 : t);
+  return x(() => {
+    const {
+      id: d,
+      deregister: m
+    } = o(t, s);
+    return r(d), m;
+  }, [o, s, t]), {
+    id: u,
+    index: u !== void 0 ? e.getItemIndex(u) : -1,
+    totalItemCount: e.totalSubitemCount
+  };
+}
+const I = /* @__PURE__ */ n.createContext(null);
+process.env.NODE_ENV !== "production" && (I.displayName = "TabsContext");
+function D() {
+  const t = n.useContext(I);
+  if (t == null)
+    throw new Error("No TabsContext provided");
+  return t;
+}
+const N = "_tabs_18ymz_1", S = "_tabs__tab_18ymz_5", M = {
+  tabs: N,
+  tabs__tab: S,
+  "tabs__tab--disabled": "_tabs__tab--disabled_18ymz_22",
+  "tabs__tab--selected": "_tabs__tab--selected_18ymz_31",
+  "tabs__tab-panel": "_tabs__tab-panel_18ymz_35"
+};
+export {
+  p as C,
+  I as T,
+  E as a,
+  T as b,
+  z as c,
+  M as s,
+  D as u
+};

package/dist/assets/Input.css

@@ -0,0 +1 @@
+._input__label_f2das_1{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_f2das_6{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_f2das_6{all:unset;width:100%;height:2.5rem;padding:0 1rem;font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height);color:var(--gray-90);outline:none}._input__input-el_f2das_6::placeholder{color:var(--gray-50)}._input__left-icon_f2das_27{padding-left:1rem}._input__right-icon_f2das_30{padding-right:1rem}._input__messages-wrapper_f2das_33{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_f2das_33:not(:empty){margin-top:.3125rem}._input__info-message_f2das_41,._input__error-message_f2das_41{display:flex;gap:.375rem;align-items:center}._input__info-message_f2das_41{color:var(--gray-75)}._input__error-message_f2das_41{color:var(--alert)}._input__chars-counter_f2das_52{margin-left:auto;color:var(--gray-75)}._input--disabled_f2das_56 ._input__input-el_f2das_6{color:var(--gray-50)}._input_f2das_1:has(._input--disabled_f2das_56) ._input__label_f2das_1{color:var(--gray-25)}._input--focused_f2das_62._input__input-el-wrapper_f2das_6{border-color:var(--accent)}._input--error_f2das_65._input__input-el-wrapper_f2das_6{border-color:var(--alert)}._input__input-el-wrapper_f2das_6:hover:not(._input--disabled_f2das_56,._input--focused_f2das_62,._input--error_f2das_65){border-color:var(--gray-75)}

package/dist/assets/InputSearch.css

@@ -0,0 +1 @@
+._inputSearch_8ayrz_1 span{display:block;margin-top:.1875rem}._inputSearch_8ayrz_1 input[type=search]::-webkit-search-cancel-button{width:1rem;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3694_1860)'%3e%3cpath%20d='M7.97207%206.94064L9.46895%205.46876C9.7627%205.17814%2010.2377%205.17814%2010.5033%205.46876C10.8221%205.76251%2010.8221%206.23751%2010.5033%206.50314L9.05957%207.97189L10.5033%209.46876C10.8221%209.76251%2010.8221%2010.2375%2010.5033%2010.5031C10.2377%2010.8219%209.7627%2010.8219%209.46895%2010.5031L7.97207%209.05939L6.50332%2010.5031C6.2377%2010.8219%205.7627%2010.8219%205.46895%2010.5031C5.17832%2010.2375%205.17832%209.76251%205.46895%209.46876L6.94082%207.97189L5.46895%206.50314C5.17832%206.23751%205.17832%205.76251%205.46895%205.46876C5.7627%205.17814%206.2377%205.17814%206.50332%205.46876L7.97207%206.94064Z'%20fill='%23838192'/%3e%3cpath%20opacity='0.4'%20d='M0%208C0%203.58125%203.58125%200%208%200C12.4187%200%2016%203.58125%2016%208C16%2012.4187%2012.4187%2016%208%2016C3.58125%2016%200%2012.4187%200%208ZM5.46875%206.50313L6.94063%207.97188L5.46875%209.46875C5.17812%209.7625%205.17812%2010.2375%205.46875%2010.5031C5.7625%2010.8219%206.2375%2010.8219%206.50313%2010.5031L7.97188%209.05937L9.46875%2010.5031C9.7625%2010.8219%2010.2375%2010.8219%2010.5031%2010.5031C10.8219%2010.2375%2010.8219%209.7625%2010.5031%209.46875L9.05937%207.97188L10.5031%206.50313C10.8219%206.2375%2010.8219%205.7625%2010.5031%205.46875C10.2375%205.17812%209.7625%205.17812%209.46875%205.46875L7.97188%206.94063L6.50313%205.46875C6.2375%205.17812%205.7625%205.17812%205.46875%205.46875C5.17812%205.7625%205.17812%206.2375%205.46875%206.50313Z'%20fill='%23838192'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3694_1860'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%;background-size:contain;border-radius:50%;opacity:0}._inputSearch_8ayrz_1 input[type=search]:focus::-webkit-search-cancel-button{pointer-events:all;cursor:pointer;opacity:1}

package/dist/assets/PageHeader.css

@@ -1 +1 @@
-._page-header_cz9x0_1{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_cz9x0_1:has(._page-header__top-content_cz9x0_10){justify-content:flex-start}._page-header__top-content_cz9x0_10,._page-header__main-content_cz9x0_13,._page-header__bottom-content_cz9x0_13{width:63.875rem;margin:0 auto}._page-header__top-content_cz9x0_10{padding:1rem 0 .5rem}._page-header__top-content_cz9x0_10 button{all:unset;display:inline-flex;gap:.5rem;align-items:center;width:fit-content;height:1.125rem;font-size:.875rem;font-weight:400;line-height:1.125rem;color:var(--accent);cursor:pointer;transition:all .3s}._page-header__top-content_cz9x0_10 button:hover{color:var(--accent-dark)}._page-header__main-content_cz9x0_13{display:flex}._page-header__main-left-content_cz9x0_40{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_cz9x0_40 ._title_cz9x0_46,._page-header__main-left-content_cz9x0_40 ._subtitle_cz9x0_47{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_cz9x0_40 ._title_cz9x0_46{font-size:1.5rem;font-weight:700;line-height:2rem}._page-header__main-left-content_cz9x0_40 ._subtitle_cz9x0_47{font-size:.875rem;font-weight:400;line-height:1.125rem}._page-header__main-right-content_cz9x0_64{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_cz9x0_13{margin-top:.8125rem}
+._page-header_157kz_1{display:flex;flex-direction:column;justify-content:center;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_157kz_1:has(._page-header__top-content_157kz_9){justify-content:flex-start}._page-header__top-content_157kz_9,._page-header__main-content_157kz_12,._page-header__bottom-content_157kz_12{width:63.875rem;margin:0 auto}._page-header__top-content_157kz_9{padding:1rem 0 .5rem}._page-header__top-content_157kz_9 button{all:unset;display:inline-flex;gap:.5rem;align-items:center;width:fit-content;height:1.125rem;font-size:.875rem;font-weight:400;line-height:1.125rem;color:var(--accent);cursor:pointer;transition:all .3s}._page-header__top-content_157kz_9 button:hover{color:var(--accent-dark)}._page-header__main-content_157kz_12{display:flex}._page-header__main-left-content_157kz_39{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_157kz_39 ._title_157kz_45,._page-header__main-left-content_157kz_39 ._subtitle_157kz_46{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_157kz_39 ._title_157kz_45{font-size:1.5rem;font-weight:700;line-height:2rem}._page-header__main-left-content_157kz_39 ._subtitle_157kz_46{font-size:.875rem;font-weight:400;line-height:1.125rem}._page-header__main-right-content_157kz_63{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_157kz_12{margin-top:.8125rem}

package/dist/assets/Snackbar.css

@@ -0,0 +1 @@
+._snackbar_kt3bd_1{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_kt3bd_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_kt3bd_14{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_kt3bd_19{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_kt3bd_1:has(._snackbar--success_kt3bd_29) ._snackbar--content_kt3bd_19{background-color:var(--secondary-green-darker)}._snackbar_kt3bd_1:has(._snackbar--error_kt3bd_32) ._snackbar--content_kt3bd_19{background-color:var(--alert)}._snackbar_kt3bd_1:has(._snackbar--attention_kt3bd_35) ._snackbar--content_kt3bd_19{background-color:var(--secondary-orange)}._snackbar--message_kt3bd_38{text-align:start}._snackbar--message_kt3bd_38 p{font-size:1rem;font-weight:900;color:var(--white-100)}._snackbar--action_kt3bd_46{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}

package/dist/assets/Toggle.css

@@ -0,0 +1 @@
+._toggle_11c3l_1{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_11c3l_8{width:2.25rem;height:1.5rem}._toggle_11c3l_1 ._input_11c3l_12{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_11c3l_1 ._thumb_11c3l_23{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_11c3l_1 ._track_11c3l_37{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_11c3l_47._toggle__toggle-el-wrapper_11c3l_8 ._track_11c3l_37{border:1px solid var(--black-100);opacity:1}._toggle--checked_11c3l_51._toggle__toggle-el-wrapper_11c3l_8 ._thumb_11c3l_23{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_11c3l_51._toggle__toggle-el-wrapper_11c3l_8 ._track_11c3l_37{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_11c3l_61{font-size:.875rem;font-weight:400;color:var(--gray-75)}._toggle__toggle-el-wrapper_11c3l_8:hover:not(._toggle--focus-visible_11c3l_47,._toggle--checked_11c3l_51,._toggle--disabled_11c3l_66) ._track_11c3l_37{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_11c3l_8:hover:not(._toggle--focus-visible_11c3l_47,._toggle--checked_11c3l_51,._toggle--disabled_11c3l_66) ._thumb_11c3l_23{opacity:1}._toggle_11c3l_1:has(._toggle__toggle-el-wrapper_11c3l_8:hover:not(._toggle--focus-visible_11c3l_47,._toggle--checked_11c3l_51,._toggle--disabled_11c3l_66)) ._toggle__label_11c3l_61{color:var(--black-100)}._toggle_11c3l_1:has(._toggle--disabled_11c3l_66) ._toggle__label_11c3l_61{color:var(--gray-50)}._toggle_11c3l_1:has(._toggle--checked_11c3l_51) ._toggle__label_11c3l_61{font-weight:900;color:var(--accent)}._toggle_11c3l_1:has(._toggle--focus-visible_11c3l_47) ._toggle__label_11c3l_61{color:var(--black-100)}

package/dist/assets/global.css

@@ -1 +1 @@
-: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;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}
+: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;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}

package/dist/components/Advice/Advice.d.ts

@@ -1,13 +1,16 @@
-import { IconProps } from '../Icon/Icon';
+import { Icon } from '../Icon/Icon';
 import { ReactNode } from 'react';
 
 export type AdviceTypes = 'without-results' | 'no-permission';
 export type AdviceProps = {
-    icon?: Partial<IconProps>;
+    icon?: React.ComponentProps<typeof Icon>;
+    IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
     type?: AdviceTypes;
     content: ReactNode;
     className?: string;
     'data-testid'?: string;
 };
-declare const Advice: ({ icon, type, content, className, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
+declare const Advice: ({ icon, type, content, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
 export { Advice };

package/dist/components/Advice/Advice.js

@@ -1,25 +1,25 @@
 import '../../assets/Advice.css';
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { c as i } from "../../clsx-DB4S2d7J.js";
-import { Icon as v } from "../Icon/Icon.js";
-const y = "_advice_1yug7_1", n = "_content_1yug7_7", a = {
-  advice: y,
-  content: n
-}, l = {
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { c as y } from "../../clsx-DB4S2d7J.js";
+import { Icon as n } from "../Icon/Icon.js";
+const f = "_advice_1yug7_1", h = "_content_1yug7_7", l = {
+  advice: f,
+  content: h
+}, d = {
   "no-permission": "eye-slash",
   "without-results": "folder-magnifying-glass"
-}, _ = ({ icon: s, type: t, content: e, className: o, ...m }) => {
-  const c = {
+}, g = ({ icon: s, type: o, content: r, className: i, IconSvg: a, ...c }) => {
+  const e = {
     color: (s == null ? void 0 : s.color) || "var(--accent)",
     size: (s == null ? void 0 : s.size) || "3.375rem",
-    icon: l[t] || (s == null ? void 0 : s.icon) || "",
-    iconFamily: l[t] || s == null ? void 0 : s.iconFamily
+    icon: d[o] || (s == null ? void 0 : s.icon) || "",
+    iconFamily: d[o] ? "fa/duotone" : (s == null ? void 0 : s.iconFamily) || "fa/duotone"
   };
-  return /* @__PURE__ */ d("div", { className: i(a.advice, o), ...m, children: [
-    /* @__PURE__ */ r(v, { ...c }),
-    typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: a.content, children: e })
+  return /* @__PURE__ */ m("div", { className: y(l.advice, i), ...c, children: [
+    a ? /* @__PURE__ */ t(a, { style: { color: e.color, height: e.size, width: e.size } }) : /* @__PURE__ */ t(n, { ...e }),
+    typeof r == "string" ? /* @__PURE__ */ t("p", { children: r }) : /* @__PURE__ */ t("div", { className: l.content, children: r })
   ] });
 };
 export {
-  _ as Advice
+  g as Advice
 };