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

package/dist/components/Input/Input.js

@@ -1,25 +1,25 @@
 import '../../assets/Input.css';
-import { jsxs as H, jsx as B } from "react/jsx-runtime";
-import * as f from "react";
+import { jsxs as q, jsx as V } from "react/jsx-runtime";
+import * as m from "react";
 import { useState as pe, useId as ce } from "react";
 import { c as F } from "../../clsx-DB4S2d7J.js";
 import { Typography as L } from "../Typography/Typography.js";
-import { a as _, _ as me } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
-import { g as fe, a as _e, u as he, e as z, b as Q, i as be, P as e, c as ge, d as Ce } from "../../index-CqjC7P5Y.js";
+import { a as _, _ as fe } from "../../objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { g as me, a as _e, u as he, e as z, b as Q, i as be, P as e, c as ge, d as Ce } from "../../index-CqjC7P5Y.js";
 function ye(s) {
   let l = "https://mui.com/production-error/?code=" + s;
   for (let a = 1; a < arguments.length; a += 1)
     l += "&args[]=" + encodeURIComponent(arguments[a]);
   return "Minified MUI error #" + s + "; visit " + l + " for the full message.";
 }
-const X = /* @__PURE__ */ f.createContext(void 0);
+const X = /* @__PURE__ */ m.createContext(void 0);
 process.env.NODE_ENV !== "production" && (X.displayName = "FormControlContext");
 function we() {
-  return f.useContext(X);
+  return m.useContext(X);
 }
 const Z = "Input";
 function ve(s) {
-  return fe(Z, s);
+  return me(Z, s);
 }
 _e(Z, ["root", "formControl", "focused", "disabled", "error", "multiline", "input", "inputMultiline", "inputTypeSearch", "adornedStart", "adornedEnd"]);
 function Ne(s = {}) {
@@ -32,28 +32,28 @@ function Ne(s = {}) {
     onFocus: P,
     required: x = !1,
     value: C,
-    inputRef: V
+    inputRef: U
   } = s, n = we();
-  let E, m, y, w, g;
+  let E, f, y, w, g;
   if (n) {
-    var I, d, q;
-    if (E = void 0, m = (I = n.disabled) != null ? I : !1, y = (d = n.error) != null ? d : !1, w = (q = n.required) != null ? q : !1, g = n.value, process.env.NODE_ENV !== "production") {
+    var I, d, O;
+    if (E = void 0, f = (I = n.disabled) != null ? I : !1, y = (d = n.error) != null ? d : !1, w = (O = n.required) != null ? O : !1, g = n.value, process.env.NODE_ENV !== "production") {
       const t = ["defaultValue", "disabled", "error", "required", "value"].filter((r) => s[r] !== void 0);
       t.length > 0 && console.warn(["MUI: You have set props on an input that is inside a FormControl.", "Set these props on a FormControl instead. Otherwise they will be ignored.", `Ignored props: ${t.join(", ")}`].join(`
 `));
     }
   } else
-    E = l, m = a, y = h, w = x, g = C;
+    E = l, f = a, y = h, w = x, g = C;
   const {
-    current: U
-  } = f.useRef(g != null), M = f.useCallback((t) => {
+    current: M
+  } = m.useRef(g != null), k = m.useCallback((t) => {
     process.env.NODE_ENV !== "production" && t && t.nodeName !== "INPUT" && !t.focus && console.error(["MUI: You have provided a `slots.input` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), v = f.useRef(null), O = he(v, V, M), [N, R] = f.useState(!1);
-  f.useEffect(() => {
-    !n && m && N && (R(!1), u == null || u());
-  }, [n, m, N, u]);
-  const k = (t) => (r) => {
+  }, []), v = m.useRef(null), T = he(v, U, k), [N, R] = m.useState(!1);
+  m.useEffect(() => {
+    !n && f && N && (R(!1), u == null || u());
+  }, [n, f, N, u]);
+  const A = (t) => (r) => {
     var o;
     if (n != null && n.disabled) {
       r.stopPropagation();
@@ -64,20 +64,20 @@ function Ne(s = {}) {
       n == null || (c = n.onFocus) == null || c.call(n);
     } else
       R(!0);
-  }, A = (t) => (r) => {
+  }, D = (t) => (r) => {
     var o;
     (o = t.onBlur) == null || o.call(t, r), n && n.onBlur ? n.onBlur() : R(!1);
-  }, T = (t) => (r, ...o) => {
-    var c, j;
-    if (!U && (r.target || v.current) == null)
+  }, S = (t) => (r, ...o) => {
+    var c, H;
+    if (!M && (r.target || v.current) == null)
       throw new Error(process.env.NODE_ENV !== "production" ? "MUI: Expected valid input target. Did you use a custom `slots.input` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : ye(17));
-    n == null || (c = n.onChange) == null || c.call(n, r), (j = t.onChange) == null || j.call(t, r, ...o);
-  }, D = (t) => (r) => {
+    n == null || (c = n.onChange) == null || c.call(n, r), (H = t.onChange) == null || H.call(t, r, ...o);
+  }, j = (t) => (r) => {
     var o;
     v.current && r.currentTarget === r.target && v.current.focus(), (o = t.onClick) == null || o.call(t, r);
   };
   return {
-    disabled: m,
+    disabled: f,
     error: y,
     focused: N,
     formControlContext: n,
@@ -87,27 +87,27 @@ function Ne(s = {}) {
         onChange: b,
         onFocus: P
       }, z(t)), c = _({}, o, {
-        onBlur: A(o),
-        onChange: T(o),
-        onFocus: k(o)
+        onBlur: D(o),
+        onChange: S(o),
+        onFocus: A(o)
       });
       return _({}, c, {
         "aria-invalid": y || void 0,
         defaultValue: E,
         value: g,
         required: w,
-        disabled: m
+        disabled: f
       }, t, {
-        ref: O
+        ref: T
       }, c);
     },
     getRootProps: (t = {}) => {
       const r = z(s, ["onBlur", "onChange", "onFocus"]), o = _({}, r, z(t));
       return _({}, t, o, {
-        onClick: D(o)
+        onClick: j(o)
       });
     },
-    inputRef: O,
+    inputRef: T,
     required: w,
     value: g
   };
@@ -126,40 +126,40 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     root: ["root", l && "disabled", a && "error", h && "focused", !!u && "formControl", b && "multiline", !!P && "adornedStart", !!x && "adornedEnd"],
     input: ["input", l && "disabled", b && "multiline"]
   }, Ce(ve));
-}, ee = /* @__PURE__ */ f.forwardRef(function(l, a) {
+}, ee = /* @__PURE__ */ m.forwardRef(function(l, a) {
   var h, u, b;
   const {
     "aria-describedby": P,
     "aria-label": x,
     "aria-labelledby": C,
-    autoComplete: V,
+    autoComplete: U,
     autoFocus: n,
     className: E,
-    defaultValue: m,
+    defaultValue: f,
     disabled: y,
     endAdornment: w,
     error: g,
     id: I,
     multiline: d = !1,
-    name: q,
-    onClick: U,
-    onChange: M,
+    name: O,
+    onClick: M,
+    onChange: k,
     onKeyDown: v,
-    onKeyUp: O,
+    onKeyUp: T,
     onFocus: N,
     onBlur: R,
-    placeholder: k,
-    readOnly: A,
-    required: T,
-    startAdornment: D,
+    placeholder: A,
+    readOnly: D,
+    required: S,
+    startAdornment: j,
     value: p,
-    type: S,
+    type: B,
     rows: t,
     slotProps: r = {},
     slots: o = {},
     minRows: c,
-    maxRows: j
-  } = l, Y = me(l, Pe), {
+    maxRows: H
+  } = l, Y = fe(l, Pe), {
     getRootProps: te,
     getInputProps: ne,
     focused: oe,
@@ -168,15 +168,15 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     disabled: ae
   } = Ne({
     disabled: y,
-    defaultValue: m,
+    defaultValue: f,
     error: g,
     onBlur: R,
-    onClick: U,
-    onChange: M,
+    onClick: M,
+    onChange: k,
     onFocus: N,
-    required: T,
+    required: S,
     value: p
-  }), W = d ? void 0 : S ?? "text", $ = _({}, l, {
+  }), W = d ? void 0 : B ?? "text", $ = _({}, l, {
     disabled: ae,
     error: se,
     focused: oe,
@@ -187,14 +187,14 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
     "aria-describedby": P,
     "aria-label": x,
     "aria-labelledby": C,
-    autoComplete: V,
+    autoComplete: U,
     autoFocus: n,
     id: I,
     onKeyDown: v,
-    onKeyUp: O,
-    name: q,
-    placeholder: k,
-    readOnly: A,
+    onKeyUp: T,
+    name: O,
+    placeholder: A,
+    readOnly: D,
     type: W
   }, J = (h = o.root) != null ? h : "div", ie = Q({
     elementType: J,
@@ -214,13 +214,13 @@ const Pe = ["aria-describedby", "aria-label", "aria-labelledby", "autoComplete",
       rows: d ? t : void 0
     }, d && !be(K) && {
       minRows: t || c,
-      maxRows: t || j
+      maxRows: t || H
     }),
     ownerState: $,
     className: G.input
   });
-  return process.env.NODE_ENV !== "production" && d && t && (c || j) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ H(J, _({}, ie, {
-    children: [D, /* @__PURE__ */ B(K, _({}, ue)), w]
+  return process.env.NODE_ENV !== "production" && d && t && (c || H) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), /* @__PURE__ */ q(J, _({}, ie, {
+    children: [j, /* @__PURE__ */ V(K, _({}, ue)), w]
   }));
 });
 process.env.NODE_ENV !== "production" && (ee.propTypes = {
@@ -373,26 +373,26 @@ process.env.NODE_ENV !== "production" && (ee.propTypes = {
    */
   value: e.any
 });
-const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/solid/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+const Ee = (s) => /* @__PURE__ */ m.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/solid/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...s }, /* @__PURE__ */ f.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Re = "_input_hm5q2_1", Fe = "_input__label_hm5q2_4", i = {
-  input: Re,
-  input__label: Fe,
-  "input__input-el-wrapper": "_input__input-el-wrapper_hm5q2_9",
-  "input__input-el": "_input__input-el_hm5q2_9",
-  "input__left-icon": "_input__left-icon_hm5q2_30",
-  "input__right-icon": "_input__right-icon_hm5q2_33",
-  "input__messages-wrapper": "_input__messages-wrapper_hm5q2_36",
-  "input__info-message": "_input__info-message_hm5q2_44",
-  "input__error-message": "_input__error-message_hm5q2_44",
-  "input__chars-counter": "_input__chars-counter_hm5q2_55",
-  "input--disabled": "_input--disabled_hm5q2_59",
-  "input--focused": "_input--focused_hm5q2_65",
-  "input--error": "_input--error_hm5q2_68"
-}, Ve = ({
+}, ...s }, /* @__PURE__ */ m.createElement("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z" })), Re = "_input__label_f2das_1", Fe = "_input_f2das_1", i = {
+  input__label: Re,
+  "input__input-el-wrapper": "_input__input-el-wrapper_f2das_6",
+  "input__input-el": "_input__input-el_f2das_6",
+  "input__left-icon": "_input__left-icon_f2das_27",
+  "input__right-icon": "_input__right-icon_f2das_30",
+  "input__messages-wrapper": "_input__messages-wrapper_f2das_33",
+  "input__info-message": "_input__info-message_f2das_41",
+  "input__error-message": "_input__error-message_f2das_41",
+  "input__chars-counter": "_input__chars-counter_f2das_52",
+  "input--disabled": "_input--disabled_f2das_56",
+  input: Fe,
+  "input--focused": "_input--focused_f2das_62",
+  "input--error": "_input--error_f2das_65"
+}, Ue = ({
   label: s,
   infoMessage: l,
   errorMessage: a,
@@ -402,44 +402,44 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
   disabled: P,
   type: x = "text",
   maxLength: C,
-  hideCharsCounter: V = !1,
+  hideCharsCounter: U = !1,
   onChange: n,
   classNameWrapper: E,
-  classNameLabel: m,
+  classNameLabel: f,
   classNameInput: y,
   classNameInfoMessage: w,
   classNameErrorMessage: g,
   classNameCharsCounter: I,
   "data-testid-wrapper": d,
-  "data-testid-label": q,
-  "data-testid-input": U,
-  "data-testid-infoMessage": M,
+  "data-testid-label": O,
+  "data-testid-input": M,
+  "data-testid-infoMessage": k,
   "data-testid-errorMessage": v,
-  "data-testid-charsCounter": O,
+  "data-testid-charsCounter": T,
   ...N
 }) => {
-  const [R, k] = pe(0), A = ce(), T = b || `input_${A}`;
-  Object.assign(N, { "data-testid": U });
-  const D = (p) => {
-    var S, t;
-    k((t = (S = p == null ? void 0 : p.target) == null ? void 0 : S.value) == null ? void 0 : t.length), n && n(p);
+  const [R, A] = pe(0), D = ce(), S = b || `input_${D}`;
+  Object.assign(N, { "data-testid": M });
+  const j = (p) => {
+    var B, t;
+    A((t = (B = p == null ? void 0 : p.target) == null ? void 0 : B.value) == null ? void 0 : t.length), n && n(p);
   };
-  return /* @__PURE__ */ H("div", { className: F(i.input, E), "data-testid": d, children: [
-    s && /* @__PURE__ */ B(
+  return /* @__PURE__ */ q("div", { className: F(i.input, E), "data-testid": d, children: [
+    s && /* @__PURE__ */ V(
       L,
       {
         element: "label",
         variant: "form-label",
-        elementProps: { htmlFor: T },
-        className: F(i.input__label, m),
-        "data-testid": q,
+        elementProps: { htmlFor: S },
+        className: F(i.input__label, f),
+        "data-testid": O,
         children: s
       }
     ),
-    /* @__PURE__ */ B(
+    /* @__PURE__ */ V(
       ee,
       {
-        id: T,
+        id: S,
         type: x,
         disabled: P,
         error: !!a,
@@ -455,33 +455,33 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
           input: {
             className: F(i["input__input-el"], y),
             maxLength: C,
-            onChange: D,
+            onChange: j,
             ...N
           }
         },
-        startAdornment: h && /* @__PURE__ */ B("span", { className: i["input__left-icon"], children: h }),
-        endAdornment: u && /* @__PURE__ */ B("span", { className: i["input__right-icon"], children: u })
+        startAdornment: h && /* @__PURE__ */ V("span", { className: i["input__left-icon"], children: h }),
+        endAdornment: u && /* @__PURE__ */ V("span", { className: i["input__right-icon"], children: u })
       }
     ),
-    /* @__PURE__ */ H("div", { className: i["input__messages-wrapper"], children: [
-      (a || l) && /* @__PURE__ */ H(
+    /* @__PURE__ */ q("div", { className: i["input__messages-wrapper"], children: [
+      (a || l) && /* @__PURE__ */ q(
         L,
         {
           variant: "form-hint",
           className: a ? F(i["input__error-message"], g) : F(i["input__info-message"], w),
-          "data-testid": a ? v : M,
+          "data-testid": a ? v : k,
           children: [
-            /* @__PURE__ */ B(Ee, {}),
+            /* @__PURE__ */ V(Ee, {}),
             a || l
           ]
         }
       ),
-      C && !V && /* @__PURE__ */ H(
+      C && !U && /* @__PURE__ */ q(
         L,
         {
           variant: "form-hint",
           className: F(i["input__chars-counter"], I),
-          "data-testid": O,
+          "data-testid": T,
           children: [
             R,
             " / ",
@@ -493,5 +493,5 @@ const Ee = (s) => /* @__PURE__ */ f.createElement("svg", { xmlns: "http://www.w3
   ] });
 };
 export {
-  Ve as Input
+  Ue as Input
 };

package/dist/components/Input/Input.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
         errorMessage?: string | undefined;
         leftIcon?: import('react').ReactNode;
         rightIcon?: import('react').ReactNode;
-        type?: "text" | "password" | undefined;
+        type?: "search" | "text" | "password" | undefined;
         hideCharsCounter?: boolean | undefined;
         classNameWrapper?: string | undefined;
         classNameLabel?: string | undefined;

package/dist/components/InputSearch/InputSearch.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+
+type InputSearchProps = InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    placeholder?: string;
+    classNameWrapper?: string;
+    classNameInputSearch?: string;
+    'data-testid'?: string;
+};
+export declare const InputSearch: ({ label, placeholder, classNameWrapper, classNameInputSearch, disabled, "data-testid": dataTestId, }: InputSearchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/InputSearch/InputSearch.js

@@ -0,0 +1,29 @@
+import '../../assets/InputSearch.css';
+import { jsx as t } from "react/jsx-runtime";
+import { c as r } from "../../clsx-DB4S2d7J.js";
+import { Icon as p } from "../Icon/Icon.js";
+import { Input as m } from "../Input/Input.js";
+const u = "_inputSearch_8ayrz_1", a = {
+  inputSearch: u
+}, I = ({
+  label: n,
+  placeholder: c,
+  classNameWrapper: s,
+  classNameInputSearch: e,
+  disabled: i,
+  "data-testid": o
+}) => /* @__PURE__ */ t("div", { className: r(a.inputSearch, s), children: /* @__PURE__ */ t(
+  m,
+  {
+    label: n,
+    type: "search",
+    placeholder: c,
+    leftIcon: /* @__PURE__ */ t(p, { icon: "magnifying-glass" }),
+    "data-testid": o,
+    disabled: i,
+    classNameInput: r(a.input, e)
+  }
+) });
+export {
+  I as InputSearch
+};

package/dist/components/InputSearch/InputSearch.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ label, placeholder, classNameWrapper, classNameInputSearch, disabled, "data-testid": dataTestId, }: import('react').InputHTMLAttributes<HTMLInputElement> & {
+        label?: string | undefined;
+        placeholder?: string | undefined;
+        classNameWrapper?: string | undefined;
+        classNameInputSearch?: string | undefined;
+        'data-testid'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithLabel: Story;
+export declare const WithPlaceholder: Story;
+export declare const Disabled: Story;

package/dist/components/InputSearch/InputSearch.stories.js

@@ -0,0 +1,36 @@
+import { InputSearch as a } from "./InputSearch.js";
+const l = {
+  title: "Components/InputSearch",
+  component: a,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "padded"
+  }
+}, r = {
+  args: {}
+}, t = {
+  name: "With label",
+  args: {
+    label: "Search by name or id"
+  }
+}, o = {
+  name: "With placeholder",
+  args: {
+    label: "Search",
+    placeholder: "Search by name or id"
+  }
+}, c = {
+  args: {
+    label: "Search",
+    placeholder: "Search by name or id",
+    value: "Marola DS",
+    disabled: !0
+  }
+};
+export {
+  c as Disabled,
+  r as Simple,
+  t as WithLabel,
+  o as WithPlaceholder,
+  l as default
+};

package/dist/components/PageHeader/PageHeader.js

@@ -1,25 +1,25 @@
 import '../../assets/PageHeader.css';
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../clsx-DB4S2d7J.js";
+import { c as r } from "../../clsx-DB4S2d7J.js";
 import * as _ from "react";
-const w = (c) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+const z = (n) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",
   width: "1em",
   height: "1em"
-}, ...c }, /* @__PURE__ */ _.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), z = "_title_cz9x0_46", b = "_subtitle_cz9x0_47", e = {
-  "page-header": "_page-header_cz9x0_1",
-  "page-header__top-content": "_page-header__top-content_cz9x0_10",
-  "page-header__main-content": "_page-header__main-content_cz9x0_13",
-  "page-header__bottom-content": "_page-header__bottom-content_cz9x0_13",
-  "page-header__main-left-content": "_page-header__main-left-content_cz9x0_40",
-  title: z,
-  subtitle: b,
-  "page-header__main-right-content": "_page-header__main-right-content_cz9x0_64"
-}, y = ({
-  title: c,
+}, ...n }, /* @__PURE__ */ _.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), b = "_title_157kz_45", k = "_subtitle_157kz_46", e = {
+  "page-header": "_page-header_157kz_1",
+  "page-header__top-content": "_page-header__top-content_157kz_9",
+  "page-header__main-content": "_page-header__main-content_157kz_12",
+  "page-header__bottom-content": "_page-header__bottom-content_157kz_12",
+  "page-header__main-left-content": "_page-header__main-left-content_157kz_39",
+  title: b,
+  subtitle: k,
+  "page-header__main-right-content": "_page-header__main-right-content_157kz_63"
+}, C = ({
+  title: n,
   subtitle: d,
-  backLinkText: r,
+  backLinkText: c,
   onBackLinkClick: s,
   rightChildren: i,
   bottomChildren: o,
@@ -28,24 +28,24 @@ const w = (c) => /* @__PURE__ */ _.createElement("svg", { xmlns: "http://www.w3.
   classNameTitle: m,
   classNameSubtitle: p,
   "data-testid-wrapper": g,
-  "data-testid-backLink": x,
-  "data-testid-title": f,
-  "data-testid-subtitle": u,
-  ...v
-}) => /* @__PURE__ */ a("div", { className: n([e["page-header"], l]), "data-testid": g, ...v, children: [
-  r && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: s, className: h, "data-testid": x, children: [
-    /* @__PURE__ */ t(w, { fontSize: 16 }),
-    r
+  "data-testid-backLink": f,
+  "data-testid-title": u,
+  "data-testid-subtitle": v,
+  ...w
+}) => /* @__PURE__ */ a("div", { className: r([e["page-header"], l]), "data-testid": g, ...w, children: [
+  c && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("button", { type: "button", onClick: s, className: h, "data-testid": f, children: [
+    /* @__PURE__ */ t(z, { fontSize: 16 }),
+    c
   ] }) }),
   /* @__PURE__ */ a("div", { className: e["page-header__main-content"], children: [
     /* @__PURE__ */ a("div", { className: e["page-header__main-left-content"], children: [
-      /* @__PURE__ */ t("h1", { className: n(e.title, m), "data-testid": f, children: c }),
-      /* @__PURE__ */ t("h2", { className: n(e.subtitle, p), "data-testid": u, children: d })
+      /* @__PURE__ */ t("h1", { className: r(e.title, m), "data-testid": u, children: n }),
+      /* @__PURE__ */ t("h2", { className: r(e.subtitle, p), "data-testid": v, children: d })
     ] }),
     i && /* @__PURE__ */ t("div", { className: e["page-header__main-right-content"], children: i })
   ] }),
   o && /* @__PURE__ */ t("div", { className: e["page-header__bottom-content"], children: o })
 ] });
 export {
-  y as PageHeader
+  C as PageHeader
 };

package/dist/components/PageHeader/PageHeader.stories.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Button as r } from "../Button/Button.js";
-import { Tab as e } from "../Tabs/Tab.js";
+import { T as e } from "../../Tab-CRwnhsj5.js";
 import { TabPanel as a } from "../Tabs/TabPanel.js";
 import { Tabs as o } from "../Tabs/Tabs.js";
 import { PageHeader as l } from "./PageHeader.js";
@@ -26,7 +26,7 @@ const g = {
     ...i.args,
     rightChildren: /* @__PURE__ */ t(r, { variant: "quick", onClick: () => alert("button clicked"), children: "Click me!" })
   }
-}, p = {
+}, T = {
   name: "With bottom children",
   args: {
     ...i.args,
@@ -43,7 +43,7 @@ const g = {
 export {
   c as Simple,
   i as WithBackLink,
-  p as WithBottomChildren,
+  T as WithBottomChildren,
   u as WithRightChildren,
   g as default
 };

package/dist/components/Snackbar/Snackbar.d.ts

@@ -6,7 +6,7 @@ type SnackbarProps = InputHTMLAttributes<HTMLInputElement> & {
     classNameWrapper?: string;
     color?: 'success' | 'error' | 'attention';
     snackbarMessage: string;
-    autoHideDuration?: number | 5000;
+    autoHideDuration?: number;
     onClose?: () => void;
 };
 export declare const Snackbar: ({ snackbarMessage, color, autoHideDuration, open, onClose, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;