nectiasw 0.0.75 → 0.0.76

package/dist/index.es.js

@@ -986,7 +986,7 @@ function clsx$1() {
   for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r$1(e)) && (n && (n += " "), n += t);
   return n;
 }
-const classes$p = (props) => clsx$1(
+const classes$q = (props) => clsx$1(
   (props == null ? void 0 : props.fullWidth) && `w-full`,
   (props == null ? void 0 : props.fullHeight) && `h-full`,
   (props == null ? void 0 : props.container) && `container`,
@@ -1063,7 +1063,7 @@ const classes$p = (props) => clsx$1(
   props == null ? void 0 : props.className
 );
 const hoverFn = (props) => {
-  const classNames2 = classes$p(props).split(" ");
+  const classNames2 = classes$q(props).split(" ");
   return classNames2.map((key) => `hover:${key}`).join(" ");
 };
 const Box = React__default.memo((props) => {
@@ -1146,7 +1146,7 @@ const Box = React__default.memo((props) => {
     ...args
   } = props;
   const classNames2 = React__default.useMemo(
-    () => classes$p({
+    () => classes$q({
       blur,
       clear,
       color: color2,
@@ -12354,7 +12354,7 @@ function createTypedChart(type, registerables) {
   })));
 }
 const Doughnut = /* @__PURE__ */ createTypedChart("doughnut", DoughnutController);
-const classes$o = {
+const classes$p = {
   label: "text-xl font-bold text-primary",
   flex: "flex justify-between items-center",
   center: "flex justify-center items-center"
@@ -12499,7 +12499,7 @@ const Chart = React__default.memo(
             disabled && "opacity-50",
             "flex justify-center items-center text-center"
           ),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: classes$o.label, children: label })
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: classes$p.label, children: label })
         }
       )
     ] });
@@ -17675,7 +17675,7 @@ function _slicedToArray$4(arr, i) {
   return _arrayWithHoles$4(arr) || _iterableToArrayLimit$4(arr, i) || _unsupportedIterableToArray$4(arr, i) || _nonIterableRest$4();
 }
 var styles$2 = "\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
-var classes$n = {
+var classes$o = {
   root: "p-ink"
 };
 var RippleBase = ComponentBase.extend({
@@ -17685,7 +17685,7 @@ var RippleBase = ComponentBase.extend({
   },
   css: {
     styles: styles$2,
-    classes: classes$n
+    classes: classes$o
   },
   getProps: function getProps4(props) {
     return ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
@@ -18063,7 +18063,7 @@ function _objectSpread$1$1(e) {
   }
   return e;
 }
-var classes$m = {
+var classes$n = {
   closeButtonIcon: "p-dialog-header-close-icon",
   closeButton: "p-dialog-header-icon p-dialog-header-close p-link",
   maximizableIcon: "p-dialog-header-maximize-icon",
@@ -18181,7 +18181,7 @@ var DialogBase = ComponentBase.extend({
     children: void 0
   },
   css: {
-    classes: classes$m,
+    classes: classes$n,
     styles,
     inlineStyles
   }
@@ -18840,7 +18840,7 @@ const Modal = ({
     }
   );
 };
-const classes$l = {
+const classes$m = {
   container: {
     root: "flex items-center relative ",
     label: "ml-2 text-sm font-medium text-gray-900 dark:text-gray-300",
@@ -19157,7 +19157,7 @@ const Checkbox = ({
     onChange2 == null ? void 0 : onChange2(!checked);
   };
   if (filter2) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$l.container.root, className && className, hidden && "collapse"), children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$m.container.root, className && className, hidden && "collapse"), children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         StyledCheckbox,
         {
@@ -19166,14 +19166,14 @@ const Checkbox = ({
           checked: filter2,
           disabled,
           onClick: handleClick,
-          className: clsx$1(classes$l.container.input, hidden && "collapse")
+          className: clsx$1(classes$m.container.input, hidden && "collapse")
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxIconFilter, { top, right, left, status: filter2, onClick: handleClick }),
-      label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: clsx$1(classes$l.container.label, hidden && "collapse"), children: label })
+      label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: clsx$1(classes$m.container.label, hidden && "collapse"), children: label })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$l.container.root, className && className, hidden && "collapse"), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$m.container.root, className && className, hidden && "collapse"), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       StyledCheckbox,
       {
@@ -19182,14 +19182,14 @@ const Checkbox = ({
         checked,
         disabled,
         onClick: handleClick,
-        className: clsx$1(classes$l.container.input, hidden && "collapse")
+        className: clsx$1(classes$m.container.input, hidden && "collapse")
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CheckboxIcon, { top, right, left, status: checked, onClick: handleClick }),
-    label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: clsx$1(classes$l.container.label, hidden && "collapse"), children: label })
+    label && /* @__PURE__ */ jsxRuntimeExports.jsx("label", { htmlFor: id, className: clsx$1(classes$m.container.label, hidden && "collapse"), children: label })
   ] });
 };
-const classes$k = {
+const classes$l = {
   container: {
     root: "relative inline-block text-left",
     circle: "text-secondary rounded-full border-secondary border-[1px]",
@@ -19244,13 +19244,13 @@ const Dropdown$1 = React__default.memo(
     );
     const refStyles = React__default.useMemo(() => {
       const kind = {
-        top: classes$k.options.top,
-        left: classes$k.options.left,
-        right: classes$k.options.right,
-        bottom: classes$k.options.bottom
+        top: classes$l.options.top,
+        left: classes$l.options.left,
+        right: classes$l.options.right,
+        bottom: classes$l.options.bottom
       };
       const key = orientation2;
-      return clsx$1(kind[key], (styles2 == null ? void 0 : styles2.items) ?? classes$k.options.items);
+      return clsx$1(kind[key], (styles2 == null ? void 0 : styles2.items) ?? classes$l.options.items);
     }, [orientation2, styles2 == null ? void 0 : styles2.items]);
     const JSXOrientation = React__default.useMemo(() => {
       switch (orientation2) {
@@ -19258,7 +19258,7 @@ const Dropdown$1 = React__default.memo(
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             ForwardRef$m,
             {
-              className: classes$k.container.chevron,
+              className: classes$l.container.chevron,
               "aria-hidden": "true"
             }
           );
@@ -19266,7 +19266,7 @@ const Dropdown$1 = React__default.memo(
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             ForwardRef$o,
             {
-              className: classes$k.container.chevron,
+              className: classes$l.container.chevron,
               "aria-hidden": "true"
             }
           );
@@ -19274,7 +19274,7 @@ const Dropdown$1 = React__default.memo(
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             ForwardRef$n,
             {
-              className: classes$k.container.chevron,
+              className: classes$l.container.chevron,
               "aria-hidden": "true"
             }
           );
@@ -19282,26 +19282,26 @@ const Dropdown$1 = React__default.memo(
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             ForwardRef$p,
             {
-              className: classes$k.container.chevron,
+              className: classes$l.container.chevron,
               "aria-hidden": "true"
             }
           );
       }
     }, [orientation2]);
     if (icon) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$2, { as: "div", className: (styles2 == null ? void 0 : styles2.root) ?? classes$k.container.root, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$k.container.circle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$2, { as: "div", className: (styles2 == null ? void 0 : styles2.root) ?? classes$l.container.root, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$l.container.circle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Menu$2.Button,
           {
             disabled,
             about: (styles2 == null ? void 0 : styles2.title) ? "no-controls" : "controls",
             className: clsx$1(
-              (styles2 == null ? void 0 : styles2.title) ?? classes$k.container.ellipsis
+              (styles2 == null ? void 0 : styles2.title) ?? classes$l.container.ellipsis
             ),
             children: icon
           }
         ) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Transition$1, { ...transition$1, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$2.Items, { className: refStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$k.options.padding, children: options2.map((option) => {
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Transition$1, { ...transition$1, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$2.Items, { className: refStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$l.options.padding, children: options2.map((option) => {
           const { label, value } = formatOption(option);
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             Menu$2.Item,
@@ -19312,8 +19312,8 @@ const Dropdown$1 = React__default.memo(
                 "div",
                 {
                   className: clsx$1(
-                    classes$k.options.item(itemColor ?? "primary"),
-                    active && classes$k.options.active,
+                    classes$l.options.item(itemColor ?? "primary"),
+                    active && classes$l.options.active,
                     (styles2 == null ? void 0 : styles2.option) && styles2.option
                   ),
                   onClick: () => handleChange(value),
@@ -19326,27 +19326,27 @@ const Dropdown$1 = React__default.memo(
         }) }) }) })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$2, { as: "div", className: (styles2 == null ? void 0 : styles2.root) ?? classes$k.container.root, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$k.container.button, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$2, { as: "div", className: (styles2 == null ? void 0 : styles2.root) ?? classes$l.container.root, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$l.container.button, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         Menu$2.Button,
         {
           disabled,
           about: (styles2 == null ? void 0 : styles2.title) ? "no-controls" : "controls",
-          className: clsx$1((styles2 == null ? void 0 : styles2.title) ?? classes$k.container.title),
+          className: clsx$1((styles2 == null ? void 0 : styles2.title) ?? classes$l.container.title),
           children: [
             uncontrollable ? selectedValue : selected,
             JSXOrientation
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Transition$1, { ...transition$1, as: React__default.Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$2.Items, { className: refStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$k.options.padding, children: options2.map((option) => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Transition$1, { ...transition$1, as: React__default.Fragment, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$2.Items, { className: refStyles, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$l.options.padding, children: options2.map((option) => {
         const { label, value } = formatOption(option);
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$2.Item, { disabled, children: ({ active }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: clsx$1(
-              classes$k.options.item(itemColor ?? "primary"),
-              active && classes$k.options.active,
+              classes$l.options.item(itemColor ?? "primary"),
+              active && classes$l.options.active,
               (styles2 == null ? void 0 : styles2.option) && styles2.option
             ),
             onClick: () => handleChange(value),
@@ -19382,7 +19382,7 @@ Dropdown$1.defaultProps = {
   orientation: "bottom",
   selected: "Select an option"
 };
-const classes$j = {
+const classes$k = {
   child: ({
     self: self2,
     grow,
@@ -19423,11 +19423,11 @@ const classes$j = {
   )
 };
 const Flex = ({ children, display: display2 = true, ...props }) => {
-  const tailwind = classes$j.parent({ display: display2, ...props });
+  const tailwind = classes$k.parent({ display: display2, ...props });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tailwind, children });
 };
 const FlexItem = ({ children, ...props }) => {
-  const tailwind = classes$j.child(props);
+  const tailwind = classes$k.child(props);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: tailwind, children });
 };
 function formatHourTime(time) {
@@ -30571,7 +30571,7 @@ hooks.HTML5_FMT = {
   MONTH: "YYYY-MM"
   // <input type="month" />
 };
-const classes$i = {
+const classes$j = {
   container: "relative flex justify-start items-center",
   date: "text-lg font-bold text-center text-darkened",
   day: "text-base font-bold text-center relative top-2"
@@ -39446,7 +39446,7 @@ const Datepicker = React__default.memo((props) => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledHeader, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: decreaseMonth, disabled: prevMonthButtonDisabled, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$j, { className: "w-6 h-6" }) }),
         isSelectable ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex align-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$i.date, children: capitalize$1(monthName) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$j.date, children: capitalize$1(monthName) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Select,
             {
@@ -39461,7 +39461,7 @@ const Datepicker = React__default.memo((props) => {
               listHeight: 200
             }
           )
-        ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: classes$i.date, children: [
+        ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: classes$j.date, children: [
           capitalize$1(monthName),
           " ",
           date == null ? void 0 : date.getFullYear()
@@ -39474,20 +39474,20 @@ const Datepicker = React__default.memo((props) => {
   const renderCustomDay = React__default.useCallback(
     (day, date) => {
       if (isSameDay$1(dayRef, date)) {
-        return (props == null ? void 0 : props.debug) && tooltipMinDate ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { text: tooltipMinDate, active: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { about: "today", className: clsx$1(classes$i.day), children: day }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { about: "today", className: clsx$1(classes$i.day), children: day });
+        return (props == null ? void 0 : props.debug) && tooltipMinDate ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { text: tooltipMinDate, active: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { about: "today", className: clsx$1(classes$j.day), children: day }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { about: "today", className: clsx$1(classes$j.day), children: day });
       }
       if (minDate && tooltipMinDate && isBefore(date, minDate)) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { active: props == null ? void 0 : props.debug, text: tooltipMinDate, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { className: clsx$1(classes$i.day), children: day }) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { active: props == null ? void 0 : props.debug, text: tooltipMinDate, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { className: clsx$1(classes$j.day), children: day }) });
       }
       if (maxDate && tooltipMaxDate && isAfter(date, maxDate)) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { active: props == null ? void 0 : props.debug, text: tooltipMaxDate, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { className: clsx$1(classes$i.day), children: day }) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { active: props == null ? void 0 : props.debug, text: tooltipMaxDate, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { className: clsx$1(classes$j.day), children: day }) });
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { className: clsx$1(classes$i.day), children: day });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDay, { className: clsx$1(classes$j.day), children: day });
     },
     [dayRef, minDate, maxDate, tooltipMaxDate, tooltipMinDate, props.debug]
   );
   if (formatDisabled) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$i.container), children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$j.container), children: [
       !isTableInput && /* @__PURE__ */ jsxRuntimeExports.jsx(
         StyledIcon,
         {
@@ -39525,7 +39525,7 @@ const Datepicker = React__default.memo((props) => {
     ] });
   }
   const value = (props == null ? void 0 : props.date) ? hooks(props.date).format(format2) : "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$i.container), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx$1(classes$j.container), children: [
     !isTableInput && /* @__PURE__ */ jsxRuntimeExports.jsx(
       StyledIcon,
       {
@@ -39566,7 +39566,7 @@ Datepicker.defaultProps = {
   formatDisabled: true,
   isSelectable: false
 };
-const classes$h = {
+const classes$i = {
   container: {
     root: "flex items-center relative ",
     label: "ml-2 text-sm font-medium text-gray-900 dark:text-gray-300",
@@ -39577,7 +39577,7 @@ const RadioButton = React__default.memo(({ className, name, value, checked, disa
   const handleClick = () => {
     onClick == null ? void 0 : onClick(value);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$h.container.root + className, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$i.container.root + className, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     StyledRadioButton,
     {
       name,
@@ -39615,7 +39615,7 @@ const StyledRadioButton = styled.input.attrs({ type: "radio" })`
     cursor: not-allowed;
   }
 `;
-const classes$g = {
+const classes$h = {
   container: {
     content: "mt-12 mb-4",
     description: "font-normal text-2xl text-darkened",
@@ -39709,7 +39709,7 @@ Subtitle.defaultProps = {
   font: "normal"
 };
 const Item$1 = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: classes$g.inscription.title, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: classes$h.inscription.title, children });
 };
 const Description = ({
   content: content2,
@@ -39719,8 +39719,8 @@ const Description = ({
     "h3",
     {
       className: clsx$1(
-        classes$g.container.description,
-        content2 && classes$g.container.content
+        classes$h.container.description,
+        content2 && classes$h.container.content
       ),
       children
     }
@@ -39745,9 +39745,9 @@ const Success = (props) => {
     "span",
     {
       className: clsx$1(
-        classes$g.success.confirmation,
+        classes$h.success.confirmation,
         (props == null ? void 0 : props.className) && props.className,
-        (props == null ? void 0 : props.confirmation) ? classes$g.success.show : classes$g.success.hide
+        (props == null ? void 0 : props.confirmation) ? classes$h.success.show : classes$h.success.hide
       ),
       children: props.children
     }
@@ -39772,9 +39772,9 @@ const Error$1 = (props) => {
     "span",
     {
       className: clsx$1(
-        classes$g.error.confirmation,
+        classes$h.error.confirmation,
         (props == null ? void 0 : props.className) && props.className,
-        (props == null ? void 0 : props.confirmation) ? classes$g.error.show : classes$g.error.hide
+        (props == null ? void 0 : props.confirmation) ? classes$h.error.show : classes$h.error.hide
       ),
       children: (props == null ? void 0 : props.confirmation) && props.children
     }
@@ -39802,7 +39802,7 @@ var display = clsx;
 var position = clsx;
 var width = clsx;
 var fontWeight = clsx;
-const classes$f = {
+const classes$g = {
   icon: clsx$1(
     width("w-10"),
     margin("ml-2"),
@@ -39953,7 +39953,7 @@ const Input$1 = React__default.memo(
     const fontStyles = value !== "" && value !== "0" ? fontWeight("font-bold") : fontWeight("font-normal");
     const isFullWidth = (props == null ? void 0 : props.fullWidth) && width("w-full");
     if (error2) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$f.relativeAddOff, children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$g.relativeAddOff, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StyledInput$1,
           {
@@ -39967,7 +39967,7 @@ const Input$1 = React__default.memo(
               className,
               fontStyles,
               isFullWidth,
-              classes$f.container
+              classes$g.container
             ),
             autoFocus: true,
             autoComplete: "off"
@@ -39976,11 +39976,11 @@ const Input$1 = React__default.memo(
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StyledIconEdit,
           {
-            className: classes$f.flow,
+            className: classes$g.flow,
             onClick: handleClickDelete
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconEdit, { className: classes$f.flow, onClick: handleClickDelete, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconEdit, { className: classes$g.flow, onClick: handleClickDelete, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -40003,7 +40003,7 @@ const Input$1 = React__default.memo(
       ] });
     }
     if (completed) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$f.relativeAddOff, children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$g.relativeAddOff, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StyledInput$1,
           {
@@ -40017,17 +40017,17 @@ const Input$1 = React__default.memo(
               className,
               fontStyles,
               isFullWidth,
-              classes$f.container
+              classes$g.container
             ),
             autoFocus: true,
             autoComplete: "off"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconEdit, { className: classes$f.flow, onClick: handleClickEdit, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$1, { className: "w-5 h-5 text-info hover:cursor-pointer hover:text-primary" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconEdit, { className: classes$g.flow, onClick: handleClickEdit, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$1, { className: "w-5 h-5 text-info hover:cursor-pointer hover:text-primary" }) })
       ] });
     }
     if (AddOn) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$f.relativeAddOn, children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$g.relativeAddOn, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(StyledIconContainerAddon, { disabled: props.disabled, children: AddOn }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           StyledInputAddon,
@@ -40043,7 +40043,7 @@ const Input$1 = React__default.memo(
               className,
               fontStyles,
               isFullWidth,
-              classes$f.container
+              classes$g.container
             ),
             placeholder,
             autoComplete: "off"
@@ -40065,7 +40065,7 @@ const Input$1 = React__default.memo(
           className,
           fontStyles,
           isFullWidth,
-          classes$f.container
+          classes$g.container
         ),
         autoComplete: "off"
       }
@@ -40235,7 +40235,7 @@ const InputTable = React__default.memo(
           className,
           fontStyles,
           isFullWidth,
-          classes$f.container
+          classes$g.container
         ),
         onKeyDown: handleKeyDown,
         autoComplete: "off"
@@ -40243,7 +40243,7 @@ const InputTable = React__default.memo(
     ) });
   }
 );
-const classes$e = {
+const classes$f = {
   container: "form-input focus:outline-none"
 };
 var InputMode = /* @__PURE__ */ ((InputMode2) => {
@@ -40439,7 +40439,7 @@ const TableInput = React__default.memo((props) => {
       maxLength,
       onChange: handleChange,
       onKeyDown: handleKeyDown,
-      className: clsx$1(className, isFullWidth, classes$e.container),
+      className: clsx$1(className, isFullWidth, classes$f.container),
       allowedKeys,
       borderRadius: borderRadius2,
       disabled,
@@ -40581,7 +40581,7 @@ const Colspan = (props) => {
 Colspan.defaultProps = {
   start: 1
 };
-const classes$d = {
+const classes$e = {
   container: "flex items-center",
   circle: "rounded-full h-[5.25rem] min-w-[5.25rem] max-w-[5.25rem] items-center justify-center flex flex-col border-8 border-white self-center",
   number: "font-bold mb-[-0.5rem] text-white",
@@ -40600,18 +40600,18 @@ const Counter = ({
     "text-4xl": remainingDays && Math.abs(remainingDays) < 100,
     "text-3xl": remainingDays && Math.abs(remainingDays) >= 100
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$d.container, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Circle, { className: classes$d.circle, color: color2, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx$1(classes$d.number, classRef), children: remainingDays }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$d.unit, children: "días" })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$e.container, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Circle, { className: classes$e.circle, color: color2, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx$1(classes$e.number, classRef), children: remainingDays }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$e.unit, children: "días" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$d.info, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$d.message, children: message2 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$e.info, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$e.message, children: message2 }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(PassedDays, { color: color2, children: [
         passedDays,
         " días"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$d.transcurridoLabel, children: "transcurridos" })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$e.transcurridoLabel, children: "transcurridos" })
     ] })
   ] });
 };
@@ -40683,7 +40683,7 @@ const Wait = React__default.memo(
 Wait.defaultProps = {
   centered: true
 };
-const classes$c = {
+const classes$d = {
   firstProperty: "border-l border-r border-black h-[3rem] justify-center items-center mb-[5rem]",
   middle: "border-0 -ml-4 -mr-4",
   empty: "",
@@ -40746,7 +40746,7 @@ const SingleDeadlineChart = ({
     /* @__PURE__ */ jsxRuntimeExports.jsx(ChartContainer, { children: workLine.stages.map((stage) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       ChartItem,
       {
-        className: stage.id === 2 ? classes$c.middle : classes$c.firstProperty,
+        className: stage.id === 2 ? classes$d.middle : classes$d.firstProperty,
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ChartMain, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(MetricsContainer, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(NumbersContainer, { children: stage.deadlines.map((deadline) => {
@@ -40764,11 +40764,11 @@ const SingleDeadlineChart = ({
             /* @__PURE__ */ jsxRuntimeExports.jsx(Bar, { children: stage.deadlines.map((deadline, index2) => {
               const duration = deadline.since;
               const width2 = duration / stage.maxDuration * 100;
-              let marginRight = classes$c.empty;
-              const marginLeft = classes$c.empty;
+              let marginRight = classes$d.empty;
+              const marginLeft = classes$d.empty;
               if (deadline.color) {
                 if (index2 !== stage.deadlines.length - 1) {
-                  marginRight = classes$c.marginright;
+                  marginRight = classes$d.marginright;
                 }
               }
               return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -40870,7 +40870,7 @@ const DeadlineColorDiv = styled.div`
 const DeadlineContainerNumber = styled.div`
   width: ${(props) => props.widthPercent * 600 / 100}%;
 `;
-const classes$b = {
+const classes$c = {
   container: {
     text: "text-xl font-medium text-darkened",
     child: "text-xl font-bold text-secondary",
@@ -40891,11 +40891,11 @@ const Collapse = React__default.memo(
   ({ child, className, children, override, title, width: width2 }) => {
     if (child) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Disclosure, { className: override, as: "div", children: ({ open }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Disclosure.Button, { className: classes$b.container.button, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Disclosure.Button, { className: classes$c.container.button, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
-              className: clsx$1(classes$b.container.child, className),
+              className: clsx$1(classes$c.container.child, className),
               children: title && title
             }
           ) }),
@@ -40903,15 +40903,15 @@ const Collapse = React__default.memo(
             "div",
             {
               className: clsx$1(
-                open ? classes$b.icon.root : classes$b.icon.container
+                open ? classes$c.icon.root : classes$c.icon.container
               ),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ForwardRef$p,
                 {
                   className: clsx$1(
-                    classes$b.icon.size,
-                    open && classes$b.icon.open,
-                    open || classes$b.icon.close
+                    classes$c.icon.size,
+                    open && classes$c.icon.open,
+                    open || classes$c.icon.close
                   )
                 }
               )
@@ -40922,19 +40922,19 @@ const Collapse = React__default.memo(
           Disclosure.Panel,
           {
             as: "div",
-            className: classes$b.container.content,
+            className: classes$c.container.content,
             children
           }
         ) })
       ] }) });
     }
     if (override || className) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledCollapse, { width: width2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Disclosure, { as: "div", className: classes$b.container.disclosure, children: ({ open }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Disclosure.Button, { className: classes$b.container.button, children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledCollapse, { width: width2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Disclosure, { as: "div", className: classes$c.container.disclosure, children: ({ open }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Disclosure.Button, { className: classes$c.container.button, children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
-              className: clsx$1(classes$b.container.text, className),
+              className: clsx$1(classes$c.container.text, className),
               children: title && title
             }
           ) }),
@@ -40942,15 +40942,15 @@ const Collapse = React__default.memo(
             "div",
             {
               className: clsx$1(
-                open ? classes$b.icon.root : classes$b.icon.container
+                open ? classes$c.icon.root : classes$c.icon.container
               ),
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ForwardRef$p,
                 {
                   className: clsx$1(
-                    classes$b.icon.size,
-                    open && classes$b.icon.open,
-                    open || classes$b.icon.close
+                    classes$c.icon.size,
+                    open && classes$c.icon.open,
+                    open || classes$c.icon.close
                   )
                 }
               )
@@ -40961,28 +40961,28 @@ const Collapse = React__default.memo(
           Disclosure.Panel,
           {
             as: "div",
-            className: classes$b.container.content,
+            className: classes$c.container.content,
             children
           }
         ) })
       ] }) }) });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledCollapse, { width: width2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Disclosure, { as: "div", className: classes$b.container.disclosure, children: ({ open }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Disclosure.Button, { className: classes$b.container.button, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$b.container.text, children: title && title }) }),
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledCollapse, { width: width2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Disclosure, { as: "div", className: classes$c.container.disclosure, children: ({ open }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Disclosure.Button, { className: classes$c.container.button, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$c.container.text, children: title && title }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
             className: clsx$1(
-              open ? classes$b.icon.root : classes$b.icon.container
+              open ? classes$c.icon.root : classes$c.icon.container
             ),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               ForwardRef$p,
               {
                 className: clsx$1(
-                  classes$b.icon.size,
-                  open && classes$b.icon.open,
-                  open || classes$b.icon.close
+                  classes$c.icon.size,
+                  open && classes$c.icon.open,
+                  open || classes$c.icon.close
                 )
               }
             )
@@ -40993,7 +40993,7 @@ const Collapse = React__default.memo(
         Disclosure.Panel,
         {
           as: "div",
-          className: classes$b.container.content,
+          className: classes$c.container.content,
           children
         }
       ) })
@@ -41222,7 +41222,7 @@ let Builder$1 = class Builder {
     );
   }
 };
-const classes$a = {
+const classes$b = {
   wrap: clsx$1(
     gap("gap-1"),
     margin("mx-1"),
@@ -41247,12 +41247,12 @@ const Button = React__default.memo(
           fullWidth: props == null ? void 0 : props.fullWidth,
           tabWithHover: props == null ? void 0 : props.tabWithHover,
           children: [
-            props.orientationIcon === "left" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$a.wrap, children: [
+            props.orientationIcon === "left" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$b.wrap, children: [
               Icon,
               " ",
               props.children
             ] }),
-            props.orientationIcon === "right" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$a.wrap, children: [
+            props.orientationIcon === "right" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$b.wrap, children: [
               props.children,
               " ",
               Icon
@@ -41427,7 +41427,7 @@ const Icons = styled.div`
     }
   }
 `;
-const classes$9 = {
+const classes$a = {
   img: "m-auto my-8 md:m-0 md:mr-[40px]"
 };
 const Footer = React__default.memo(() => {
@@ -41468,7 +41468,7 @@ const Footer = React__default.memo(() => {
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         LogoSVG,
         {
-          className: classes$9.img,
+          className: classes$a.img,
           onClick: () => handleOpenNewTab(
             "https://www.ccc.cl",
             "Pagina Web CCC"
@@ -41639,7 +41639,7 @@ var SP_Permission = /* @__PURE__ */ ((SP_Permission2) => {
   SP_Permission2["CAN_DELETE_TEMPORARY_PERMISSION"] = "ELIMINAR_PERMISOS_TEMPORALES";
   return SP_Permission2;
 })(SP_Permission || {});
-const classes$8 = {
+const classes$9 = {
   content: "fixed col-span-3",
   container: "col-span-3 grid grid-cols-3",
   show: "font-normal text-base transition-all duration-700 ease-in-out",
@@ -41761,12 +41761,12 @@ const Sidebar = React__default.memo(
           }
         }
       ];
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.container, "data-testid": "tw-sidebar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.content, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$9.container, "data-testid": "tw-sidebar", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$9.content, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
         {
           className: clsx$1(
-            classes$8.background,
-            open ? classes$8.backgroundSize.open : classes$8.backgroundSize.closed
+            classes$9.background,
+            open ? classes$9.backgroundSize.open : classes$9.backgroundSize.closed
           ),
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { marginBottom: 8, children: onToggle && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -41777,12 +41777,12 @@ const Sidebar = React__default.memo(
                 onClick: handleClickToggle,
                 "data-testid": "tw-sidebar-icon",
                 fullWidth: true,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$8.list.wrap, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.menu.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$g, {}) }),
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$9.list.wrap, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$9.menu.icon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ForwardRef$g, {}) }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "span",
                     {
-                      className: open ? classes$8.show : classes$8.hidden,
+                      className: open ? classes$9.show : classes$9.hidden,
                       children: "Minimizar Menú"
                     }
                   )
@@ -41807,7 +41807,7 @@ const Sidebar = React__default.memo(
                       option.except
                     ),
                     onClick: () => handleClickRef(option.path),
-                    className: clsx$1(open && classes$8.show),
+                    className: clsx$1(open && classes$9.show),
                     children: open ? option.title : null
                   }
                 ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -41823,15 +41823,15 @@ const Sidebar = React__default.memo(
                       history
                     ),
                     onClick: () => handleClickRef(option.path),
-                    className: clsx$1(open && classes$8.show),
+                    className: clsx$1(open && classes$9.show),
                     children: open ? option.title : null
                   }
                 )
               },
               option.title
             )) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.separator }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "w-full", children: defaultPanel.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: classes$8.list.item, children: option.rules ? /* @__PURE__ */ jsxRuntimeExports.jsx(Permissions, { inject: signal == null ? void 0 : signal.user, ...option.rules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$9.separator }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "w-full", children: defaultPanel.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: classes$9.list.item, children: option.rules ? /* @__PURE__ */ jsxRuntimeExports.jsx(Permissions, { inject: signal == null ? void 0 : signal.user, ...option.rules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               Button,
               {
                 size: "lg",
@@ -41845,7 +41845,7 @@ const Sidebar = React__default.memo(
                   option.except
                 ),
                 onClick: () => handleClickRef(option.path),
-                className: clsx$1(open && classes$8.show),
+                className: clsx$1(open && classes$9.show),
                 children: open ? option.title : null
               }
             ) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -41862,7 +41862,7 @@ const Sidebar = React__default.memo(
                   option.except
                 ),
                 onClick: () => handleClickRef(option.path),
-                className: clsx$1(open && classes$8.show),
+                className: clsx$1(open && classes$9.show),
                 children: open ? option.title : null
               }
             ) }, option.title)) })
@@ -41872,7 +41872,7 @@ const Sidebar = React__default.memo(
     } });
   }
 );
-const classes$7 = {
+const classes$8 = {
   background: "bg-app",
   displayleft: "relative float-left h-20 mt-7 ml-16",
   displayright: "relative float-right h-20 mt-7",
@@ -41943,49 +41943,49 @@ const Navbar = ({
   const pathname = selected ?? ((_b2 = (_a3 = signal == null ? void 0 : signal.history) == null ? void 0 : _a3.location) == null ? void 0 : _b2.pathname);
   const isActive = (pathname == null ? void 0 : pathname.includes("backoffice/periods")) || (pathname == null ? void 0 : pathname.includes("backoffice/mantainers")) || (pathname == null ? void 0 : pathname.includes("backoffice/requirements"));
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: isDropdown ? /* @__PURE__ */ jsxRuntimeExports.jsx(NavbarDropdown, { previousPath }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.displayleft, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$7.logo.container, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.logo.wrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.displayleft, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$8.logo.container, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.logo.wrapper, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "img",
         {
           alt: "Logo",
           width: 150,
           height: 50,
-          className: classes$7.logo.root,
+          className: classes$8.logo.root,
           src: `${(_c2 = signal == null ? void 0 : signal.environment) == null ? void 0 : _c2.ASSETS}/LogoCCC.png`,
           onClick: handleClickLogo
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.router.root, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.router.routes, children: routes == null ? void 0 : routes.map((route) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.router.root, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.router.routes, children: routes == null ? void 0 : routes.map((route) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         "span",
         {
-          className: classes$7.router.route,
+          className: classes$8.router.route,
           onClick: () => handleRedirectRoute(route == null ? void 0 : route.href),
           children: route.name
         },
         route.name
       )) }) })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.displayright, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$7.menu.root, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: classes$7.menu.button, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.displayright, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$8.menu.root, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: classes$8.menu.button, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ForwardRef$f,
         {
           "aria-hidden": "true",
-          className: classes$7.menu.headless
+          className: classes$8.menu.headless
         }
       ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: classes$7.menu.button, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: classes$8.menu.button, type: "button", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ForwardRef$f,
         {
           "aria-hidden": "true",
-          className: classes$7.menu.headless
+          className: classes$8.menu.headless
         }
       ) }),
       isAllowedToSeeSettings() ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          className: clsx$1(classes$7.menu.engine, {
-            [classes$7.menu.active]: isActive,
-            [classes$7.menu.button]: !isActive
+          className: clsx$1(classes$8.menu.engine, {
+            [classes$8.menu.active]: isActive,
+            [classes$8.menu.button]: !isActive
           }),
           type: "button",
           onClick: handleClickSettings,
@@ -41993,24 +41993,24 @@ const Navbar = ({
             ForwardRef$9,
             {
               "aria-hidden": "true",
-              className: classes$7.menu.headless
+              className: classes$8.menu.headless
             }
           )
         }
       ) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.profile.root, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$7.profile.info, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$7.profile.name, children: (signal == null ? void 0 : signal.ref) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.profile.root, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$8.profile.info, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$8.profile.name, children: (signal == null ? void 0 : signal.ref) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           signal == null ? void 0 : signal.ref.firstName,
           " ",
           (_d = signal == null ? void 0 : signal.ref) == null ? void 0 : _d.lastName
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$7.profile.role, children: ((_e = signal == null ? void 0 : signal.ref) == null ? void 0 : _e.role) && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (_g = (_f = signal == null ? void 0 : signal.ref) == null ? void 0 : _f.role) == null ? void 0 : _g.toUpperCase() }) }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$8.profile.role, children: ((_e = signal == null ? void 0 : signal.ref) == null ? void 0 : _e.role) && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (_g = (_f = signal == null ? void 0 : signal.ref) == null ? void 0 : _f.role) == null ? void 0 : _g.toUpperCase() }) }) })
       ] }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$7.profile.pick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$8.profile.pick, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "img",
         {
           alt: "Profile",
-          className: classes$7.profile.image,
+          className: classes$8.profile.image,
           src: `${(_h = signal == null ? void 0 : signal.environment) == null ? void 0 : _h.ASSETS}/Emoji.png`
         }
       ) })
@@ -42354,7 +42354,7 @@ const PageContainer = styled.div`
   flex-direction: column;
   min-height: 100vh;
 `;
-const classes$6 = {
+const classes$7 = {
   grid: "grid grid-cols-12 sm:mx-16 mx-[32px] mt-[9rem] gap-[1.75rem] flex-grow",
   open: "col-span-3 grid grid-cols-3 gap-[1.75rem]",
   close: "col-span-1 gap-[1.75rem]",
@@ -42397,7 +42397,7 @@ const Layout = React__default.memo(
     };
     const isDropdown = includeNavbarDropdown;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(PageContainer, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$6.grid, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$7.grid, children: [
         includeNavbar && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Box,
           {
@@ -42417,7 +42417,7 @@ const Layout = React__default.memo(
             )
           }
         ),
-        includeSidebar && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContainer, { className: open ? classes$6.open : classes$6.close, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        includeSidebar && /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarContainer, { className: open ? classes$7.open : classes$7.close, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Sidebar,
           {
             open,
@@ -42525,7 +42525,7 @@ class Builder2 {
     });
   }
 }
-const classes$5 = {
+const classes$6 = {
   table: {
     container: "table-fixed"
   },
@@ -42803,7 +42803,7 @@ const TwTable = React__default.memo(
                           "span",
                           {
                             className: clsx$1(
-                              classes$5.row.sortable,
+                              classes$6.row.sortable,
                               isCurrentSorting && isAsc && "rotate-180",
                               isOrdering ? "text-darkened" : "text-info"
                             ),
@@ -42838,7 +42838,7 @@ const TwTable = React__default.memo(
                     "span",
                     {
                       className: clsx$1(
-                        classes$5.row.sortable,
+                        classes$6.row.sortable,
                         isOrdering ? "text-darkened" : "text-info",
                         isAsc && "rotate-180"
                       ),
@@ -42851,7 +42851,7 @@ const TwTable = React__default.memo(
                     {
                       className: clsx$1(
                         (props == null ? void 0 : props.filter) && props.filter,
-                        classes$5.row.delete
+                        classes$6.row.delete
                       )
                     }
                   )
@@ -42880,7 +42880,7 @@ const TwTable = React__default.memo(
                     "span",
                     {
                       className: clsx$1(
-                        classes$5.row.sortable,
+                        classes$6.row.sortable,
                         isAsc && "rotate-180",
                         isOrdering ? "text-darkened" : "text-info"
                       ),
@@ -42896,7 +42896,7 @@ const TwTable = React__default.memo(
                 "span",
                 {
                   className: clsx$1(
-                    classes$5.row.sortable,
+                    classes$6.row.sortable,
                     isOrdering ? "text-darkened" : "text-info",
                     isAsc && "rotate-180"
                   ),
@@ -42909,7 +42909,7 @@ const TwTable = React__default.memo(
                 {
                   className: clsx$1(
                     (props == null ? void 0 : props.filter) && props.filter,
-                    classes$5.row.delete
+                    classes$6.row.delete
                   )
                 }
               )
@@ -42925,7 +42925,7 @@ const TwTable = React__default.memo(
         cellSpacing,
         className: clsx$1(
           className && className,
-          classes$5.table.container,
+          classes$6.table.container,
           (props == null ? void 0 : props.auto) && "table-auto"
         ),
         children: [
@@ -42953,7 +42953,7 @@ const TwTable = React__default.memo(
                     Checkbox,
                     {
                       checked,
-                      className: classes$5.selectable,
+                      className: classes$6.selectable,
                       onChange: handleChangeCheckbox
                     }
                   ),
@@ -42977,12 +42977,12 @@ TwTable.defaultProps = {
 const TableData = React__default.memo(
   (props) => {
     const defaultClassName = clsx$1(
-      classes$5.data.borders,
-      classes$5.data.container,
+      classes$6.data.borders,
+      classes$6.data.container,
       props.last && "rounded-r-full",
       props.first && "rounded-l-full",
       "text-darkened font-bold text-base",
-      props.overflow && classes$5.row.innerText
+      props.overflow && classes$6.row.innerText
     );
     const defaultProps2 = {
       align: props.align,
@@ -43001,7 +43001,7 @@ const TableData = React__default.memo(
             var _a3;
             (_a3 = props.onChangeCheckbox) == null ? void 0 : _a3.call(props, response, props.dataId);
           },
-          className: classes$5.selectable
+          className: classes$6.selectable
         }
       );
     }, [props.checked]);
@@ -43016,7 +43016,7 @@ const TableData = React__default.memo(
             var _a4;
             (_a4 = props.onChangeRadioButton) == null ? void 0 : _a4.call(props, dataId);
           },
-          className: classes$5.selectable,
+          className: classes$6.selectable,
           value: dataId
         }
       );
@@ -43041,7 +43041,7 @@ const TableData = React__default.memo(
     if (props == null ? void 0 : props.formatAsStatus) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledTableData, { ...defaultProps2, children: [
         renderCheckbox || renderRadioButton,
-        props.icons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$5.icons(props == null ? void 0 : props.iconJustify), children: props.icons.map((icon) => icon) }),
+        props.icons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$6.icons(props == null ? void 0 : props.iconJustify), children: props.icons.map((icon) => icon) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Status,
           {
@@ -43067,7 +43067,7 @@ const TableData = React__default.memo(
       ] });
     }
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(StyledTableData, { ...defaultProps2, children: [
-      props.icons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$5.icons(props == null ? void 0 : props.iconJustify), children: props.icons.map((icon) => icon) }),
+      props.icons && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$6.icons(props == null ? void 0 : props.iconJustify), children: props.icons.map((icon) => icon) }),
       props.children
     ] });
   }
@@ -43086,13 +43086,13 @@ const Status = ({
   onClick
 }) => {
   const handleClickDetail = () => onClick && onClick();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: onClick ? classes$5.cols.details : classes$5.cols.grids, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: onClick ? classes$6.cols.details : classes$6.cols.grids, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-1/5 flex justify-start", children: [
       value && value,
       " ",
       children && children
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-3/5 flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusColor, { color: color2, className: classes$5.kind }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-3/5 flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusColor, { color: color2, className: classes$6.kind }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-auto flex justify-end", children: onClick && value === "Borrador" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
       {
@@ -43130,9 +43130,9 @@ const TableRow = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledTableRow, { align, disabled, children });
 };
 const TableWrapper = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$5.row.container, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$6.row.container, children });
 };
-const classes$4 = {
+const classes$5 = {
   input: {
     root: "relative w-full",
     ref: 'block p-2.5 w-full z-20 text-sm text-gray-900 bg-gray-50 rounded-r-lg border-l-gray-50 border-l-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-l-gray-700  dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500" placeholder="Search Mockups, Logos, Design Templates...',
@@ -43374,17 +43374,17 @@ const Search = React__default.memo(
       []
     );
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: (classNames2 == null ? void 0 : classNames2.root) ?? "flex justify-start w-full", children: [
-      dropdown && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: (classNames2 == null ? void 0 : classNames2.dropdown) ?? "w-1/6 grid", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDropdownContainer, { className: classes$4.dropdown.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      dropdown && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: (classNames2 == null ? void 0 : classNames2.dropdown) ?? "w-1/6 grid", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StyledDropdownContainer, { className: classes$5.dropdown.container, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         StyledDropdown,
         {
           options: options2 ?? [],
           uncontrollable: false,
           orientation: "bottom",
           classNames: {
-            root: classes$4.dropdown.root,
-            item: classes$4.dropdown.item,
-            title: classes$4.dropdown.title,
-            items: classes$4.dropdown.items
+            root: classes$5.dropdown.root,
+            item: classes$5.dropdown.item,
+            title: classes$5.dropdown.title,
+            items: classes$5.dropdown.items
           },
           selected: value,
           onChange: handleChangeDropdown
@@ -43435,7 +43435,7 @@ const Search = React__default.memo(
               onClearInput && /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ForwardRef$2,
                 {
-                  className: classes$4.icon.xcircle,
+                  className: classes$5.icon.xcircle,
                   onClick: onClearInput
                 }
               ),
@@ -43659,7 +43659,7 @@ const ScrollSearch = React__default.memo(
   })
 );
 const OFFSET_RANGE = 2;
-const classes$3 = {
+const classes$4 = {
   container: "flex items-center justify-between",
   controls: {
     root: "flex flex-1 justify-between sm:hidden",
@@ -43722,15 +43722,15 @@ const Pagination = React__default.memo(
     const handleClickLimit = (value) => {
       if (limit !== value && onClickLimit) onClickLimit(value);
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx$1(className && className), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.container, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.controls.root, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$3.controls.prev }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$3.controls.next })
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx$1(className && className), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$4.container, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$4.controls.root, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$4.controls.prev }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$4.controls.next })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.filter.root, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: classes$3.filter.show, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$4.filter.root, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: classes$4.filter.show, children: [
           "Mostrar",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$3.filter.info, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$4.filter.info, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             Dropdown$1,
             {
               selected: limit,
@@ -43742,20 +43742,20 @@ const Pagination = React__default.memo(
           ) }),
           info
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.filter.end, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: classes$3.filter.show, children: total && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$4.filter.end, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: classes$4.filter.show, children: total && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: total > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             limit && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: hasNext ? parseInt(limit) * page : current }),
             " ",
             "de ",
             total,
             " resultados"
           ] }) }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: classes$3.pagination.root, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("nav", { className: classes$4.pagination.root, children: [
             hasPrev && /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "a",
               {
                 about: "page",
-                className: classes$3.pagination.controlsLeft,
+                className: classes$4.pagination.controlsLeft,
                 onClick: () => handleClickPage(page - 1),
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Previous" }),
@@ -43783,7 +43783,7 @@ const Pagination = React__default.memo(
               "a",
               {
                 about: "page",
-                className: p === page ? classes$3.pagination.active : classes$3.pagination.page,
+                className: p === page ? classes$4.pagination.active : classes$4.pagination.page,
                 onClick: () => handleClickPage(p),
                 children: p
               }
@@ -43792,7 +43792,7 @@ const Pagination = React__default.memo(
               "a",
               {
                 about: "page",
-                className: classes$3.pagination.controlsRight,
+                className: classes$4.pagination.controlsRight,
                 onClick: () => handleClickPage(page + 1),
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Next" }),
@@ -43822,7 +43822,7 @@ const Pagination = React__default.memo(
     ] }) });
   }
 );
-const classes$2 = {
+const classes$3 = {
   card: {
     size: "col-span-3",
     style: "border rounded-3xl bg-white",
@@ -43843,37 +43843,37 @@ const Card = ({
   requirement,
   description,
   Icon
-}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.card.size, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.card.style, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.card.separator, children: [
+}) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$3.card.size, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$3.card.style, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.card.separator, children: [
   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: classes$2.card.title, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: classes$3.card.title, children: [
       " ",
       requirement,
       " "
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: classes$2.card.body, children: description })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: classes$3.card.body, children: description })
   ] }),
-  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.card.icon, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.card.icon, children: [
     Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}),
     " "
   ] })
 ] }) }) });
-const DangerTitle = ({ title, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.title.rule, children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.title.icon, children: Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
+const DangerTitle = ({ title, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.title.rule, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$3.title.icon, children: Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
   /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-  /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: classes$2.title.danger, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: classes$3.title.danger, children: [
     " ",
     title
   ] })
 ] });
-const CheckTitle = ({ title, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.title.rule, children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.title.icon, children: Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
+const CheckTitle = ({ title, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.title.rule, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$3.title.icon, children: Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
   /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-  /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: classes$2.title.pass, children: title })
+  /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: classes$3.title.pass, children: title })
 ] });
-const AlertTitle = ({ title, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.title.rule, children: [
-  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.title.icon, children: Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
+const AlertTitle = ({ title, Icon }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$3.title.rule, children: [
+  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$3.title.icon, children: Icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, {}) }),
   /* @__PURE__ */ jsxRuntimeExports.jsx("div", {}),
-  /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: classes$2.title.alert, children: title })
+  /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: classes$3.title.alert, children: title })
 ] });
 const BaseColumn = ({
   title,
@@ -59156,7 +59156,7 @@ function createHalfTimeSlots(key, maxInputHours) {
     };
   });
 }
-const classes$1 = {
+const classes$2 = {
   title: "text-xl text-primary font-bold",
   texts: "mb-2.5",
   content: "p-0 m-0",
@@ -59181,11 +59181,11 @@ const Menu2 = (props) => {
     setShow((status) => !status);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$1.collapse, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.collapse, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: classes$1.texts,
+          className: classes$2.texts,
           onClick: () => props.seeDetailsTitles && handleSeeDetails(),
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { color: props.color, tag: "h1", size: props.size, font: "bold", children: props.title })
         }
@@ -59194,14 +59194,14 @@ const Menu2 = (props) => {
         ForwardRef$p,
         {
           className: clsx$1(
-            show2 ? classes$1.open : classes$1.close,
-            classes$1.icon
+            show2 ? classes$2.open : classes$2.close,
+            classes$2.icon
           )
         }
       ) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-    show2 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$1.content, children: props.children }) })
+    show2 && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$2.content, children: props.children }) })
   ] });
 };
 Menu2.defaultProps = {
@@ -59223,7 +59223,7 @@ const Section = React__default.memo((props) => {
     }
     return props == null ? void 0 : props.value;
   }, [props == null ? void 0 : props.formatAs, props.value]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$1.container, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$2.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Text,
       {
@@ -59241,7 +59241,7 @@ const Section = React__default.memo((props) => {
         size: props.valueSize,
         font: props.valueFont,
         color: props.valueColor,
-        className: classes$1.value,
+        className: classes$2.value,
         children: value
       }
     )
@@ -59285,7 +59285,7 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   Row,
   Section
 }, Symbol.toStringTag, { value: "Module" }));
-const classes = {
+const classes$1 = {
   chevronIcon: (open) => open ? "rotate-180 transform h-5 w-5" : "h-5 w-5",
   timeline: {
     title: "text-base text-gray-400 font-bold mb-2 ml-6",
@@ -59365,32 +59365,32 @@ const Timeline = ({ events }) => {
   if (!events) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes.timeline.container, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.timeline.title, children: "Historial del Curso" }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$1.timeline.container, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$1.timeline.title, children: "Historial del Curso" }),
     eventsWithData == null ? void 0 : eventsWithData.map((event, index2) => {
       const isCurrentCategoryOpen = event.category === openCategory;
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.timeline.grid, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$1.timeline.grid, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
-            className: classes.timeline.button.container,
+            className: classes$1.timeline.button.container,
             onClick: () => handleSetCategory(event),
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes.timeline.button.stack, children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.timeline.button.style }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes$1.timeline.button.stack, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$1.timeline.button.style }),
                 eventsWithData.length > 1 && index2 < eventsWithData.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(TimelineUnion, {}),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes.timeline.button.category, children: event.category })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$1.timeline.button.category, children: event.category })
               ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 ForwardRef$p,
                 {
-                  className: classes.chevronIcon(isCurrentCategoryOpen)
+                  className: classes$1.chevronIcon(isCurrentCategoryOpen)
                 }
               )
             ]
           }
         ) }),
-        isCurrentCategoryOpen && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.timeline.grid, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        isCurrentCategoryOpen && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes$1.timeline.grid, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           StyledDisclosure,
           {
             isOpen: isCurrentCategoryOpen,
@@ -59401,12 +59401,12 @@ const Timeline = ({ events }) => {
               event.data.map((item, itemIndex) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 "li",
                 {
-                  className: classes.timeline.list.item,
+                  className: classes$1.timeline.list.item,
                   children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes.timeline.list.styles }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: classes.timeline.list.name, children: item == null ? void 0 : item.name }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: classes.timeline.list.date, children: item == null ? void 0 : item.date }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: classes.timeline.list.author, children: item == null ? void 0 : item.author })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: classes$1.timeline.list.styles }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: classes$1.timeline.list.name, children: item == null ? void 0 : item.name }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: classes$1.timeline.list.date, children: item == null ? void 0 : item.date }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: classes$1.timeline.list.author, children: item == null ? void 0 : item.author })
                   ]
                 },
                 itemIndex
@@ -61055,6 +61055,51 @@ const Dragarea = React__default.memo(
     );
   }
 );
+const classes = {
+  container: "flex items-center w-[562px] text-xs text-gray-900 font-medium sm:text-base",
+  lastItem: "flex w-full relative text-gray-900",
+  stepItem: " flex w-full relative text-gray-900 after:content-[''] after:w-full after:h-[6px] after:bg-primary after:inline-block after:absolute lg:after:top-6 after:top-3 after:left-4",
+  stepItemDisabled: "flex w-full relative   after:w-full after:h-[6px] after:bg-primary/30 after:inline-block after:absolute lg:after:top-6 after:top-3 after:left-4",
+  label: "absolute right-8 w-[107px] h-[38px] text-center",
+  button: {
+    index: "block z-10"
+  }
+};
+const Stepper = React__default.memo(({
+  steps: steps2,
+  canProceed,
+  currentStep,
+  onStepChange
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: classes.container, children: steps2.map((step, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "li",
+    {
+      className: index2 === steps2.length - 1 ? classes.lastItem : canProceed[index2] ? classes.stepItem : classes.stepItemDisabled,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes.button.index, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            disabled: !canProceed[index2],
+            onClick: () => onStepChange(step.id),
+            className: `step-button-root ${currentStep === step.id ? "step-button-selected" : canProceed[index2] ? "step-button-normal" : "step-button-disabled"} `,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "step-button-position", children: step.id })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Text,
+          {
+            className: classes.label,
+            size: "lg",
+            color: !canProceed[index2] ? "opaque" : "primary",
+            font: "bold",
+            children: step.label
+          }
+        )
+      ] })
+    },
+    step.id
+  )) });
+});
 export {
   $channels,
   $events,
@@ -61115,6 +61160,7 @@ export {
   Sidebar,
   SignalContext,
   SingleDeadlineChart,
+  Stepper,
   Subtitle,
   Success,
   Switch,