linear-react-components-ui 1.1.26-beta.6 → 1.1.26-beta.8

package/lib/dialog/wizard/useWizard.js

@@ -1,32 +1,45 @@
-import i, { useState as f } from "react";
-const l = () => {
-  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 {
-  l as useWizard
+  g as useWizard
 };

package/lib/drawer/Content.js

@@ -1,11 +1,18 @@
-import { j as o } from "../chunks/jsx-runtime.C7wFtzyj.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.C7wFtzyj.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";
@@ -25,12 +25,23 @@ import '../assets/Drawer.css';const W = ({
   isWaiting: p = !1,
   ...S
 }) => {
-  const b = { ...S, title: u }, s = f(document.createElement("div"));
+  const b = {
+    ...S,
+    title: u
+  }, s = f(document.createElement("div"));
   s.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 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(s.current), a.current = t;
-  }, T = (e) => {
+  }, k = (e) => {
     const r = document.createElement("div");
     r.className = "drawer-overlay", r.dataset.testid = "drawer-overlay", e.appendChild(r);
   }, i = (e) => {
@@ -39,7 +50,7 @@ import '../assets/Drawer.css';const W = ({
   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", i), o) {
         const y = document.getElementById(o);
@@ -48,24 +59,16 @@ import '../assets/Drawer.css';const W = ({
       t && !o && e && e.removeChild(t);
     };
   }, []), v(() => (d && document.body.addEventListener("keydown", i), () => document.body.removeEventListener("keydown", i)), [d]);
-  const $ = {
+  const T = {
     handlerClose: m,
     hideContent: P.hideContent,
     skeletonize: c
-  }, L = () => /* @__PURE__ */ n.jsx(H.Provider, { value: $, 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(M, { children: l ? /* @__PURE__ */ n.jsx(A, { children: l }) : h }),
-        g()
-      ]
-    }
-  ) }) });
-  return _.createPortal(L(), s.current);
+  }, $ = () => /* @__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.C7wFtzyj.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/dropdown/Popup.js

@@ -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",

package/lib/dropdown/withDropdown.js

@@ -1,55 +1,80 @@
-import { j as r } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { createContext as L, useState as h, useRef as x, useEffect as O } from "react";
-import R from "./Popup.js";
-import '../assets/withDropdown.css';const A = L({}), M = (o) => o.displayName || o.name || "Component", b = (o) => {
-  const u = (c) => {
-    const {
-      dropdownOpened: n,
-      showDropdown: a,
+import { j as f } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as K } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { createContext as Q, useState as V, useRef as q, useEffect as z } from "react";
+import T from "./Popup.js";
+import '../assets/withDropdown.css';const U = Q({}), X = (o) => o.displayName || o.name || "Component", oe = (o) => {
+  const A = (n) => {
+    const e = K.c(30), {
+      dropdownOpened: c,
+      showDropdown: m,
       dropdown: i,
-      closeDropdownOnClickOutside: w = !0,
-      handlerClose: p,
-      customClassForDropdown: v,
-      children: C,
-      dropdownAlign: j = "left",
-      isFloatMenu: f,
-      isDropdownOpened: P
-    } = c, [l, t] = h(n), [k, E] = h(n), s = x(null), m = x(null);
-    n !== k && (t(n), E(n));
-    const D = (e) => {
-      const { target: d } = e;
-      s?.current && d !== s?.current && !e.composedPath().includes(s.current) && m.current !== d && t(!1);
-    }, g = () => {
-      t((e) => !e);
-    }, N = (e) => !e || !l ? null : (m.current = e, /* @__PURE__ */ r.jsx(
-      R,
-      {
-        targetRef: e,
-        align: j,
-        customClassForDropdown: v,
-        isFloatMenu: f,
-        children: /* @__PURE__ */ r.jsx("div", { className: f ? "items" : void 0, ref: (d) => {
-          s.current = d;
-        }, children: C })
-      }
-    ));
-    O(() => (i && w && document.addEventListener("click", D), () => {
-      i && w && document.removeEventListener("click", D);
-    }), []), O(() => {
-      p && p(() => t(!1));
-    }, [p]);
-    const y = {
-      handleDropdownClose: g
-    }, F = {
-      getDropdownPopup: (e) => N(e),
-      showDropdown: a || (() => t(!l)),
-      isDropdownOpened: P || l
-    };
-    return i ? /* @__PURE__ */ r.jsx(A.Provider, { value: y, children: /* @__PURE__ */ r.jsx(o, { ...c, ...F }) }) : /* @__PURE__ */ r.jsx(o, { ...c });
+      closeDropdownOnClickOutside: F,
+      handlerClose: d,
+      customClassForDropdown: P,
+      children: g,
+      dropdownAlign: L,
+      isFloatMenu: p,
+      isDropdownOpened: B
+    } = n, a = F === void 0 ? !0 : F, S = L === void 0 ? "left" : L, [s, u] = V(c), [G, H] = V(c), w = q(null), $ = q(null);
+    c !== G && (u(c), H(c));
+    let h;
+    e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = (t) => {
+      const {
+        target: E
+      } = t;
+      w?.current && E !== w?.current && !t.composedPath().includes(w.current) && $.current !== E && u(!1);
+    }, e[0] = h) : h = e[0];
+    const M = h;
+    let D;
+    e[1] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
+      u(Y);
+    }, e[1] = D) : D = e[1];
+    const I = D;
+    let x;
+    e[2] !== g || e[3] !== P || e[4] !== S || e[5] !== p || e[6] !== s ? (x = (t) => !t || !s ? null : ($.current = t, /* @__PURE__ */ f.jsx(T, { targetRef: t, align: S, customClassForDropdown: P, isFloatMenu: p, children: /* @__PURE__ */ f.jsx("div", { className: p ? "items" : void 0, ref: (E) => {
+      w.current = E;
+    }, children: g }) })), e[2] = g, e[3] = P, e[4] = S, e[5] = p, e[6] = s, e[7] = x) : x = e[7];
+    const b = x;
+    let O;
+    e[8] !== a || e[9] !== i ? (O = () => (i && a && document.addEventListener("click", M), () => {
+      i && a && document.removeEventListener("click", M);
+    }), e[8] = a, e[9] = i, e[10] = O) : O = e[10];
+    let v;
+    e[11] === Symbol.for("react.memo_cache_sentinel") ? (v = [], e[11] = v) : v = e[11], z(O, v);
+    let C, _;
+    e[12] !== d ? (C = () => {
+      d && d(() => u(!1));
+    }, _ = [d], e[12] = d, e[13] = C, e[14] = _) : (C = e[13], _ = e[14]), z(C, _);
+    let j;
+    e[15] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+      handleDropdownClose: I
+    }, e[15] = j) : j = e[15];
+    const J = j;
+    let r;
+    e[16] !== b ? (r = (t) => b(t), e[16] = b, e[17] = r) : r = e[17];
+    let l;
+    e[18] !== s || e[19] !== m ? (l = m || (() => u(!s)), e[18] = s, e[19] = m, e[20] = l) : l = e[20];
+    const N = B || s;
+    let y;
+    e[21] !== r || e[22] !== l || e[23] !== N ? (y = {
+      getDropdownPopup: r,
+      showDropdown: l,
+      isDropdownOpened: N
+    }, e[21] = r, e[22] = l, e[23] = N, e[24] = y) : y = e[24];
+    const R = y;
+    if (!i) {
+      let t;
+      return e[25] !== n ? (t = /* @__PURE__ */ f.jsx(o, { ...n }), e[25] = n, e[26] = t) : t = e[26], t;
+    }
+    let k;
+    return e[27] !== R || e[28] !== n ? (k = /* @__PURE__ */ f.jsx(U.Provider, { value: J, children: /* @__PURE__ */ f.jsx(o, { ...n, ...R }) }), e[27] = R, e[28] = n, e[29] = k) : k = e[29], k;
   };
-  return u.displayName = `withDropdown(${M(o)})`, u;
+  return A.displayName = `withDropdown(${X(o)})`, A;
 };
+function Y(o) {
+  return !o;
+}
 export {
-  A as WithDropdownContext,
-  b as default
+  U as WithDropdownContext,
+  oe as default
 };

package/lib/fieldset/index.js

@@ -1,51 +1,70 @@
-import { j as e } from "../chunks/jsx-runtime.C7wFtzyj.js";
-import { useState as O, Fragment as D } from "react";
+import { j as l } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as _ } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as F, Fragment as I } from "react";
 import '../assets/gridlayout.css';import '../assets/index12.css';/* empty css                            */
-import T from "../gridlayout/GridCol.js";
-import { actionsOnPermissionDenied as b, OPTIONS_ON_DENIED as v } from "../permissionValidations.js";
-import w from "../noPermission/index.js";
-const _ = (n) => {
-  const {
-    gridCols: r,
-    children: c,
-    title: o,
-    titleAlign: d = "left",
-    style: f,
-    styleContent: u,
-    styleTitle: C,
-    template: l = "none",
-    titleCustomClass: g,
-    permissionAttr: p,
-    leftElements: h = null,
-    rightElements: j = null
-  } = n, { hideContent: x, unvisible: $ } = v, [m] = O(b([x, $], p)), N = ({ type: s, customClass: i, hasError: E }) => {
-    let t = `fieldset-component ${i}`;
-    return s && (t = `${t} -${s}`), E && (t = `${t} -witherror`), t;
-  }, y = ({ colsCount: s = 2, rowsCount: i = 2 }) => l === "rows" ? { gridTemplateRows: `repeat(${i}, 1fr)` } : l === "columns" ? { gridTemplateColumns: `repeat(${s}, 1fr)` } : {}, a = () => /* @__PURE__ */ e.jsx("fieldset", { style: f, className: N({ ...n }), children: m.hideContent ? /* @__PURE__ */ e.jsx(w, {}) : /* @__PURE__ */ e.jsxs(D, { children: [
-    o && /* @__PURE__ */ e.jsxs(
-      "legend",
-      {
-        style: C,
-        align: d,
-        className: `legend ${g}`,
-        children: [
-          h,
-          o,
-          j
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: `contentfieldset -template${l} `,
-        style: Object.assign(y(n), u),
-        children: c
-      }
-    )
-  ] }) });
-  return m.unvisible ? null : r ? /* @__PURE__ */ e.jsx(T, { cols: r, children: a() }) : a();
+import G from "../gridlayout/GridCol.js";
+import { actionsOnPermissionDenied as k, OPTIONS_ON_DENIED as q } from "../permissionValidations.js";
+import z from "../noPermission/index.js";
+const V = (s) => {
+  const t = _.c(21), {
+    gridCols: o,
+    children: i,
+    title: e,
+    titleAlign: $,
+    style: u,
+    styleContent: C,
+    styleTitle: g,
+    template: y,
+    titleCustomClass: p,
+    permissionAttr: h,
+    leftElements: N,
+    rightElements: w
+  } = s, x = $ === void 0 ? "left" : $, n = y === void 0 ? "none" : y, j = N === void 0 ? null : N, v = w === void 0 ? null : w, {
+    hideContent: T,
+    unvisible: b
+  } = q;
+  let r;
+  t[0] !== h ? (r = k([T, b], h), t[0] = h, t[1] = r) : r = t[1];
+  const [c] = F(r), A = B;
+  let m;
+  t[2] !== n ? (m = (P) => {
+    const {
+      colsCount: O,
+      rowsCount: D
+    } = P, R = O === void 0 ? 2 : O, S = D === void 0 ? 2 : D;
+    return n === "rows" ? {
+      gridTemplateRows: `repeat(${S}, 1fr)`
+    } : n === "columns" ? {
+      gridTemplateColumns: `repeat(${R}, 1fr)`
+    } : {};
+  }, t[2] = n, t[3] = m) : m = t[3];
+  const E = m;
+  let d;
+  t[4] !== i || t[5] !== E || t[6] !== j || t[7] !== c.hideContent || t[8] !== s || t[9] !== v || t[10] !== u || t[11] !== C || t[12] !== g || t[13] !== n || t[14] !== e || t[15] !== x || t[16] !== p ? (d = () => /* @__PURE__ */ l.jsx("fieldset", { style: u, className: A({
+    ...s
+  }), children: c.hideContent ? /* @__PURE__ */ l.jsx(z, {}) : /* @__PURE__ */ l.jsxs(I, { children: [
+    e && /* @__PURE__ */ l.jsxs("legend", { style: g, align: x, className: `legend ${p}`, children: [
+      j,
+      e,
+      v
+    ] }),
+    /* @__PURE__ */ l.jsx("div", { className: `contentfieldset -template${n} `, style: Object.assign(E(s), C), children: i })
+  ] }) }), t[4] = i, t[5] = E, t[6] = j, t[7] = c.hideContent, t[8] = s, t[9] = v, t[10] = u, t[11] = C, t[12] = g, t[13] = n, t[14] = e, t[15] = x, t[16] = p, t[17] = d) : d = t[17];
+  const a = d;
+  if (c.unvisible)
+    return null;
+  let f;
+  return t[18] !== o || t[19] !== a ? (f = o ? /* @__PURE__ */ l.jsx(G, { cols: o, children: a() }) : a(), t[18] = o, t[19] = a, t[20] = f) : f = t[20], f;
 };
+function B(s) {
+  const {
+    type: t,
+    customClass: o,
+    hasError: i
+  } = s;
+  let e = `fieldset-component ${o}`;
+  return t && (e = `${e} -${t}`), i && (e = `${e} -witherror`), e;
+}
 export {
-  _ as default
+  V as default
 };