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

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

@@ -1 +1 @@
-._input_hm5q2_1 *{box-sizing:border-box}._input__label_hm5q2_4{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_hm5q2_9{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_hm5q2_9{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_hm5q2_9::placeholder{color:var(--gray-50)}._input__left-icon_hm5q2_30{padding-left:1rem}._input__right-icon_hm5q2_33{padding-right:1rem}._input__messages-wrapper_hm5q2_36{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_hm5q2_36:not(:empty){margin-top:.3125rem}._input__info-message_hm5q2_44,._input__error-message_hm5q2_44{display:flex;gap:.375rem;align-items:center}._input__info-message_hm5q2_44{color:var(--gray-75)}._input__error-message_hm5q2_44{color:var(--alert)}._input__chars-counter_hm5q2_55{margin-left:auto;color:var(--gray-75)}._input--disabled_hm5q2_59 ._input__input-el_hm5q2_9{color:var(--gray-50)}._input_hm5q2_1:has(._input--disabled_hm5q2_59) ._input__label_hm5q2_4{color:var(--gray-25)}._input--focused_hm5q2_65._input__input-el-wrapper_hm5q2_9{border-color:var(--accent)}._input--error_hm5q2_68._input__input-el-wrapper_hm5q2_9{border-color:var(--alert)}._input__input-el-wrapper_hm5q2_9:hover:not(._input--disabled_hm5q2_59,._input--focused_hm5q2_65,._input--error_hm5q2_68){border-color:var(--gray-75)}
+._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

@@ -1 +1 @@
-._snackbar_1xdf2_1{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_1xdf2_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_1xdf2_14{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_1xdf2_19{display:flex;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_1xdf2_1:has(._snackbar--success_1xdf2_28) ._snackbar--content_1xdf2_19{background-color:var(--secondary-green-darker)}._snackbar_1xdf2_1:has(._snackbar--error_1xdf2_31) ._snackbar--content_1xdf2_19{background-color:var(--alert)}._snackbar_1xdf2_1:has(._snackbar--attention_1xdf2_34) ._snackbar--content_1xdf2_19{background-color:var(--secondary-orange)}._snackbar--message_1xdf2_37{text-align:start}._snackbar--message_1xdf2_37 p{font-size:1rem;font-weight:900;color:var(--white-100)}._snackbar--action_1xdf2_45{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
+._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

@@ -1 +1 @@
-._toggle_r6ihm_1{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle_r6ihm_1 *{box-sizing:border-box}._toggle__toggle-el-wrapper_r6ihm_11{width:2.25rem;height:1.5rem}._toggle_r6ihm_1 ._input_r6ihm_15{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_r6ihm_1 ._thumb_r6ihm_26{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_r6ihm_1 ._track_r6ihm_40{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_r6ihm_50._toggle__toggle-el-wrapper_r6ihm_11 ._track_r6ihm_40{border:1px solid var(--black-100);opacity:1}._toggle--checked_r6ihm_54._toggle__toggle-el-wrapper_r6ihm_11 ._thumb_r6ihm_26{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_r6ihm_54._toggle__toggle-el-wrapper_r6ihm_11 ._track_r6ihm_40{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_r6ihm_64{font-size:.875rem;font-weight:400;color:var(--gray-75)}._toggle__toggle-el-wrapper_r6ihm_11:hover:not(._toggle--focus-visible_r6ihm_50,._toggle--checked_r6ihm_54,._toggle--disabled_r6ihm_69) ._track_r6ihm_40{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_r6ihm_11:hover:not(._toggle--focus-visible_r6ihm_50,._toggle--checked_r6ihm_54,._toggle--disabled_r6ihm_69) ._thumb_r6ihm_26{opacity:1}._toggle_r6ihm_1:has(._toggle__toggle-el-wrapper_r6ihm_11:hover:not(._toggle--focus-visible_r6ihm_50,._toggle--checked_r6ihm_54,._toggle--disabled_r6ihm_69)) ._toggle__label_r6ihm_64{color:var(--black-100)}._toggle_r6ihm_1:has(._toggle--disabled_r6ihm_69) ._toggle__label_r6ihm_64{color:var(--gray-50)}._toggle_r6ihm_1:has(._toggle--checked_r6ihm_54) ._toggle__label_r6ihm_64{font-weight:900;color:var(--accent)}._toggle_r6ihm_1:has(._toggle--focus-visible_r6ihm_50) ._toggle__label_r6ihm_64{color:var(--black-100)}
+._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/Input/Input.d.ts

@@ -12,7 +12,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Right icon element */
     rightIcon?: ReactNode;
     /** Input type. Default: text */
-    type?: 'text' | 'password';
+    type?: 'text' | 'password' | 'search';
     /** Hide the chars counter. Default: false */
     hideCharsCounter?: boolean;
     /** CSS classes to be applied on the container element */