linear-react-components-ui 1.1.26-beta-1 → 1.1.26-beta.10

package/lib/dialog/base/Content.js

@@ -1,6 +1,15 @@
-import { j as t } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { Suspense as n } from "react";
-import '../../assets/Content.css';const d = ({ children: o, styleForContent: s, className: e = "" }) => /* @__PURE__ */ t.jsx(n, { children: /* @__PURE__ */ t.jsx("div", { id: "modal-dialog-content", className: `dialog-content ${e}`, style: s, children: o }) });
+import { j as a } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as r } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { Suspense as i } from "react";
+import '../../assets/Content.css';const f = (l) => {
+  const t = r.c(4), {
+    children: o,
+    styleForContent: e,
+    className: c
+  } = l, n = `dialog-content ${c === void 0 ? "" : c}`;
+  let s;
+  return t[0] !== o || t[1] !== e || t[2] !== n ? (s = /* @__PURE__ */ a.jsx(i, { children: /* @__PURE__ */ a.jsx("div", { id: "modal-dialog-content", className: n, style: e, children: o }) }), t[0] = o, t[1] = e, t[2] = n, t[3] = s) : s = t[3], s;
+};
 export {
-  d as default
+  f as default
 };

package/lib/dialog/base/Footer.js

@@ -1,5 +1,10 @@
-import { j as e } from "../../chunks/jsx-runtime.CYK1ROHF.js";
-const s = (o) => /* @__PURE__ */ e.jsx("div", { className: "footer", children: o.children });
+import { j as o } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as i } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+const l = (r) => {
+  const e = i.c(2);
+  let t;
+  return e[0] !== r.children ? (t = /* @__PURE__ */ o.jsx("div", { className: "footer", children: r.children }), e[0] = r.children, e[1] = t) : t = e[1], t;
+};
 export {
-  s as default
+  l as default
 };

package/lib/dialog/base/Header.js

@@ -1,7 +1,8 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
 import "react";
 import "../../icons/index.js";
-import { H as i } from "../../chunks/index.yztgndLc.js";
+import { H as a } from "../../chunks/index.aw0XaUkg.js";
 export {
-  i as default
+  a as default
 };

package/lib/dialog/base/index.js

@@ -1,9 +1,10 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
 import "react";
 import "react-dom";
-import { D as a, B as e } from "../../chunks/index.yztgndLc.js";
+import { D as e, B as f } from "../../chunks/index.aw0XaUkg.js";
 import "./Content.js";
 export {
-  a as DialogContext,
-  e as default
+  e as DialogContext,
+  f as default
 };

package/lib/dialog/form/index.js

@@ -1,6 +1,7 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
 import "react";
-import { a as F, F as d } from "../../chunks/index.yztgndLc.js";
+import { a as d, F as g } from "../../chunks/index.aw0XaUkg.js";
 import "../../buttons/button_container/index.js";
 import "../../buttons/DefaultButton.js";
 import "../../icons/index.js";
@@ -10,6 +11,6 @@ import "../base/Footer.js";
 import "../../spinner/index.js";
 import "../../form/withFormSecurity.js";
 export {
-  F as FormDialogContext,
-  d as default
+  d as FormDialogContext,
+  g as default
 };

package/lib/dialog/index.js

@@ -1,4 +1,4 @@
-import { B as a } from "../chunks/index.yztgndLc.js";
+import { B as a } from "../chunks/index.aw0XaUkg.js";
 import { default as e } from "./Alert.js";
 import { default as l } from "./Error.js";
 import { default as s } from "./Information.js";

package/lib/dialog/wizard/index.js

@@ -1,14 +1,15 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
 import "react";
-import "lodash";
-import "../../chunks/index.yztgndLc.js";
-import { b as p, W as s, a as m, b as d, u as n } from "../../chunks/index.D5f6Ow9V.js";
-import { useWizard as x } from "./useWizard.js";
+import "../../chunks/lodash.CIAK_hAg.js";
+import "../../chunks/index.aw0XaUkg.js";
+import { b as m, W as s, a as d, b as n, u } from "./progressbar.js";
+import { useWizard as W } from "./useWizard.js";
 export {
-  p as Container,
+  m as Container,
   s as Step,
-  m as WizardContext,
-  d as default,
-  x as useWizard,
-  n as useWizardContext
+  d as WizardContext,
+  n as default,
+  W as useWizard,
+  u as useWizardContext
 };

package/lib/dialog/wizard/progressbar.js

@@ -1,5 +1,98 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { P as a } from "../../chunks/index.D5f6Ow9V.js";
+import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as C } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import N, { useEffect as B } from "react";
+import { _ as F } from "../../chunks/lodash.CIAK_hAg.js";
+import { F as R } from "../../chunks/index.aw0XaUkg.js";
+import "./useWizard.js";
+import '../../assets/progressbar.css';function T(u) {
+  const t = C.c(10), {
+    customClass: l,
+    customStyle: s,
+    stepsTitle: r,
+    position: a
+  } = u, c = a === void 0 ? "top" : a, i = E();
+  if (!i)
+    throw new Error("WizardProgressbar must be used within a Wizard component");
+  const {
+    currentStep: o
+  } = i, f = `wizard-progressbar ${l}`;
+  let m;
+  if (t[0] !== o || t[1] !== r) {
+    let p;
+    t[3] !== o ? (p = (e) => /* @__PURE__ */ d.jsxs("div", { className: "title", "data-completed": e.completed, "data-disabled": e.number > o, children: [
+      /* @__PURE__ */ d.jsx("div", { className: "step", children: /* @__PURE__ */ d.jsx("span", { className: "number", children: e.number }) }),
+      /* @__PURE__ */ d.jsx("span", { className: "step-title", children: e.title })
+    ] }, e.number), t[3] = o, t[4] = p) : p = t[4], m = r.map(p), t[0] = o, t[1] = r, t[2] = m;
+  } else
+    m = t[2];
+  let n;
+  return t[5] !== s || t[6] !== c || t[7] !== f || t[8] !== m ? (n = /* @__PURE__ */ d.jsx("div", { className: f, style: s, "data-position": c, children: m }), t[5] = s, t[6] = c, t[7] = f, t[8] = m, t[9] = n) : n = t[9], n;
+}
+function H(u) {
+  const t = C.c(4), {
+    children: l,
+    customClass: s,
+    customStyle: r
+  } = u, a = s === void 0 ? "" : s;
+  if (!E())
+    throw new Error("WizardStep must be used within a Wizard component");
+  const i = `wizard-step-component ${a}`;
+  let o;
+  return t[0] !== l || t[1] !== r || t[2] !== i ? (o = /* @__PURE__ */ d.jsx("div", { className: i, style: r, children: l }), t[0] = l, t[1] = r, t[2] = i, t[3] = o) : o = t[3], o;
+}
+const P = N.createContext(null), E = () => N.useContext(P);
+function I(u) {
+  const t = C.c(34);
+  let l, s, r, a, c, i, o;
+  t[0] !== u ? ({
+    children: l,
+    controls: s,
+    showProgressbar: i,
+    customStyleForProgressBar: a,
+    customStyleForBody: r,
+    progressBarPosition: o,
+    ...c
+  } = u, t[0] = u, t[1] = l, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = i, t[7] = o) : (l = t[1], s = t[2], r = t[3], a = t[4], c = t[5], i = t[6], o = t[7]);
+  const f = i === void 0 ? !0 : i, m = o === void 0 ? "top" : o, {
+    currentStep: n,
+    setTotalSteps: p
+  } = s;
+  let e, w;
+  if (t[8] !== l || t[9] !== n) {
+    e = N.Children.toArray(l);
+    let j;
+    t[12] !== n ? (j = ($, W) => ({
+      title: String($.props.title),
+      number: W + 1,
+      completed: W < n - 1 && W !== n
+    }), t[12] = n, t[13] = j) : j = t[13], w = e.map(j), t[8] = l, t[9] = n, t[10] = e, t[11] = w;
+  } else
+    e = t[10], w = t[11];
+  const v = w, S = e[n - 1];
+  if (!s || F.isEmpty(s))
+    throw new Error("Wizard must be have controls by using useWizard hook or creating manually.");
+  let b;
+  t[14] !== p || t[15] !== e.length ? (b = () => {
+    p(e.length);
+  }, t[14] = p, t[15] = e.length, t[16] = b) : b = t[16];
+  let z;
+  t[17] !== e.length ? (z = [e.length], t[17] = e.length, t[18] = z) : z = t[18], B(b, z);
+  let h;
+  t[19] !== a || t[20] !== m || t[21] !== f || t[22] !== v ? (h = f && /* @__PURE__ */ d.jsx(T, { stepsTitle: v, customStyle: a, position: m }), t[19] = a, t[20] = m, t[21] = f, t[22] = v, t[23] = h) : h = t[23];
+  let g;
+  t[24] !== S || t[25] !== r ? (g = /* @__PURE__ */ d.jsx("div", { className: "wizard-body", style: r, children: S }), t[24] = S, t[25] = r, t[26] = g) : g = t[26];
+  let x;
+  t[27] !== c || t[28] !== h || t[29] !== g ? (x = /* @__PURE__ */ d.jsxs(R, { className: "wizard-dialog", wrapperClassName: "wizard-wrapper", contentClassName: "wizard-content", ...c, children: [
+    h,
+    g
+  ] }), t[27] = c, t[28] = h, t[29] = g, t[30] = x) : x = t[30];
+  let y;
+  return t[31] !== s || t[32] !== x ? (y = /* @__PURE__ */ d.jsx(P.Provider, { value: s, children: x }), t[31] = s, t[32] = x, t[33] = y) : y = t[33], y;
+}
 export {
-  a as Progressbar
+  T as Progressbar,
+  H as W,
+  P as a,
+  I as b,
+  E as u
 };

package/lib/dialog/wizard/step.js

@@ -1,5 +1,6 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { W as t } from "../../chunks/index.D5f6Ow9V.js";
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { W as i } from "./progressbar.js";
 export {
-  t as WizardStep
+  i as WizardStep
 };

package/lib/dialog/wizard/useWizard.js

@@ -1,32 +1,45 @@
-import i, { useState as f } from "react";
-const h = () => {
-  const [s, p] = f(0), [t, S] = i.useState(1), o = t < s, n = t > 1, e = (a) => {
-    S((u) => u + a);
-  }, r = () => {
-    o && e(1);
-  }, c = () => {
-    n && e(-1);
-  };
-  return {
-    changeStep: e,
-    nextStep: r,
-    hasNextStep: o,
-    previousStep: c,
-    hasPreviousStep: n,
-    currentStep: t,
-    totalSteps: s,
-    controls: {
-      changeStep: e,
-      nextStep: r,
-      hasNextStep: o,
-      previousStep: c,
-      hasPreviousStep: n,
-      currentStep: t,
-      totalSteps: s,
-      setTotalSteps: p
-    }
-  };
+import { c as _ } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import v, { useState as R } from "react";
+const g = () => {
+  const t = _.c(20), [n, m] = R(0), [o, u] = v.useState(1), e = o < n, s = o > 1;
+  let l;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = (x) => {
+    u((h) => h + x);
+  }, t[0] = l) : l = t[0];
+  const i = l;
+  let S;
+  t[1] !== e ? (S = () => {
+    e && i(1);
+  }, t[1] = e, t[2] = S) : S = t[2];
+  const c = S;
+  let a;
+  t[3] !== s ? (a = () => {
+    s && i(-1);
+  }, t[3] = s, t[4] = a) : a = t[4];
+  const r = a;
+  let p;
+  t[5] !== o || t[6] !== e || t[7] !== s || t[8] !== c || t[9] !== r || t[10] !== n ? (p = {
+    changeStep: i,
+    nextStep: c,
+    hasNextStep: e,
+    previousStep: r,
+    hasPreviousStep: s,
+    currentStep: o,
+    totalSteps: n,
+    setTotalSteps: m
+  }, t[5] = o, t[6] = e, t[7] = s, t[8] = c, t[9] = r, t[10] = n, t[11] = p) : p = t[11];
+  let f;
+  return t[12] !== o || t[13] !== e || t[14] !== s || t[15] !== c || t[16] !== r || t[17] !== p || t[18] !== n ? (f = {
+    changeStep: i,
+    nextStep: c,
+    hasNextStep: e,
+    previousStep: r,
+    hasPreviousStep: s,
+    currentStep: o,
+    totalSteps: n,
+    controls: p
+  }, t[12] = o, t[13] = e, t[14] = s, t[15] = c, t[16] = r, t[17] = p, t[18] = n, t[19] = f) : f = t[19], f;
 };
 export {
-  h as useWizard
+  g as useWizard
 };

package/lib/drawer/Content.js

@@ -1,11 +1,18 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as s } from "react";
-import m from "./helpers.js";
-import n from "../noPermission/index.js";
-const d = ({ children: t, style: r }) => {
-  const { hideContent: e } = s(m);
-  return e ? /* @__PURE__ */ o.jsx(n, {}) : /* @__PURE__ */ o.jsx("div", { className: "drawerbody", style: r, children: t });
+import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as c } from "react";
+import p from "./helpers.js";
+import a from "../noPermission/index.js";
+const j = (n) => {
+  const t = i.c(4), {
+    children: r,
+    style: e
+  } = n, {
+    hideContent: s
+  } = c(p);
+  let o;
+  return t[0] !== r || t[1] !== s || t[2] !== e ? (o = s ? /* @__PURE__ */ m.jsx(a, {}) : /* @__PURE__ */ m.jsx("div", { className: "drawerbody", style: e, children: r }), t[0] = r, t[1] = s, t[2] = e, t[3] = o) : o = t[3], o;
 };
 export {
-  d as default
+  j as default
 };

package/lib/drawer/Drawer.js

@@ -1,6 +1,6 @@
-import { j as n } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useRef as f, useState as R, useEffect as v, Suspense as M } from "react";
-import _ from "react-dom";
+import { j as n } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { useRef as f, useState as L, useEffect as v, Suspense as R } from "react";
+import M from "react-dom";
 import H from "./helpers.js";
 import { OPTIONS_ON_DENIED as V, actionsOnPermissionDenied as q } from "../permissionValidations.js";
 import z from "./Header.js";
@@ -9,63 +9,66 @@ import "../form/withFormSecurity.js";
 import F from "../spinner/index.js";
 import '../assets/Drawer.css';const W = ({
   position: w = "left",
-  customClass: E = "",
-  children: C,
-  style: h,
+  customClass: C = "",
+  children: h,
+  style: E,
   customClassForContent: x = "",
   targetId: o,
   closeOnEsc: d,
   overlay: D,
   permissionAttr: N,
-  skeletonize: m,
-  handlerClose: s,
+  skeletonize: c,
+  handlerClose: m,
   customClassForDrawer: j = "",
   content: l,
   title: u,
   isWaiting: p = !1,
   ...S
 }) => {
-  const b = { ...S, title: u }, i = f(document.createElement("div"));
-  i.current.className = "drawercontainer";
-  const a = f(null), { hideContent: O } = V, [P] = R(q([O], N)), B = p ? { opacity: 0.4, pointerEvent: "none", placeContent: "center" } : {}, g = () => p ? /* @__PURE__ */ n.jsx("div", { className: "waitingspinner", children: /* @__PURE__ */ n.jsx(F, { style: { width: 60 }, delayTime: 0 }) }) : null, k = (e, r) => {
+  const b = {
+    ...S,
+    title: u
+  }, s = f(document.createElement("div"));
+  s.current.className = "drawercontainer";
+  const a = f(null), {
+    hideContent: O
+  } = V, [P] = L(q([O], N)), B = p ? {
+    opacity: 0.4,
+    pointerEvent: "none",
+    placeContent: "center"
+  } : {}, _ = () => p ? /* @__PURE__ */ n.jsx("div", { className: "waitingspinner", children: /* @__PURE__ */ n.jsx(F, { style: {
+    width: 60
+  }, delayTime: 0 }) }) : null, g = (e, r) => {
     const t = document.createElement("div");
-    t.className = "drawer-component", t.id = String(r), e.appendChild(t), t.appendChild(i.current), a.current = t;
-  }, T = (e) => {
+    t.className = "drawer-component", t.id = String(r), e.appendChild(t), t.appendChild(s.current), a.current = t;
+  }, k = (e) => {
     const r = document.createElement("div");
     r.className = "drawer-overlay", r.dataset.testid = "drawer-overlay", e.appendChild(r);
-  }, c = (e) => {
-    d && e.key === "Escape" && (s == null || s(), e.stopPropagation());
+  }, i = (e) => {
+    d && e.key === "Escape" && (m?.(), e.stopPropagation());
   };
   v(() => {
     let e;
     const r = Math.round(+/* @__PURE__ */ new Date() / 1e3);
-    return o === void 0 ? e = document.getElementsByTagName("body")[0] : e = document.getElementById(o), e && k(e, r), D && !o && e && T(e), () => {
+    return o === void 0 ? e = document.getElementsByTagName("body")[0] : e = document.getElementById(o), e && g(e, r), D && !o && e && k(e), () => {
       const t = document.getElementsByClassName("drawer-overlay")[0];
-      if (d && document.body.removeEventListener("keydown", c), o) {
+      if (d && document.body.removeEventListener("keydown", i), o) {
         const y = document.getElementById(o);
         y && a.current && y.removeChild(a.current);
       } else a.current && document.body.removeChild(a.current);
       t && !o && e && e.removeChild(t);
     };
-  }, []), v(() => (d && document.body.addEventListener("keydown", c), () => document.body.removeEventListener("keydown", c)), [d]);
-  const $ = {
-    handlerClose: s,
+  }, []), v(() => (d && document.body.addEventListener("keydown", i), () => document.body.removeEventListener("keydown", i)), [d]);
+  const T = {
+    handlerClose: m,
     hideContent: P.hideContent,
-    skeletonize: m
-  }, L = () => /* @__PURE__ */ n.jsx(H.Provider, { value: $, children: /* @__PURE__ */ n.jsx("div", { "data-testid": "drawercontainer-component", className: `${w} ${E}`, style: h, children: /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      style: B,
-      "data-testid": "drawercontent",
-      className: `drawercontent ${m ? "-skeletonized" : ""} ${x}`,
-      children: [
-        u && /* @__PURE__ */ n.jsx(z, { ...b, customClass: j }),
-        /* @__PURE__ */ n.jsx(M, { children: l ? /* @__PURE__ */ n.jsx(A, { children: l }) : C }),
-        g()
-      ]
-    }
-  ) }) });
-  return _.createPortal(L(), i.current);
+    skeletonize: c
+  }, $ = () => /* @__PURE__ */ n.jsx(H.Provider, { value: T, children: /* @__PURE__ */ n.jsx("div", { "data-testid": "drawercontainer-component", className: `${w} ${C}`, style: E, children: /* @__PURE__ */ n.jsxs("div", { style: B, "data-testid": "drawercontent", className: `drawercontent ${c ? "-skeletonized" : ""} ${x}`, children: [
+    u && /* @__PURE__ */ n.jsx(z, { ...b, customClass: j }),
+    /* @__PURE__ */ n.jsx(R, { children: l ? /* @__PURE__ */ n.jsx(A, { children: l }) : h }),
+    _()
+  ] }) }) });
+  return M.createPortal($(), s.current);
 };
 export {
   W as default

package/lib/drawer/Header.js

@@ -1,43 +1,56 @@
-import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as p, Fragment as t } from "react";
-import h from "../icons/index.js";
-import N from "./helpers.js";
-const b = (r) => /* @__PURE__ */ e.jsx(
-  "span",
-  {
-    "data-testid": "header-closebutton",
-    className: "closebutton",
-    onClick: r,
-    role: "button",
-    tabIndex: 0,
-    children: /* @__PURE__ */ e.jsx(h, { name: "cancel2" })
-  }
-), o = (r, s) => r || s ? /* @__PURE__ */ e.jsx("span", { "data-testid": "icon-header", className: "icon-header", children: s || r && /* @__PURE__ */ e.jsx(h, { name: r, color: "#000", size: 24 }) }) : /* @__PURE__ */ e.jsx("noscript", {}), k = ({
-  showCloseButton: r = !0,
-  title: s,
-  subTitle: a,
-  icon: n,
-  titleIcon: d,
-  customClass: m,
-  titleContent: c,
-  subTitleContent: l,
-  titleRightContent: x
-}) => {
-  const { handlerClose: i } = p(N), u = () => c ? /* @__PURE__ */ e.jsx(t, { children: c }) : /* @__PURE__ */ e.jsxs(t, { children: [
-    n ? o(d, n) : o(d, null),
-    /* @__PURE__ */ e.jsx("h2", { className: "drawer-title", children: s }),
-    x
-  ] }), j = () => l ? /* @__PURE__ */ e.jsx(t, { children: l }) : a && /* @__PURE__ */ e.jsx("h3", { className: "drawer-subtitle", children: a }), f = () => i ? i() : void 0;
-  return /* @__PURE__ */ e.jsxs("div", { className: `drawerheader ${m}`, "data-testid": "drawerheader", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "left", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "title-subtitle", children: u() }),
-      j()
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "right", children: r && b(() => {
-      f();
-    }) })
-  ] });
+import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as I } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as $, Fragment as R } from "react";
+import E from "../icons/index.js";
+import z from "./helpers.js";
+const D = (s) => /* @__PURE__ */ t.jsx("span", { "data-testid": "header-closebutton", className: "closebutton", onClick: s, role: "button", tabIndex: 0, children: /* @__PURE__ */ t.jsx(E, { name: "cancel2" }) }), k = (s, e) => s || e ? /* @__PURE__ */ t.jsx("span", { "data-testid": "icon-header", className: "icon-header", children: e || s && /* @__PURE__ */ t.jsx(E, { name: s, color: "#000", size: 24 }) }) : /* @__PURE__ */ t.jsx("noscript", {}), G = (s) => {
+  const e = I.c(27), {
+    showCloseButton: T,
+    title: C,
+    subTitle: a,
+    icon: c,
+    titleIcon: d,
+    customClass: H,
+    titleContent: m,
+    subTitleContent: u,
+    titleRightContent: b
+  } = s, N = T === void 0 ? !0 : T, {
+    handlerClose: h
+  } = $(z);
+  let x;
+  e[0] !== c || e[1] !== C || e[2] !== m || e[3] !== d || e[4] !== b ? (x = () => m ? /* @__PURE__ */ t.jsx(R, { children: m }) : /* @__PURE__ */ t.jsxs(R, { children: [
+    c ? k(d, c) : k(d, null),
+    /* @__PURE__ */ t.jsx("h2", { className: "drawer-title", children: C }),
+    b
+  ] }), e[0] = c, e[1] = C, e[2] = m, e[3] = d, e[4] = b, e[5] = x) : x = e[5];
+  const w = x;
+  let f;
+  e[6] !== a || e[7] !== u ? (f = () => u ? /* @__PURE__ */ t.jsx(R, { children: u }) : a && /* @__PURE__ */ t.jsx("h3", { className: "drawer-subtitle", children: a }), e[6] = a, e[7] = u, e[8] = f) : f = e[8];
+  const v = f;
+  let j;
+  e[9] !== h ? (j = () => h ? h() : void 0, e[9] = h, e[10] = j) : j = e[10];
+  const g = j, B = `drawerheader ${H}`;
+  let r;
+  e[11] !== w ? (r = /* @__PURE__ */ t.jsx("div", { className: "title-subtitle", children: w() }), e[11] = w, e[12] = r) : r = e[12];
+  let l;
+  e[13] !== v ? (l = v(), e[13] = v, e[14] = l) : l = e[14];
+  let n;
+  e[15] !== r || e[16] !== l ? (n = /* @__PURE__ */ t.jsxs("div", { className: "left", children: [
+    r,
+    l
+  ] }), e[15] = r, e[16] = l, e[17] = n) : n = e[17];
+  let i;
+  e[18] !== g || e[19] !== N ? (i = N && D(() => {
+    g();
+  }), e[18] = g, e[19] = N, e[20] = i) : i = e[20];
+  let o;
+  e[21] !== i ? (o = /* @__PURE__ */ t.jsx("div", { className: "right", children: i }), e[21] = i, e[22] = o) : o = e[22];
+  let p;
+  return e[23] !== o || e[24] !== B || e[25] !== n ? (p = /* @__PURE__ */ t.jsxs("div", { className: B, "data-testid": "drawerheader", children: [
+    n,
+    o
+  ] }), e[23] = o, e[24] = B, e[25] = n, e[26] = p) : p = e[26], p;
 };
 export {
-  k as default
+  G as default
 };

package/lib/drawer/helpers.js

@@ -1,5 +1,5 @@
 import t from "react";
-const a = t.createContext({});
+const o = t.createContext({});
 export {
-  a as default
+  o as default
 };

package/lib/dropdown/Popup.js

@@ -1,6 +1,6 @@
 import { useRef as w, useEffect as x } from "react";
 import P from "react-dom";
-import { v } from "../chunks/v1.CDXKvGzE.js";
+import { v } from "../chunks/v1.Ds1rkxUj.js";
 const y = ({
   align: s,
   isFloatMenu: r,
@@ -17,7 +17,9 @@ const y = ({
   }
   let l = `top: ${n}px; min-width: ${c}px;`;
   return o && (l += `max-height: ${t}px; overflow-y: scroll;`), s === "left" ? l += `left: ${p}px;` : s === "right" && (l += `right: ${a}px;`), l;
-}, { body: g } = document, D = ({
+}, {
+  body: g
+} = document, D = ({
   id: s,
   customClassForDropdown: r = "",
   align: c = "left",