@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260723122345 → 0.8.1-dev.20260724042342

package/dist/index.mjs

@@ -2,12 +2,13 @@
 
 import {
   OdataBuilder
-} from "./chunk-X3YSXTD2.mjs";
+} from "./chunk-TMVO22U3.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
   CheckboxInput_default,
   ColorInput_default,
+  DateInput_default,
   DateTimeInput_default,
   EmailInput_default,
   LineTextInput_default,
@@ -17,15 +18,17 @@ import {
   OtpInput_default,
   PercentageInput_default,
   PhoneInput_default,
+  RadioInput_default,
   SelectWithSearchInput_default,
+  Switcher_default,
   TimeInput_default
-} from "./chunk-7ZFZLN56.mjs";
+} from "./chunk-HAGCF2RO.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-5GHPW7SJ.mjs";
+} from "./chunk-BAGK3UOE.mjs";
 import {
   ServiceClient_default
 } from "./chunk-WEV5U33G.mjs";
@@ -409,7 +412,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-7NS4QUWO.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-TE33BZ6U.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -2242,7 +2245,7 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-T7YN2OMV.mjs"), { ssr: true });
+var Pagination = dynamic10(() => import("./Pagination-BETIPTVF.mjs"), { ssr: true });
 var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });
@@ -2687,7 +2690,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -2724,49 +2727,46 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ jsxs14(React23.Fragment, { children: [
-    /* @__PURE__ */ jsx35("div", { children: "Thuis isadiasdia testaststtstst" }),
-    rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes[node.type];
+    if (!shouldRenderNode(node)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+      SelectedNode,
       {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
       }
-      const SelectedNode = NodeTypes[node.type];
-      if (!shouldRenderNode(node)) {
-        return null;
+    ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
       }
-      return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
-        SelectedNode,
-        {
-          node,
-          firstNode: true,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
-        SelectedNode,
-        {
-          node,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) }) }, index);
-    })
-  ] });
+    ) }) }) }, index);
+  }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
 
@@ -2820,7 +2820,7 @@ function EnterAnimationHydrator() {
 
 // src/components/Toast.tsx
 import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
-import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState(false);
   const [message, setMessage] = useState("");
@@ -2854,7 +2854,7 @@ var Toast = () => {
       });
     };
   }, [closeToast, showMessage]);
-  return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs15("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+  return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx36(
       "span",
       {
@@ -2933,33 +2933,33 @@ var NoContentView_default = NoContentView;
 
 // src/components/dataForm/ContentView.tsx
 import React26 from "react";
-import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
 var ContentView = (props) => {
-  return /* @__PURE__ */ jsxs16(React26.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs16("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "flex items-center mb-4", children: [
+  return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ jsxs16("div", { className: "ml-2", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "ml-2", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
@@ -3018,7 +3018,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
 var DataList = (props) => {
   const router = useRouter();
   let builder = new OdataBuilder(props.path);
@@ -3148,7 +3148,7 @@ var DataList = (props) => {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
-        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
           Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3174,7 +3174,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3196,7 +3196,7 @@ var DataList = (props) => {
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
           /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3226,7 +3226,7 @@ var DataList = (props) => {
           )
         ] });
       } else {
-        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
           /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3272,7 +3272,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3293,15 +3293,15 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs17(React27.Fragment, { children: [
-    /* @__PURE__ */ jsxs17(ContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(React27.Fragment, { children: [
+    /* @__PURE__ */ jsxs16(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
         "div",
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
           children: [
             props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
-            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
               props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
@@ -3329,7 +3329,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs17(
+              props.addLinkHref && /* @__PURE__ */ jsxs16(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3345,7 +3345,7 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs17("table", { className: "w-full   divide-y divide-gray-200", children: [
+      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full   divide-y divide-gray-200", children: [
         /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
@@ -3365,7 +3365,7 @@ var DataList = (props) => {
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "!text-neutral-contrast ",
-                  children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center space-x-1", children: [
+                  children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
                     /* @__PURE__ */ jsx40("span", { className: "text-black", children: column.label }),
                     column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
@@ -3433,9 +3433,9 @@ var DataList = (props) => {
           }) }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx40("div", { className: "text-gray-700", children: label }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex space-x-2 items-center", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex space-x-2 items-center", children: [
           activePageNumber > 1 && /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3458,14 +3458,14 @@ var DataList = (props) => {
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs17(NoContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs16(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
         "div",
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
           children: [
             props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
-            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
               props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
@@ -3493,7 +3493,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs17(
+              props.addLinkHref && /* @__PURE__ */ jsxs16(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3509,7 +3509,7 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs17("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
         /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
@@ -3529,7 +3529,7 @@ var DataList = (props) => {
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
-                  children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center space-x-1", children: [
+                  children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
                     /* @__PURE__ */ jsx40("span", { children: column.label }),
                     column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
@@ -3549,7 +3549,7 @@ var DataList_default = DataList;
 // src/components/dataForm/DataListRenderer.tsx
 import React28, { useState as useState3, useEffect as useEffect4 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
-import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -3644,7 +3644,7 @@ var DataListRenderer = ({
       isActive: landingPageUrl === pathname
     };
   });
-  return /* @__PURE__ */ jsxs18(React28.Fragment, { children: [
+  return /* @__PURE__ */ jsxs17(React28.Fragment, { children: [
     resolvedTabs.length > 0 && // <NavigationTabsV2
     //   tabs={resolvedTabs}
     //   params={(widgetProps?.params ?? params) as Record<string, any>}
@@ -3695,7 +3695,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
 var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
 
 // src/components/dataForm/DataFormChildSection.tsx
-import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -3763,12 +3763,12 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+  return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
     section.sectionTitle && /* @__PURE__ */ jsx42("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col justify-between gap-2", children: [
-      /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs19("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+    /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
         (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx42("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
-          return /* @__PURE__ */ jsxs19("tr", { className: "", children: [
+          return /* @__PURE__ */ jsxs18("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
               return /* @__PURE__ */ jsx42(
                 "th",
@@ -3787,7 +3787,7 @@ var DataFormChildSection = (props) => {
           const rowKey = originalIndex;
           return /* @__PURE__ */ jsx42(React29.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
-              return /* @__PURE__ */ jsxs19(
+              return /* @__PURE__ */ jsxs18(
                 "tr",
                 {
                   className: "",
@@ -3854,7 +3854,7 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 
 // src/components/dataForm/DataForm.tsx
-import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 var DataForm = (props) => {
   const formRef = useRef2(null);
   console.log(props.dataItem, "dssads");
@@ -4074,8 +4074,8 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ jsx43("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx43("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
@@ -4108,7 +4108,7 @@ var DataForm = (props) => {
           }
         },
         children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs20("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+          return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
             section.sectionRows?.map(
               (sectionRow, sectionRowIndex) => {
                 const elementsCount = sectionRow.elements.length;
@@ -4120,7 +4120,7 @@ var DataForm = (props) => {
                   );
                 }
                 return /* @__PURE__ */ jsx43(React30.Fragment, { children: isVisible && /* @__PURE__ */ jsx43("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
-                  return /* @__PURE__ */ jsxs20(
+                  return /* @__PURE__ */ jsxs19(
                     "div",
                     {
                       className: sectionRow.grow ? "grow" : "",
@@ -4176,7 +4176,7 @@ var DataForm = (props) => {
         }) })
       }
     ),
-    /* @__PURE__ */ jsxs20("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
       /* @__PURE__ */ jsx43("div", { children: props.additionalActions && /* @__PURE__ */ jsx43(
         Button_default,
         {
@@ -4213,7 +4213,7 @@ var DataForm = (props) => {
 var DataForm_default = DataForm;
 
 // src/components/dataForm/DataFormRenderer.tsx
-import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -4239,7 +4239,7 @@ var DataFormRenderer = ({
     "Delete"
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
-  return /* @__PURE__ */ jsxs21("div", { className: "flex-grow flex flex-col", children: [
+  return /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
     widgetProps && /* @__PURE__ */ jsx44(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ jsx44(
       DataForm_default,
@@ -4268,6 +4268,7 @@ export {
   DataFormRenderer_default as DataFormRenderer,
   DataList_default as DataList,
   DataListRenderer_default as DataListRenderer,
+  DateInput_default as DateInput,
   DateTimeInput_default as DateTimeInput,
   EmailInput_default as EmailInput,
   EnterAnimationHydrator,
@@ -4282,6 +4283,8 @@ export {
   PageBodyRenderer_default as PageBodyRenderer,
   PercentageInput_default as PercentageInput,
   PhoneInput_default as PhoneInput,
+  RadioInput_default as RadioInput,
+  Switcher_default as Switcher,
   TimeInput_default as TimeInput,
   Toast_default as Toast,
   ToastService_default as ToastService,

package/dist/server.js

@@ -5249,49 +5249,46 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react34.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: "Thuis isadiasdia testaststtstst" }),
-    rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes[node.type];
+    if (!shouldRenderNode(node)) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      SelectedNode,
       {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
       }
-      const SelectedNode = NodeTypes[node.type];
-      if (!shouldRenderNode(node)) {
-        return null;
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        SelectedNode,
-        {
-          node,
-          firstNode: true,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
-        SelectedNode,
-        {
-          node,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) }) }, index);
-    })
-  ] });
+    ) }) }) }, index);
+  }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
 // Annotate the CommonJS export names for ESM import in node: