@isettingkit/business-rules 0.1.38 → 0.1.39

package/dist/index.es.js

@@ -6,8 +6,8 @@ import oe, { createContext as Vt, forwardRef as ht, useContext as ee, useState a
 import { createPortal as jt } from "react-dom";
 import { inube as te } from "@inubekit/foundations";
 import { useFormik as Ht } from "formik";
-import { mixed as gt, object as ye, number as Be, string as Ue, lazy as Ze, date as et } from "yup";
-import { DecisionViewConditionRenderer as me } from "@isettingkit/view";
+import { mixed as gt, object as ke, number as Be, string as Ue, lazy as Ze, date as et } from "yup";
+import { DecisionViewConditionRenderer as fe } from "@isettingkit/view";
 import { MdOutlineDelete as _t, MdClear as Ut, MdAdd as Mt } from "react-icons/md";
 /**
  * @remix-run/router v1.23.0
@@ -37,7 +37,7 @@ function z(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
 }
-function ve(e, t) {
+function ge(e, t) {
   if (!e) {
     typeof console < "u" && console.warn(t);
     try {
@@ -96,7 +96,7 @@ function ot(e, t) {
   };
 }
 function qt(e, t, l) {
-  t === void 0 && (t = !1), l === void 0 && (l = !0), ve(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
+  t === void 0 && (t = !1), l === void 0 && (l = !0), ge(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
   let o = [], n = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (i, d, c) => (o.push({
     paramName: d,
     isOptional: c != null
@@ -220,7 +220,7 @@ function el(e, t) {
     hash: a,
     pathname: i,
     search: d
-  } = be(e, {
+  } = me(e, {
     relative: l
   }), c = i;
   return o !== "/" && (c = i === "/" ? o : Me([o, i])), n.createHref({
@@ -232,7 +232,7 @@ function el(e, t) {
 function Ge() {
   return k.useContext(qe) != null;
 }
-function ge() {
+function be() {
   return Ge() || (process.env.NODE_ENV !== "production" ? z(
     !1,
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -265,11 +265,11 @@ function ll() {
     matches: n
   } = k.useContext(ue), {
     pathname: a
-  } = ge(), i = JSON.stringify(mt(n, l.v7_relativeSplatPath)), d = k.useRef(!1);
+  } = be(), i = JSON.stringify(mt(n, l.v7_relativeSplatPath)), d = k.useRef(!1);
   return kt(() => {
     d.current = !0;
   }), k.useCallback(function(u, h) {
-    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ve(d.current, yt), !d.current) return;
+    if (h === void 0 && (h = {}), process.env.NODE_ENV !== "production" && ge(d.current, yt), !d.current) return;
     if (typeof u == "number") {
       o.go(u);
       return;
@@ -278,7 +278,7 @@ function ll() {
     e == null && t !== "/" && (p.pathname = p.pathname === "/" ? t : Me([t, p.pathname])), (h.replace ? o.replace : o.push)(p, h.state, h);
   }, [t, o, i, a, e]);
 }
-function be(e, t) {
+function me(e, t) {
   let {
     relative: l
   } = t === void 0 ? {} : t, {
@@ -287,7 +287,7 @@ function be(e, t) {
     matches: n
   } = k.useContext(ue), {
     pathname: a
-  } = ge(), i = JSON.stringify(mt(n, o.v7_relativeSplatPath));
+  } = be(), i = JSON.stringify(mt(n, o.v7_relativeSplatPath));
   return k.useMemo(() => ft(e, JSON.parse(i), a, l === "path"), [e, i, a, l]);
 }
 var wt = /* @__PURE__ */ function(e) {
@@ -320,7 +320,7 @@ function al() {
   return kt(() => {
     l.current = !0;
   }), k.useCallback(function(n, a) {
-    a === void 0 && (a = {}), process.env.NODE_ENV !== "production" && ve(l.current, yt), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, je({
+    a === void 0 && (a = {}), process.env.NODE_ENV !== "production" && ge(l.current, yt), l.current && (typeof n == "number" ? e.navigate(n) : e.navigate(n, je({
       fromRouteId: t
     }, a)));
   }, [e, t]);
@@ -354,7 +354,7 @@ function We(e, t) {
     n = o[a], !(t.indexOf(n) >= 0) && (l[n] = e[n]);
   return l;
 }
-const ke = "get", we = "application/x-www-form-urlencoded";
+const we = "get", Ne = "application/x-www-form-urlencoded";
 function Ae(e) {
   return e != null && typeof e.tagName == "string";
 }
@@ -375,35 +375,35 @@ function sl(e, t) {
   (!t || t === "_self") && // Let browser handle "target=_blank" etc.
   !cl(e);
 }
-let fe = null;
+let xe = null;
 function pl() {
-  if (fe === null)
+  if (xe === null)
     try {
       new FormData(
         document.createElement("form"),
         // @ts-expect-error if FormData supports the submitter parameter, this will throw
         0
-      ), fe = !1;
+      ), xe = !1;
     } catch {
-      fe = !0;
+      xe = !0;
     }
-  return fe;
+  return xe;
 }
 const hl = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
 function Oe(e) {
-  return e != null && !hl.has(e) ? (process.env.NODE_ENV !== "production" && ve(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + we + '"')), null) : e;
+  return e != null && !hl.has(e) ? (process.env.NODE_ENV !== "production" && ge(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + Ne + '"')), null) : e;
 }
 function vl(e, t) {
   let l, o, n, a, i;
   if (dl(e)) {
     let d = e.getAttribute("action");
-    o = d ? ae(d, t) : null, l = e.getAttribute("method") || ke, n = Oe(e.getAttribute("enctype")) || we, a = new FormData(e);
+    o = d ? ae(d, t) : null, l = e.getAttribute("method") || we, n = Oe(e.getAttribute("enctype")) || Ne, a = new FormData(e);
   } else if (il(e) || ul(e) && (e.type === "submit" || e.type === "image")) {
     let d = e.form;
     if (d == null)
       throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
     let c = e.getAttribute("formaction") || d.getAttribute("action");
-    if (o = c ? ae(c, t) : null, l = e.getAttribute("formmethod") || d.getAttribute("method") || ke, n = Oe(e.getAttribute("formenctype")) || Oe(d.getAttribute("enctype")) || we, a = new FormData(d, e), !pl()) {
+    if (o = c ? ae(c, t) : null, l = e.getAttribute("formmethod") || d.getAttribute("method") || we, n = Oe(e.getAttribute("formenctype")) || Oe(d.getAttribute("enctype")) || Ne, a = new FormData(d, e), !pl()) {
       let {
         name: u,
         type: h,
@@ -417,7 +417,7 @@ function vl(e, t) {
   } else {
     if (Ae(e))
       throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
-    l = ke, o = null, n = we, i = e;
+    l = we, o = null, n = Ne, i = e;
   }
   return a && n === "text/plain" && (i = a, a = void 0), {
     action: o,
@@ -458,7 +458,7 @@ const $l = typeof window < "u" && typeof window.document < "u" && typeof window.
       let C = new URL(window.location.href), E = u.startsWith("//") ? new URL(C.protocol + u) : new URL(u), R = ae(E.pathname, m);
       E.origin === C.origin && R != null ? u = R + E.search + E.hash : f = !0;
     } catch {
-      process.env.NODE_ENV !== "production" && ve(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+      process.env.NODE_ENV !== "production" && ge(!1, '<Link to="' + u + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
     }
   let x = el(u, {
     relative: n
@@ -494,9 +494,9 @@ const kl = /* @__PURE__ */ k.forwardRef(function(t, l) {
     to: c,
     viewTransition: u,
     children: h
-  } = t, p = We(t, bl), g = be(c, {
+  } = t, p = We(t, bl), g = me(c, {
     relative: p.relative
-  }), m = ge(), b = k.useContext($t), {
+  }), m = be(), b = k.useContext($t), {
     navigator: f,
     basename: x
   } = k.useContext(G), y = b != null && // Conditional usage is OK here because the usage of a data router is static
@@ -528,7 +528,7 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
     reloadDocument: n,
     replace: a,
     state: i,
-    method: d = ke,
+    method: d = we,
     action: c,
     onSubmit: u,
     relative: h,
@@ -560,10 +560,10 @@ const wl = /* @__PURE__ */ k.forwardRef((e, t) => {
 });
 process.env.NODE_ENV !== "production" && (wl.displayName = "Form");
 process.env.NODE_ENV;
-var Ne;
+var Ce;
 (function(e) {
   e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
-})(Ne || (Ne = {}));
+})(Ce || (Ce = {}));
 var rt;
 (function(e) {
   e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
@@ -583,7 +583,7 @@ function Cl(e, t) {
     preventScrollReset: a,
     relative: i,
     viewTransition: d
-  } = t === void 0 ? {} : t, c = tl(), u = ge(), h = be(e, {
+  } = t === void 0 ? {} : t, c = tl(), u = be(), h = me(e, {
     relative: i
   });
   return k.useCallback((p) => {
@@ -608,7 +608,7 @@ let Tl = 0, Sl = () => "__" + String(++Tl) + "__";
 function zl() {
   let {
     router: e
-  } = Tt(Ne.UseSubmit), {
+  } = Tt(Ce.UseSubmit), {
     basename: t
   } = k.useContext(G), l = nl();
   return k.useCallback(function(o, n) {
@@ -652,9 +652,9 @@ function Al(e, t) {
     basename: o
   } = k.useContext(G), n = k.useContext(ue);
   n || (process.env.NODE_ENV !== "production" ? z(!1, "useFormAction must be used inside a RouteContext") : z(!1));
-  let [a] = n.matches.slice(-1), i = ie({}, be(e || ".", {
+  let [a] = n.matches.slice(-1), i = ie({}, me(e || ".", {
     relative: l
-  })), d = ge();
+  })), d = be();
   if (e == null) {
     i.search = d.search;
     let c = new URLSearchParams(i.search), u = c.getAll("index");
@@ -672,7 +672,7 @@ function Dl(e, t) {
   l == null && (process.env.NODE_ENV !== "production" ? z(!1, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : z(!1));
   let {
     basename: o
-  } = Tt(Ne.useViewTransitionState), n = be(e, {
+  } = Tt(Ce.useViewTransitionState), n = me(e, {
     relative: t.relative
   });
   if (!l.isTransitioning)
@@ -1304,15 +1304,15 @@ function Il(e, t) {
     }
   return l;
 }
-function Ce() {
-  return Ce = Object.assign ? Object.assign.bind() : function(e) {
+function Ee() {
+  return Ee = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var l = arguments[t];
       for (var o in l)
         Object.prototype.hasOwnProperty.call(l, o) && (e[o] = l[o]);
     }
     return e;
-  }, Ce.apply(this, arguments);
+  }, Ee.apply(this, arguments);
 }
 function at(e, t) {
   var l = Object.keys(e);
@@ -1324,7 +1324,7 @@ function at(e, t) {
   }
   return l;
 }
-function Ee(e) {
+function Te(e) {
   for (var t = 1; t < arguments.length; t++) {
     var l = arguments[t] != null ? arguments[t] : {};
     t % 2 ? at(Object(l), !0).forEach(function(o) {
@@ -1353,13 +1353,13 @@ function Hl(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function zt(e) {
-  return e && e.map((t, l) => /* @__PURE__ */ oe.createElement(t.tag, Ee({
+  return e && e.map((t, l) => /* @__PURE__ */ oe.createElement(t.tag, Te({
     key: l
   }, t.attr), zt(t.child)));
 }
 function W(e) {
-  return (t) => /* @__PURE__ */ oe.createElement(_l, Ce({
-    attr: Ee({}, e.attr)
+  return (t) => /* @__PURE__ */ oe.createElement(_l, Ee({
+    attr: Te({}, e.attr)
   }, t), zt(e.child));
 }
 function _l(e) {
@@ -1369,13 +1369,13 @@ function _l(e) {
       size: n,
       title: a
     } = e, i = Bl(e, Pl), d = n || l.size || "1em", c;
-    return l.className && (c = l.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ oe.createElement("svg", Ce({
+    return l.className && (c = l.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ oe.createElement("svg", Ee({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, l.attr, o, i, {
       className: c,
-      style: Ee(Ee({
+      style: Te(Te({
         color: e.color || l.color
       }, l.style), e.style),
       height: d,
@@ -1516,7 +1516,7 @@ const Zl = v.div`
       children: f
     }
   );
-}, Te = (e) => {
+}, ve = (e) => {
   const [t, l] = J(!1), o = (n) => l(n.matches);
   return vt(() => {
     const n = window.matchMedia(e);
@@ -1776,9 +1776,9 @@ const oo = {
   z-index: 1;
   overflow-y: auto;
 `, no = (e) => {
-  const { children: t } = e, l = Te("(max-width: 580px)");
+  const { children: t } = e, l = ve("(max-width: 580px)");
   return /* @__PURE__ */ s(ro, { $isSmallScreen: !l, children: /* @__PURE__ */ s(T, { alignItems: "center", justifyContent: "center", children: t }) });
-}, xe = {
+}, $e = {
   primary: {
     solid: {
       spin: {
@@ -1949,11 +1949,11 @@ const oo = {
   border: solid 4px;
   border-color: ${({ theme: e, $transparent: t, $appearance: l }) => {
   var o, n, a, i, d, c, u, h;
-  return t === !0 ? ((i = (a = (n = (o = e == null ? void 0 : e.spinner) == null ? void 0 : o[l]) == null ? void 0 : n.transparent) == null ? void 0 : a.track) == null ? void 0 : i.color) || xe[l].transparent.track.color : ((h = (u = (c = (d = e == null ? void 0 : e.spinner) == null ? void 0 : d[l]) == null ? void 0 : c.solid) == null ? void 0 : u.track) == null ? void 0 : h.color) || xe[l].solid.track.color;
+  return t === !0 ? ((i = (a = (n = (o = e == null ? void 0 : e.spinner) == null ? void 0 : o[l]) == null ? void 0 : n.transparent) == null ? void 0 : a.track) == null ? void 0 : i.color) || $e[l].transparent.track.color : ((h = (u = (c = (d = e == null ? void 0 : e.spinner) == null ? void 0 : d[l]) == null ? void 0 : c.solid) == null ? void 0 : u.track) == null ? void 0 : h.color) || $e[l].solid.track.color;
 }};
   border-bottom-color: ${({ $appearance: e, $transparent: t, theme: l }) => {
   var o, n, a, i, d, c, u, h, p, g, m, b;
-  return t === !0 ? ((i = (a = (n = (o = l == null ? void 0 : l.spinner) == null ? void 0 : o[e]) == null ? void 0 : n.transparent) == null ? void 0 : a.spin) == null ? void 0 : i.color) || ((c = (d = xe[e].transparent) == null ? void 0 : d.spin) == null ? void 0 : c.color) : ((g = (p = (h = (u = l == null ? void 0 : l.spinner) == null ? void 0 : u[e]) == null ? void 0 : h.solid) == null ? void 0 : p.spin) == null ? void 0 : g.color) || ((b = (m = xe[e].solid) == null ? void 0 : m.spin) == null ? void 0 : b.color);
+  return t === !0 ? ((i = (a = (n = (o = l == null ? void 0 : l.spinner) == null ? void 0 : o[e]) == null ? void 0 : n.transparent) == null ? void 0 : a.spin) == null ? void 0 : i.color) || ((c = (d = $e[e].transparent) == null ? void 0 : d.spin) == null ? void 0 : c.color) : ((g = (p = (h = (u = l == null ? void 0 : l.spinner) == null ? void 0 : u[e]) == null ? void 0 : h.solid) == null ? void 0 : p.spin) == null ? void 0 : g.color) || ((b = (m = $e[e].solid) == null ? void 0 : m.spin) == null ? void 0 : b.color);
 }};
   border-radius: 50%;
   ${({ $size: e }) => e && ao[e]}
@@ -3368,16 +3368,16 @@ v.th`
   }
 `;
 v.thead``;
-const $e = (e, t) => {
+const ye = (e, t) => {
   var l, o;
   const n = ((o = (l = t == null ? void 0 : t.table) == null ? void 0 : l.border) == null ? void 0 : o.color) || M.border.color;
   return `1px ${e ? "dashed" : "solid"} ${n}`;
 };
 v.tr`
-  border-top: ${({ $border: e, $borderDashed: t, theme: l }) => e === "top" || e === "complete" ? $e(t, l) : "none"};
-  border-bottom: ${({ $border: e, $borderDashed: t, theme: l }) => e === "bottom" || e === "complete" ? $e(t, l) : "none"};
-  border-left: ${({ $border: e, $borderDashed: t, theme: l }) => e === "left" || e === "complete" ? $e(t, l) : "none"};
-  border-right: ${({ $border: e, $borderDashed: t, theme: l }) => e === "right" || e === "complete" ? $e(t, l) : "none"};
+  border-top: ${({ $border: e, $borderDashed: t, theme: l }) => e === "top" || e === "complete" ? ye(t, l) : "none"};
+  border-bottom: ${({ $border: e, $borderDashed: t, theme: l }) => e === "bottom" || e === "complete" ? ye(t, l) : "none"};
+  border-left: ${({ $border: e, $borderDashed: t, theme: l }) => e === "left" || e === "complete" ? ye(t, l) : "none"};
+  border-right: ${({ $border: e, $borderDashed: t, theme: l }) => e === "right" || e === "complete" ? ye(t, l) : "none"};
   height: 48px;
   background-color: ${({ $zebra: e, theme: t }) => {
   var l, o, n, a, i, d;
@@ -4526,7 +4526,7 @@ const Xo = (e) => {
     y(S.target.value), t(S);
   }, F = (S) => {
     C(S.target.value), l(S);
-  }, A = Te("(max-width: 400px)");
+  }, A = ve("(max-width: 400px)");
   return /* @__PURE__ */ w(he, { children: [
     /* @__PURE__ */ w(T, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
       /* @__PURE__ */ s(
@@ -4668,7 +4668,7 @@ const Xo = (e) => {
 }), tr = (e) => {
   const t = (e == null ? void 0 : e.from) ?? 0, l = (e == null ? void 0 : e.to) ?? 0;
   return {
-    schema: ye({
+    schema: ke({
       from: Be().required("Range From is required").max(l, "'Range From' cannot be greater than 'Range To'").min(0, "'Range From' cannot be less than 0"),
       to: Be().min(0, "To value must be greater than or equal to 0").required("To value is required").test(
         "is-greater",
@@ -4713,7 +4713,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
     toggleNone: !0,
     conditionThatEstablishesTheDecision: {},
     checkClosed: !1
-  }, o = ye({
+  }, o = ke({
     ruleName: Ue().required("Name is required"),
     effectiveFrom: et().required("effective From date is required"),
     validUntil: et().when(
@@ -4733,7 +4733,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
     ).schema),
     conditionThatEstablishesTheDecision: Ze((i, { parent: d }) => {
       var h;
-      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionThatEstablishesTheDecision || {}).length > 0) return ye().shape({});
+      if ((d == null ? void 0 : d.toggleNone) && Object.keys(d.conditionThatEstablishesTheDecision || {}).length > 0) return ke().shape({});
       const u = (h = e.conditionThatEstablishesTheDecision) == null ? void 0 : h.reduce(
         (p, g) => {
           if (n.values.conditionThatEstablishesTheDecision[g.conditionName] !== void 0) {
@@ -4747,7 +4747,7 @@ function rr({ decision: e, onSubmitEvent: t }) {
         },
         {}
       );
-      return ye(u).test(
+      return ke(u).test(
         "at-least-one-condition",
         "It must be at least one condition in order for the decision to be validated correctly.",
         (p) => p ? Object.values(p).some(
@@ -4956,7 +4956,7 @@ const Ot = (e) => {
   };
   return !l && t && o ? /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
     t && /* @__PURE__ */ s(T, { direction: "column", alignItems: "center", children: /* @__PURE__ */ s(
-      me,
+      fe,
       {
         element: n,
         valueData: pe(n),
@@ -4984,7 +4984,7 @@ const Ot = (e) => {
             }
           ),
           t.conditionThatEstablishesTheDecision && t.conditionThatEstablishesTheDecision.map((a) => a.hidden ? null : /* @__PURE__ */ s(st, { children: /* @__PURE__ */ s(T, { direction: "column", padding: "8px", children: /* @__PURE__ */ s(
-            me,
+            fe,
             {
               element: {
                 ...a,
@@ -4996,7 +4996,7 @@ const Ot = (e) => {
           /* @__PURE__ */ s(re, { dashed: !0 }),
           /* @__PURE__ */ w(T, { direction: "column", gap: "12px", children: [
             (t == null ? void 0 : t.effectiveFrom) && (t == null ? void 0 : t.validUntil) && /* @__PURE__ */ s(
-              me,
+              fe,
               {
                 element: {
                   labelName: o.terms,
@@ -5018,7 +5018,7 @@ const Ot = (e) => {
               o.terms
             ),
             (t == null ? void 0 : t.effectiveFrom) && !(t != null && t.validUntil) && /* @__PURE__ */ s(
-              me,
+              fe,
               {
                 element: {
                   labelName: o.terms,
@@ -5135,7 +5135,7 @@ const Ke = (e) => {
 }};
   max-width: 450px;
   max-height: 90vh;
-  overflow-y: hidden;
+  overflow-y: ${({ smallScreen: e }) => e ? "hidden" : "auto"};
   border-radius: 8px;
   transition: overflow-y 0.3s ease-in-out;
   & > div {
@@ -5165,8 +5165,9 @@ const Ke = (e) => {
     throw new Error(
       "The portal node is not defined. This can occur when the specific node used to render the portal has not been defined correctly."
     );
+  const i = ve("(max-width: 400px)");
   return jt(
-    /* @__PURE__ */ s(gr, { children: /* @__PURE__ */ s(no, { children: /* @__PURE__ */ s(br, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ s(gr, { smallScreen: i, children: /* @__PURE__ */ s(no, { children: /* @__PURE__ */ s(br, { children: /* @__PURE__ */ w(T, { direction: "column", gap: "24px", children: [
       /* @__PURE__ */ s(T, { direction: "column", gap: "24px", children: /* @__PURE__ */ w(T, { alignItems: "center", justifyContent: "space-between", children: [
         /* @__PURE__ */ s(D, { type: "title", size: "large", appearance: "dark", weight: "bold", children: n }),
         /* @__PURE__ */ s(Ut, { size: "24px", cursor: "pointer", onClick: o })
@@ -5371,7 +5372,7 @@ const Br = (e) => {
     handleCloseModal: p,
     handleSubmitForm: g,
     handleDelete: m
-  } = e, b = Te("(max-width: 681px)"), f = Te("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
+  } = e, b = ve("(max-width: 681px)"), f = ve("(max-width: 400px)"), { renderedCards: x, shouldRenderAddCard: y } = Er({
     controls: t,
     customTitleContentAddCard: l,
     decisions: n,

package/package.json

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.38",
+  "version": "0.1.39",
   "type": "module",
   "exports": {
     ".": {