npm - @algorithm-shift/design-system - Versions diffs - 1.2.52 → 1.2.53 - Mend

@algorithm-shift/design-system 1.2.52 → 1.2.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/chunk-27YZ2WSP.mjs +10 -5
package/dist/chunk-27YZ2WSP.mjs.map +1 -1
package/dist/client.js +116 -64
package/dist/client.js.map +1 -1
package/dist/client.mjs +48 -28
package/dist/client.mjs.map +1 -1
package/dist/index.js +713 -472
package/dist/index.js.map +1 -1
package/dist/index.mjs +583 -340
package/dist/index.mjs.map +1 -1
package/package.json +1 -1

package/dist/index.mjs CHANGED Viewed

@@ -1,29 +1,12 @@
-import { __export, cn, getInitials } from './chunk-27YZ2WSP.mjs';
-export { cn, getInitials } from './chunk-27YZ2WSP.mjs';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React6 from 'react';
-import React6__default, { forwardRef, createElement, useState, useCallback, useEffect, useRef, useMemo } from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as faSolid from '@fortawesome/free-solid-svg-icons';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { Editor } from '@tinymce/tinymce-react';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { PhoneInput as PhoneInput$1 } from 'react-international-phone';
-import 'react-international-phone/style.css';
-import { addDays, format } from 'date-fns';
-import { getDefaultClassNames, DayPicker } from 'react-day-picker';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { ResponsiveContainer, BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar, AreaChart, Area, PieChart, Pie, Cell, LabelList } from 'recharts';
-import { toast } from 'sonner';
+'use client';
+import {
+  __export,
+  cn,
+  getInitials
+} from "./chunk-27YZ2WSP.mjs";
+// src/components/Layout/Modal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 var Modal = ({
   children,
   onClose,
@@ -48,33 +31,46 @@ var Modal = ({
   ] }) });
 };
 var Modal_default = Modal;
+// src/components/Layout/Flex.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var Flex = ({
   children,
   className,
   style,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx("div", { ...props, className, style, children });
+  return /* @__PURE__ */ jsx2("div", { ...props, className, style, children });
 };
 var Flex_default = Flex;
+// src/components/Layout/Grid.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
 var Grid = ({
   children,
   className,
   style,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx("div", { ...props, className, style, children });
+  return /* @__PURE__ */ jsx3("div", { ...props, className, style, children });
 };
 var Grid_default = Grid;
+// src/components/Layout/Container.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
 var Container = ({
   children,
   className,
   style,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx("div", { ...props, className, style, children });
+  return /* @__PURE__ */ jsx4("div", { ...props, className, style, children });
 };
 var Container_default = Container;
+// src/components/Layout/Accordion.tsx
+import { useState } from "react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var Accordion = ({
   children,
   name = "Accordion",
@@ -85,16 +81,16 @@ var Accordion = ({
   const onToggleCollapse = () => {
     setIsOpen((prev) => !prev);
   };
-  return /* @__PURE__ */ jsxs("div", { className: `bg-white border rounded overflow-hidden ${className} min-h-auto`, style: { backgroundColor: style?.backgroundColor }, children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2("div", { className: `bg-white border rounded overflow-hidden ${className} min-h-auto`, style: { backgroundColor: style?.backgroundColor }, children: [
+    /* @__PURE__ */ jsxs2(
       "div",
       {
         className: "flex justify-between items-center p-2 px-4 border-b bg-transparent cursor-pointer",
         onClick: onToggleCollapse,
         role: "presentation",
         children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[14px] text-[#000]", children: name }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx5("span", { className: "text-[14px] text-[#000]", children: name }),
+          /* @__PURE__ */ jsx5(
             "button",
             {
               className: "ml-2 px-2 py-1 text-sm text-[#000] rounded transition",
@@ -105,10 +101,15 @@ var Accordion = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: ` bg-white relative transition-all duration-200 ${isOpen ? "min-h-30 p-4" : "max-h-0 p-0 overflow-hidden"}`, children })
+    /* @__PURE__ */ jsx5("div", { className: ` bg-white relative transition-all duration-200 ${isOpen ? "min-h-30 p-4" : "max-h-0 p-0 overflow-hidden"}`, children })
   ] });
 };
 var Accordion_default = Accordion;
+// src/components/ui/button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -142,7 +143,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     Comp,
     {
       "data-slot": "button",
@@ -151,13 +152,16 @@ function Button({
     }
   );
 }
+// src/components/Basic/Button/Button.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
 var ButtonWrapper = ({
   className,
   style,
   textContent = "Button",
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx7(
     Button,
     {
       ...props,
@@ -171,6 +175,9 @@ var Button_default = ButtonWrapper;
 // src/assets/image-placeholder.png
 var image_placeholder_default = "data:image/png;base64,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";
+// src/components/Basic/Image/Image.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
 var ImageControl = ({
   className,
   style,
@@ -187,20 +194,26 @@ var ImageControl = ({
     className
   );
   if (!imageUrl && !imageUrlExternal) {
-    return /* @__PURE__ */ jsx("div", { className: imageClass, children: /* @__PURE__ */ jsx("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
+    return /* @__PURE__ */ jsx8("div", { className: imageClass, children: /* @__PURE__ */ jsx8("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
   }
   const url = imageUrlExternal || imageUrl;
-  return /* @__PURE__ */ jsx("img", { src: url, alt: altText, className: defaultImgClass, style });
+  return /* @__PURE__ */ jsx8("img", { src: url, alt: altText, className: defaultImgClass, style });
 };
 var Image_default = ImageControl;
+// src/components/Basic/Shape/Shape.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Shape = ({
   children,
   className,
   style
 }) => {
-  return /* @__PURE__ */ jsx("div", { className, style, children });
+  return /* @__PURE__ */ jsx9("div", { className, style, children });
 };
 var Shape_default = Shape;
+// src/components/Basic/Typography/Typography.tsx
+import React2 from "react";
 var Typography = ({
   className,
   style,
@@ -208,14 +221,14 @@ var Typography = ({
   textContent
 }) => {
   const Tag2 = tagName || "h1";
-  return React6__default.createElement(
+  return React2.createElement(
     Tag2,
     {
       style,
       className: cn(className, "pointer-events-auto")
     },
     [
-      React6__default.createElement("span", {
+      React2.createElement("span", {
         key: "html",
         className: "pointer-events-none",
         dangerouslySetInnerHTML: { __html: textContent }
@@ -7422,6 +7435,9 @@ __export(icons_exports, {
   ZoomOut: () => ZoomOut
 });
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
 // node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var toCamelCase = (string) => string.replace(
@@ -7443,6 +7459,9 @@ var hasA11yProp = (props) => {
   }
 };
+// node_modules/lucide-react/dist/esm/Icon.js
+import { forwardRef, createElement } from "react";
 // node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -7489,8 +7508,8 @@ var Icon = forwardRef(
 // node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
-  const Component2 = forwardRef(
-    ({ className, ...props }, ref) => createElement(Icon, {
+  const Component2 = forwardRef2(
+    ({ className, ...props }, ref) => createElement2(Icon, {
       ref,
       iconNode,
       className: mergeClasses(
@@ -26524,8 +26543,11 @@ var __iconNode1634 = [
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
 ];
 var ZoomOut = createLucideIcon("zoom-out", __iconNode1634);
+// src/components/Basic/Breadcrumb/Breadcrumb.tsx
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
 var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx10(
     "nav",
     {
       "aria-label": "breadcrumb",
@@ -26533,31 +26555,35 @@ var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
       style,
       children: list.map((item, index) => {
         const isLast = index === list.length - 1;
-        return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-          item.url && !isLast && LinkComponent ? /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsxs3("div", { className: "flex items-center", children: [
+          item.url && !isLast && LinkComponent ? /* @__PURE__ */ jsx10(
             LinkComponent,
             {
               href: item.url,
               className: "hover:text-foreground transition-colors",
               children: item.header
             }
-          ) : /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: item.header }),
-          !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
+          ) : /* @__PURE__ */ jsx10("span", { className: "text-foreground font-medium", children: item.header }),
+          !isLast && /* @__PURE__ */ jsx10(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
         ] }, item.id);
       })
     }
   );
 };
 var Breadcrumb_default = Breadcrumb;
+// src/components/ui/dropdown-menu.tsx
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -26570,7 +26596,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -26589,7 +26615,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -26606,7 +26632,7 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx11(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -26614,7 +26640,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs4(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -26626,7 +26652,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx11(ChevronRight, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -26635,7 +26661,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx11(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -26647,10 +26673,13 @@ function DropdownMenuSubContent({
     }
   );
 }
+// src/components/Basic/ButtonGroup/ButtonGroup.tsx
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function SplitButton({ style, textContent, className, list = [], LinkComponent }) {
   const bgColor = style?.backgroundColor || "";
-  return /* @__PURE__ */ jsxs("div", { className: "inline-flex rounded-md overflow-hidden border border-teal-200 bg-teal-700 items-center focus:ring-0", style: { backgroundColor: bgColor }, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs5("div", { className: "inline-flex rounded-md overflow-hidden border border-teal-200 bg-teal-700 items-center focus:ring-0", style: { backgroundColor: bgColor }, children: [
+    /* @__PURE__ */ jsx12(
       Button,
       {
         className: `rounded-none border-r px-4 py-2 text-whit focus:ring-0 ${className || ""}`,
@@ -26658,20 +26687,25 @@ function SplitButton({ style, textContent, className, list = [], LinkComponent }
         children: textContent || "Button"
       }
     ),
-    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx12(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(
         Button,
         {
           className: "rounded-none bg-teal-700 px-4 py-2 text-white ring-0 shadow-none hover:bg-teal-600 focus:ring-0",
           "aria-label": "Open Dropdown",
           style: { backgroundColor: bgColor },
-          children: /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx12(ChevronDown, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
+      /* @__PURE__ */ jsx12(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsx12(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ jsx12(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
     ] })
   ] });
 }
+// src/components/Basic/Icon/Icon.tsx
+import * as faSolid from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize = 10, style }) => {
   let content = null;
   if (iconType === "fontawesome") {
@@ -26680,7 +26714,7 @@ var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize
     if (!faIcon) {
       return null;
     }
-    content = /* @__PURE__ */ jsx(
+    content = /* @__PURE__ */ jsx13(
       FontAwesomeIcon,
       {
         icon: faIcon,
@@ -26694,13 +26728,16 @@ var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize
     if (!Lucide) {
       return null;
     }
-    content = /* @__PURE__ */ jsx(Lucide, { className: cn("w-5 h-5"), size: fontSize, style: { color: style?.color } });
+    content = /* @__PURE__ */ jsx13(Lucide, { className: cn("w-5 h-5"), size: fontSize, style: { color: style?.color } });
   }
-  return /* @__PURE__ */ jsx("div", { style, className, children: content });
+  return /* @__PURE__ */ jsx13("div", { style, className, children: content });
 };
 var Icon_default = Icon2;
+// src/components/ui/input.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx14(
     "input",
     {
       type,
@@ -26715,6 +26752,9 @@ function Input({ className, type, ...props }) {
     }
   );
 }
+// src/components/Inputs/TextInput/TextInput.tsx
+import { Fragment, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var TextInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder || "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26724,8 +26764,8 @@ var TextInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsx15(
       Input,
       {
         type: "text",
@@ -26743,10 +26783,13 @@ var TextInput = ({ className, style, ...props }) => {
         readOnly: isReadonly
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx15("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var TextInput_default = TextInput;
+// src/components/Inputs/NumberInput/NumberInput.tsx
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var NumberInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26756,10 +26799,10 @@ var NumberInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx16(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx16(
         Input,
         {
           type: "number",
@@ -26779,10 +26822,13 @@ var NumberInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var NumberInput_default = NumberInput;
+// src/components/Inputs/EmailInput/EmailInput.tsx
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 var EmailInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26792,10 +26838,10 @@ var EmailInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx17(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx17(
         Input,
         {
           type: "email",
@@ -26814,10 +26860,13 @@ var EmailInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var EmailInput_default = EmailInput;
+// src/components/Inputs/PasswordInput/PasswordInput.tsx
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var PasswordInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26827,10 +26876,10 @@ var PasswordInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx18(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx18(
         Input,
         {
           type: "password",
@@ -26850,12 +26899,15 @@ var PasswordInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx18("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var PasswordInput_default = PasswordInput;
+// src/components/ui/textarea.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx19(
     "textarea",
     {
       "data-slot": "textarea",
@@ -26867,6 +26919,9 @@ function Textarea({ className, ...props }) {
     }
   );
 }
+// src/components/Inputs/Textarea/Textarea.tsx
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 var Textarea2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26876,8 +26931,8 @@ var Textarea2 = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    /* @__PURE__ */ jsx20(
       Textarea,
       {
         id: "textarea-field",
@@ -26895,10 +26950,13 @@ var Textarea2 = ({ className, style, ...props }) => {
         readOnly: isReadonly
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var Textarea_default = Textarea2;
+// src/components/Inputs/UrlInput/UrlInput.tsx
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var UrlInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -26908,10 +26966,10 @@ var UrlInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx21("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
+      /* @__PURE__ */ jsx21(
         Input,
         {
           id: "url-field",
@@ -26931,15 +26989,19 @@ var UrlInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx21("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var UrlInput_default = UrlInput;
+// src/components/ui/checkbox.tsx
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Checkbox({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx22(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -26948,22 +27010,26 @@ function Checkbox({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx22(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ jsx(Check, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsx22(Check, { className: "size-3.5" })
         }
       )
     }
   );
 }
+// src/components/ui/label.tsx
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Label2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx23(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -26975,6 +27041,9 @@ function Label2({
     }
   );
 }
+// src/components/Inputs/Checkbox/Checkbox.tsx
+import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
 var CheckboxInput = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
@@ -26982,9 +27051,9 @@ var CheckboxInput = ({ className, style, ...props }) => {
   const handleChange = (value) => {
     props.onChange?.(value);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    /* @__PURE__ */ jsx24("div", { className, style, children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ jsx24(
         Checkbox,
         {
           id: props.name || "checkbox",
@@ -26993,17 +27062,21 @@ var CheckboxInput = ({ className, style, ...props }) => {
           disabled: !isEditable || isDisabled
         }
       ),
-      /* @__PURE__ */ jsx(Label2, { htmlFor: props.name || "checkbox", children: text })
+      /* @__PURE__ */ jsx24(Label2, { htmlFor: props.name || "checkbox", children: text })
     ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx24("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var Checkbox_default = CheckboxInput;
+// src/components/ui/radio-group.tsx
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function RadioGroup2({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -27016,7 +27089,7 @@ function RadioGroupItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx25(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
@@ -27025,17 +27098,20 @@ function RadioGroupItem({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx25(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "relative flex items-center justify-center",
-          children: /* @__PURE__ */ jsx(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+          children: /* @__PURE__ */ jsx25(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
         }
       )
     }
   );
 }
+// src/components/Inputs/RadioInput/RadioInput.tsx
+import { Fragment as Fragment8, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var RadioInput = ({
   className,
   style,
@@ -27054,25 +27130,29 @@ var RadioInput = ({
     onChange?.(value);
   };
   const resolvedDefaultValue = (typeof defaultValue === "string" ? defaultValue : void 0) ?? options[0]?.value;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+    /* @__PURE__ */ jsx26("div", { className, style, children: /* @__PURE__ */ jsxs13(
       RadioGroup2,
       {
         defaultValue: resolvedDefaultValue,
         onValueChange: handleChange,
         children: [
-          options.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-500", children: "No options available" }),
-          options.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
-            /* @__PURE__ */ jsx(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
+          options.length === 0 && /* @__PURE__ */ jsx26("div", { className: "text-sm text-gray-500", children: "No options available" }),
+          options.map((item) => /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ jsx26(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
+            /* @__PURE__ */ jsx26(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
           ] }, item.value))
         ]
       }
     ) }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx26("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var RadioInput_default = RadioInput;
+// src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
+import { useCallback, useState as useState2 } from "react";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var MultiCheckbox = ({
   className,
   style,
@@ -27084,7 +27164,7 @@ var MultiCheckbox = ({
   isEditable = true,
   isDisabled = false
 }) => {
-  const [value, setValue] = useState(propValue);
+  const [value, setValue] = useState2(propValue);
   const options = (data || []).map((item) => ({
     value: item[dataKey || "value"],
     label: item[dataLabel || "label"]
@@ -27099,15 +27179,15 @@ var MultiCheckbox = ({
     },
     [onChange]
   );
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn("flex flex-col gap-3", className),
       style,
       children: [
-        options.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "No options available." }),
-        options.map((opt) => /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx(
+        options.length === 0 && /* @__PURE__ */ jsx27("p", { className: "text-sm text-gray-500", children: "No options available." }),
+        options.map((opt) => /* @__PURE__ */ jsxs14("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx27(
             Checkbox,
             {
               id: opt.value,
@@ -27116,13 +27196,18 @@ var MultiCheckbox = ({
               disabled: !isEditable || isDisabled
             }
           ),
-          /* @__PURE__ */ jsx(Label2, { htmlFor: opt.value, children: opt.label })
+          /* @__PURE__ */ jsx27(Label2, { htmlFor: opt.value, children: opt.label })
         ] }, opt.value))
       ]
     }
   );
 };
 var MultiCheckbox_default = MultiCheckbox;
+// src/components/Global/TinyMceEditor.tsx
+import { useMemo, useRef } from "react";
+import { Editor } from "@tinymce/tinymce-react";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function MyEditor({
   value,
   onChange,
@@ -27147,7 +27232,7 @@ function MyEditor({
     }
     return toolbar;
   }, [isDefault]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx28(
     Editor,
     {
       apiKey: process.env.NEXT_PUBLIC_TINYMCE_API_KEY,
@@ -27189,8 +27274,11 @@ function MyEditor({
     }
   );
 }
+// src/components/Inputs/RichText/RichText.tsx
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 function RichText({ className, style, ...props }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(className, props.errorMessage ? "border-red-500" : ""),
@@ -27199,21 +27287,25 @@ function RichText({ className, style, ...props }) {
         borderColor: props.errorMessage ? "#f87171" : style?.borderColor
       },
       children: [
-        /* @__PURE__ */ jsx(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
-        props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+        /* @__PURE__ */ jsx29(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
+        props.errorMessage && /* @__PURE__ */ jsx29("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
       ]
     }
   );
 }
+// src/components/ui/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -27221,7 +27313,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs16(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -27233,7 +27325,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx30(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx30(ChevronDown, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -27244,7 +27336,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs16(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -27256,8 +27348,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx30(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx30(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -27267,7 +27359,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx30(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -27277,7 +27369,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs16(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -27287,8 +27379,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx30("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx30(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -27297,7 +27389,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx30(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -27306,7 +27398,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx30(ChevronUp, { className: "size-4" })
     }
   );
 }
@@ -27314,7 +27406,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx30(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -27323,10 +27415,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+      children: /* @__PURE__ */ jsx30(ChevronDown, { className: "size-4" })
     }
   );
 }
+// src/components/Inputs/Dropdown/Dropdown.tsx
+import { Fragment as Fragment9, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var Dropdown = ({ className, style, ...props }) => {
   const list = props.data || [];
   const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
@@ -27342,9 +27437,9 @@ var Dropdown = ({ className, style, ...props }) => {
     value: item[dataKey],
     label: item[dataLabel]
   }));
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs17(Fragment9, { children: [
+    /* @__PURE__ */ jsxs17(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
+      /* @__PURE__ */ jsx31(
         SelectTrigger,
         {
           id: props.name || "select-field",
@@ -27354,20 +27449,24 @@ var Dropdown = ({ className, style, ...props }) => {
             borderColor: props.errorMessage ? "#f87171" : style?.borderColor
           },
           "aria-readonly": isReadonly,
-          children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+          children: /* @__PURE__ */ jsx31(SelectValue, { placeholder })
         }
       ),
-      /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+      /* @__PURE__ */ jsx31(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx31(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx31("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var Dropdown_default = Dropdown;
+// src/components/ui/switch.tsx
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Switch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx32(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -27376,7 +27475,7 @@ function Switch({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx32(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -27388,15 +27487,18 @@ function Switch({
     }
   );
 }
+// src/components/Inputs/SwitchToggle/SwitchToggle.tsx
+import { Fragment as Fragment10, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 var SwitchToggle = ({ className, style, ...props }) => {
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
   const handleChange = (value) => {
     props.onChange?.(value);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs18(Fragment10, { children: [
+    /* @__PURE__ */ jsx33("div", { className, style, children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-2 mb-2", children: [
+      /* @__PURE__ */ jsx33(
         Switch,
         {
           id: props.name || "switch",
@@ -27405,12 +27507,17 @@ var SwitchToggle = ({ className, style, ...props }) => {
           disabled: isDisabled || !isEditable
         }
       ),
-      /* @__PURE__ */ jsx(Label2, { htmlFor: props.name || "switch", children: props.text })
+      /* @__PURE__ */ jsx33(Label2, { htmlFor: props.name || "switch", children: props.text })
     ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx33("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var SwitchToggle_default = SwitchToggle;
+// src/components/Inputs/PhoneInput/PhoneInput.tsx
+import { PhoneInput as PhoneInputField } from "react-international-phone";
+import "react-international-phone/style.css";
+import { Fragment as Fragment11, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 var PhoneInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Enter phone number";
   const isEditable = props.isEditable ?? true;
@@ -27418,9 +27525,9 @@ var PhoneInput = ({ className, style, ...props }) => {
   const handleChange = (val) => {
     props.onChange?.(val);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      PhoneInput$1,
+  return /* @__PURE__ */ jsxs19(Fragment11, { children: [
+    /* @__PURE__ */ jsx34(
+      PhoneInputField,
       {
         defaultCountry: "in",
         name: props.name,
@@ -27438,10 +27545,13 @@ var PhoneInput = ({ className, style, ...props }) => {
         disabled: isDisabled || !isEditable
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx34("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var PhoneInput_default = PhoneInput;
+// src/components/Inputs/SearchInput/SearchInput.tsx
+import { Fragment as Fragment12, jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 var SearchInput = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -27451,10 +27561,10 @@ var SearchInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs20(Fragment12, { children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx35(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx35(
         Input,
         {
           type: "text",
@@ -27474,14 +27584,17 @@ var SearchInput = ({ className, style, ...props }) => {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var SearchInput_default = SearchInput;
+// src/components/Inputs/FileInput/FileInput.tsx
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var FileInput2 = ({ className, style, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
-  return /* @__PURE__ */ jsxs("div", { className: "d-flex items-center relative align-middle", children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs21("div", { className: "d-flex items-center relative align-middle", children: [
+    /* @__PURE__ */ jsx36(
       Input,
       {
         type: "file",
@@ -27500,10 +27613,13 @@ var FileInput2 = ({ className, style, ...props }) => {
         }
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx36("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var FileInput_default = FileInput2;
+// src/components/Inputs/DatePicker/DatePicker.tsx
+import { Fragment as Fragment13, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function DatePicker({ className, style, ...props }) {
   const placeholder = props.placeholder ?? "Placeholder text";
   const minimumDate = props.minimumDate ?? "none";
@@ -27531,10 +27647,10 @@ function DatePicker({ className, style, ...props }) {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-start items-center relative", children: [
-      /* @__PURE__ */ jsx(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs22(Fragment13, { children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex justify-start items-center relative", children: [
+      /* @__PURE__ */ jsx37(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
+      /* @__PURE__ */ jsx37(
         Input,
         {
           type: "date",
@@ -27560,9 +27676,18 @@ function DatePicker({ className, style, ...props }) {
         }
       )
     ] }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx37("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 }
+// src/components/Inputs/DateRange/DateRange.tsx
+import * as React4 from "react";
+import { addDays, format } from "date-fns";
+// src/components/ui/calendar.tsx
+import * as React3 from "react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Calendar2({
   className,
   classNames,
@@ -27574,7 +27699,7 @@ function Calendar2({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx38(
     DayPicker,
     {
       showOutsideDays,
@@ -27673,7 +27798,7 @@ function Calendar2({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx38(
             "div",
             {
               "data-slot": "calendar",
@@ -27685,10 +27810,10 @@ function Calendar2({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx(ChevronLeft, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx38(ChevronLeft, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ jsx38(
               ChevronRight,
               {
                 className: cn("size-4", className2),
@@ -27696,11 +27821,11 @@ function Calendar2({
               }
             );
           }
-          return /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx38(ChevronDown, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx38("td", { ...props2, children: /* @__PURE__ */ jsx38("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -27715,11 +27840,11 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React6.useRef(null);
-  React6.useEffect(() => {
+  const ref = React3.useRef(null);
+  React3.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx38(
     Button,
     {
       ref,
@@ -27739,15 +27864,19 @@ function CalendarDayButton({
     }
   );
 }
+// src/components/ui/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx39(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx39(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -27755,7 +27884,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx39(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx39(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -27769,9 +27898,12 @@ function PopoverContent({
     }
   ) });
 }
+// src/components/Inputs/DateRange/DateRange.tsx
+import { Fragment as Fragment14, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var DateRange = ({ className, style, ...props }) => {
   const isDateRange = (val) => !!val && val.from instanceof Date;
-  const [date, setDate] = React6.useState(
+  const [date, setDate] = React4.useState(
     isDateRange(props.value) ? props.value : {
       from: /* @__PURE__ */ new Date(),
       to: addDays(/* @__PURE__ */ new Date(), 7)
@@ -27783,9 +27915,9 @@ var DateRange = ({ className, style, ...props }) => {
       props.onChange?.(value);
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs(Popover, { children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs23(Fragment14, { children: [
+    /* @__PURE__ */ jsx40("div", { className, style, children: /* @__PURE__ */ jsxs23(Popover, { children: [
+      /* @__PURE__ */ jsx40(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx40(
         Button,
         {
           id: "date",
@@ -27794,15 +27926,15 @@ var DateRange = ({ className, style, ...props }) => {
             "w-[300px] justify-start text-left font-normal text-[11px]",
             !date && "text-muted-foreground"
           ),
-          children: date?.from ? date.to ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          children: date?.from ? date.to ? /* @__PURE__ */ jsxs23(Fragment14, { children: [
             format(date.from, "LLL dd, y"),
             " -",
             " ",
             format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx("span", { children: "Pick a date range" })
+          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx40("span", { children: "Pick a date range" })
         }
       ) }),
-      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx40(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx40(
         Calendar2,
         {
           mode: "range",
@@ -27813,10 +27945,13 @@ var DateRange = ({ className, style, ...props }) => {
         }
       ) })
     ] }) }),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx40("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var DateRange_default = DateRange;
+// src/components/Inputs/TextInputGroup/TextInputGroup.tsx
+import { Fragment as Fragment15, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
@@ -27826,8 +27961,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs24(Fragment15, { children: [
+    /* @__PURE__ */ jsxs24(
       "div",
       {
         className: cn(
@@ -27837,8 +27972,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
           props.errorMessage ? "border-red-500" : ""
         ),
         children: [
-          prepend && /* @__PURE__ */ jsx("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
-          /* @__PURE__ */ jsx(
+          prepend && /* @__PURE__ */ jsx41("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
+          /* @__PURE__ */ jsx41(
             Input,
             {
               id: props.name || "prepend-input",
@@ -27860,21 +27995,34 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
               readOnly: isReadonly
             }
           ),
-          append && /* @__PURE__ */ jsx("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
+          append && /* @__PURE__ */ jsx41("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
         ]
       }
     ),
-    props.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
+    props.errorMessage && /* @__PURE__ */ jsx41("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
   ] });
 };
 var TextInputGroup_default = TextInputGroup;
+// src/components/DataDisplay/Table/Table.tsx
+import { useState as useState4, useEffect as useEffect2 } from "react";
+// src/components/ui/data-table.tsx
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+// src/components/ui/table.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Table3({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx42(
         "table",
         {
           "data-slot": "table",
@@ -27886,7 +28034,7 @@ function Table3({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx42(
     "thead",
     {
       "data-slot": "table-header",
@@ -27899,7 +28047,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx42(
     "tbody",
     {
       "data-slot": "table-body",
@@ -27912,7 +28060,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx42(
     "tr",
     {
       "data-slot": "table-row",
@@ -27925,7 +28073,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx42(
     "th",
     {
       "data-slot": "table-head",
@@ -27938,7 +28086,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx42(
     "td",
     {
       "data-slot": "table-cell",
@@ -27950,6 +28098,9 @@ function TableCell({ className, ...props }) {
     }
   );
 }
+// src/components/ui/data-table.tsx
+import { Fragment as Fragment16, jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function DataTable({
   columns,
   rowActions,
@@ -27974,14 +28125,14 @@ function DataTable({
       onCellClick(rowData, columnId);
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs(Table3, { children: [
-    /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => {
-      return /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
+  return /* @__PURE__ */ jsx43("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs25(Table3, { children: [
+    /* @__PURE__ */ jsx43(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx43(TableRow, { children: headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ jsx43(TableHead, { children: header.isPlaceholder ? null : flexRender(
         header.column.columnDef.header,
         header.getContext()
       ) }, header.id);
     }) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx(Fragment, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx43(TableBody, { children: loading ? /* @__PURE__ */ jsx43(TableRow, { children: /* @__PURE__ */ jsx43(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx43(Fragment16, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs25(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
@@ -27991,7 +28142,7 @@ function DataTable({
             const isCellClickable = cellClickEnabled(row.original, cell.column.id);
             const dynamicClass = cell.column.columnDef.meta?.cellClass || "";
             const dynamicStyle = cell.column.columnDef.meta?.cellStyle || {};
-            return /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ jsx43(
               TableCell,
               {
                 className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
@@ -28006,15 +28157,18 @@ function DataTable({
               cell.id
             );
           }),
-          rowActions.length > 0 && /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
+          rowActions.length > 0 && /* @__PURE__ */ jsx43("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx43("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
         ]
       },
       row.id
-    )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
+    )) : /* @__PURE__ */ jsx43(TableRow, { children: /* @__PURE__ */ jsx43(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
   ] }) });
 }
+// src/components/ui/pagination.tsx
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx44(
     "nav",
     {
       role: "navigation",
@@ -28029,7 +28183,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx44(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -28039,7 +28193,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx44("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -28047,7 +28201,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx44(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -28068,7 +28222,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs26(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -28076,8 +28230,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(ChevronLeft, {}),
-        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx44(ChevronLeft, {}),
+        /* @__PURE__ */ jsx44("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -28086,7 +28240,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs26(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -28094,8 +28248,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx(ChevronRight, {})
+        /* @__PURE__ */ jsx44("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx44(ChevronRight, {})
       ]
     }
   );
@@ -28104,7 +28258,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs26(
     "span",
     {
       "aria-hidden": true,
@@ -28112,12 +28266,15 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx(Ellipsis, { className: "size-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx44(Ellipsis, { className: "size-4" }),
+        /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
+// src/components/DataDisplay/Pagination/Pagination.tsx
+import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 var CustomPagination = ({
   totalPages,
   currentPage,
@@ -28163,10 +28320,10 @@ var CustomPagination = ({
     }
   };
   const pageNumbers = getPageNumbers();
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-1 w-full items-center justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Items per page:" }),
-      /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-row gap-1 w-full items-center justify-between", children: [
+    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx45("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Items per page:" }),
+      /* @__PURE__ */ jsxs27(
         Select,
         {
           defaultValue: String(perPage),
@@ -28174,26 +28331,26 @@ var CustomPagination = ({
             onPageChange({ page: 1, itemsPerPage: Number(value) });
           },
           children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[100px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select" }) }),
-            /* @__PURE__ */ jsxs(SelectContent, { children: [
-              /* @__PURE__ */ jsx(SelectItem, { value: "5", children: "5" }),
-              /* @__PURE__ */ jsx(SelectItem, { value: "10", children: "10" }),
-              /* @__PURE__ */ jsx(SelectItem, { value: "20", children: "20" }),
-              /* @__PURE__ */ jsx(SelectItem, { value: "50", children: "50" })
+            /* @__PURE__ */ jsx45(SelectTrigger, { className: "w-[100px]", children: /* @__PURE__ */ jsx45(SelectValue, { placeholder: "Select" }) }),
+            /* @__PURE__ */ jsxs27(SelectContent, { children: [
+              /* @__PURE__ */ jsx45(SelectItem, { value: "5", children: "5" }),
+              /* @__PURE__ */ jsx45(SelectItem, { value: "10", children: "10" }),
+              /* @__PURE__ */ jsx45(SelectItem, { value: "20", children: "20" }),
+              /* @__PURE__ */ jsx45(SelectItem, { value: "50", children: "50" })
             ] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(Pagination, { className: "justify-end", children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
-      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx45(Pagination, { className: "justify-end", children: /* @__PURE__ */ jsxs27(PaginationContent, { children: [
+      /* @__PURE__ */ jsx45(PaginationItem, { children: /* @__PURE__ */ jsx45(
         PaginationPrevious,
         {
           onClick: () => handlePageChange(currentPage - 1),
           className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
         }
       ) }),
-      pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx(PaginationEllipsis, {}) : /* @__PURE__ */ jsx(
+      pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx45(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx45(PaginationEllipsis, {}) : /* @__PURE__ */ jsx45(
         PaginationLink,
         {
           onClick: () => handlePageChange(pageNumber),
@@ -28202,7 +28359,7 @@ var CustomPagination = ({
           children: pageNumber
         }
       ) }, index)),
-      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx45(PaginationItem, { children: /* @__PURE__ */ jsx45(
         PaginationNext,
         {
           onClick: () => handlePageChange(currentPage + 1),
@@ -28213,6 +28370,9 @@ var CustomPagination = ({
   ] });
 };
 var Pagination_default = CustomPagination;
+// src/components/DataDisplay/Table/Table.tsx
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
 var Table4 = ({
   columns,
   data,
@@ -28232,9 +28392,9 @@ var Table4 = ({
   const rawData = Array.isArray(data) ? data : [];
   const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
   const isControlled = typeof page === "number";
-  const [internalPage, setInternalPage] = useState(1);
+  const [internalPage, setInternalPage] = useState4(1);
   const currentPage = isControlled ? page : internalPage;
-  useEffect(() => {
+  useEffect2(() => {
     if (isControlled) return;
     if (currentPage > 1 && !pagination) setInternalPage(1);
   }, [pagination, isControlled]);
@@ -28258,8 +28418,8 @@ var Table4 = ({
     if (!selectedColumn) return false;
     return selectedColumn.isClickable ?? false;
   };
-  return /* @__PURE__ */ jsxs("div", { className: `${className || ""} space-y-3`, style, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs28("div", { className: `${className || ""} space-y-3`, style, children: [
+    /* @__PURE__ */ jsx46(
       DataTable,
       {
         ...props,
@@ -28270,7 +28430,7 @@ var Table4 = ({
         cellClickEnabled: isCellClickEnabled
       }
     ),
-    enablePagination && /* @__PURE__ */ jsx(
+    enablePagination && /* @__PURE__ */ jsx46(
       Pagination_default,
       {
         perPage: itemsPerPage,
@@ -28282,6 +28442,9 @@ var Table4 = ({
   ] });
 };
 var Table_default = Table4;
+// src/components/Navigation/Tabs/Tabs.tsx
+import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
 var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }) => {
   const rawTabs = Array.isArray(tabs) ? tabs : [];
   const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
@@ -28294,23 +28457,23 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
   const renderDesktopTab = (tab, index) => {
     const finalClasses = [baseClasses, isActive(tab.url) ? activeClasses : hoverClasses, tab.className || ""].join(" ");
     if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
-      return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxs(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
+      return /* @__PURE__ */ jsxs29(DropdownMenu, { children: [
+        /* @__PURE__ */ jsxs29(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
           tab.header,
-          /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-80" })
+          /* @__PURE__ */ jsx47(ChevronDown, { className: "h-4 w-4 opacity-80" })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx47(
           DropdownMenuContent,
           {
             align: "start",
             sideOffset: 6,
             className: "z-50 min-w-[160px] rounded-md border border-gray-200 bg-white p-1 shadow-lg",
-            children: tab.children.map((item) => /* @__PURE__ */ jsx(
+            children: tab.children.map((item) => /* @__PURE__ */ jsx47(
               DropdownMenuItem,
               {
                 asChild: true,
                 className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
-                children: LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                children: LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
               },
               item.id
             ))
@@ -28318,14 +28481,14 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
         )
       ] }, index);
     }
-    return tab.url && LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
+    return tab.url && LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx47("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
   };
-  const renderMobileMenu = () => /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
-      /* @__PURE__ */ jsx(Menu, { className: "h-4 w-4" }),
+  const renderMobileMenu = () => /* @__PURE__ */ jsxs29(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs29(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
+      /* @__PURE__ */ jsx47(Menu, { className: "h-4 w-4" }),
       "Menu"
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx47(
       DropdownMenuContent,
       {
         align: "start",
@@ -28334,25 +28497,25 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
         children: rawTabs.map((tab, i) => {
           const hasChildren = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
           if (hasChildren) {
-            return /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
-              /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { className: "flex items-center justify-between cursor-pointer rounded-sm px-3 py-2 text-[13px] text-foreground hover:text-foreground", children: tab.header }),
-              /* @__PURE__ */ jsx(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ jsxs29(DropdownMenuSub, { children: [
+              /* @__PURE__ */ jsx47(DropdownMenuSubTrigger, { className: "flex items-center justify-between cursor-pointer rounded-sm px-3 py-2 text-[13px] text-foreground hover:text-foreground", children: tab.header }),
+              /* @__PURE__ */ jsx47(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsx47(
                 DropdownMenuItem,
                 {
                   asChild: true,
                   className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
-                  children: LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
+                  children: LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
                 },
                 item.id
               )) })
             ] }, i);
           }
-          return /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsx47(
             DropdownMenuItem,
             {
               asChild: true,
               className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
-              children: LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
+              children: LinkComponent ? /* @__PURE__ */ jsx47(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
             },
             i
           );
@@ -28362,18 +28525,22 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
   ] });
   const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
   const forceDesktop = canvasMode === "desktop";
-  return /* @__PURE__ */ jsxs("div", { className, style, children: [
-    forceDesktop && /* @__PURE__ */ jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
-    forceMobile && /* @__PURE__ */ jsx("div", { children: renderMobileMenu() }),
-    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: renderMobileMenu() })
+  return /* @__PURE__ */ jsxs29("div", { className, style, children: [
+    forceDesktop && /* @__PURE__ */ jsx47("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx47("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
+    forceMobile && /* @__PURE__ */ jsx47("div", { children: renderMobileMenu() }),
+    /* @__PURE__ */ jsx47("div", { className: "md:hidden", children: renderMobileMenu() })
   ] });
 };
 var Tabs_default = Tabs;
+// src/components/Navigation/Stages/Stages.tsx
+import React5 from "react";
+import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
 var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
-  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs(React6__default.Fragment, { children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx48("div", { className, style, children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
+    /* @__PURE__ */ jsx48("div", { className: "flex items-center", children: /* @__PURE__ */ jsx48("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx48("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx48("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
+    /* @__PURE__ */ jsx48("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs30(React5.Fragment, { children: [
+      /* @__PURE__ */ jsx48(
         "button",
         {
           className: `
@@ -28381,17 +28548,34 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
           children: stage.header
         }
       ),
-      index < stages.length - 1 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
+      index < stages.length - 1 && /* @__PURE__ */ jsx48("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
     ] }, stage.id)) }),
-    isShowBtn && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
+    isShowBtn && /* @__PURE__ */ jsx48("div", { className: "flex items-center", children: /* @__PURE__ */ jsx48("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
   ] }) });
 };
 var Stages_default = StagesComponent;
+// src/components/Navigation/Spacer/Spacer.tsx
+import { jsx as jsx49 } from "react/jsx-runtime";
 var Spacer = ({ className, style }) => {
-  return /* @__PURE__ */ jsx("div", { className: `${className}`, style });
+  return /* @__PURE__ */ jsx49("div", { className: `${className}`, style });
 };
 var Spacer_default = Spacer;
-var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+// src/components/Navigation/Profile/Profile.tsx
+import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+// src/components/Navigation/Notification/Notification.tsx
+import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+// src/components/Navigation/Logo/Logo.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+// src/components/ui/avatar.tsx
+import * as React6 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   AvatarPrimitive.Root,
   {
     ref,
@@ -28403,7 +28587,7 @@ var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   AvatarPrimitive.Image,
   {
     ref,
@@ -28412,7 +28596,7 @@ var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx53(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -28424,6 +28608,9 @@ var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+// src/components/Navigation/Navbar/Navbar.tsx
+import { Fragment as Fragment17, jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
 function Navbar({
   style,
   badgeType,
@@ -28440,9 +28627,9 @@ function Navbar({
   userName = "Guest User"
 }) {
   const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
-  return /* @__PURE__ */ jsx("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
-    LinkComponent && ImageComponent ? /* @__PURE__ */ jsx(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-blue-700", children: "Logo" }),
-    !isMobileView && LinkComponent && /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx54("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs33("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
+    LinkComponent && ImageComponent ? /* @__PURE__ */ jsx54(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx54(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx54("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx54("span", { className: "font-semibold text-blue-700", children: "Logo" }),
+    !isMobileView && LinkComponent && /* @__PURE__ */ jsx54("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsx54(
       LinkComponent,
       {
         href: item.url || "#",
@@ -28451,79 +28638,83 @@ function Navbar({
       },
       item.id
     )) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3", children: [
-      !isMobileView ? /* @__PURE__ */ jsx("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
-        /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ jsx(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
-      ] }) }) : /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-3", children: [
+      !isMobileView ? /* @__PURE__ */ jsx54("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs33("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
+        /* @__PURE__ */ jsx54(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
+        /* @__PURE__ */ jsx54(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
+      ] }) }) : /* @__PURE__ */ jsx54(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "border border-gray-400",
-          children: /* @__PURE__ */ jsx(Search, { className: "h-5 w-5 text-gray-400" })
+          children: /* @__PURE__ */ jsx54(Search, { className: "h-5 w-5 text-gray-400" })
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
-        /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
-        badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
+      /* @__PURE__ */ jsxs33("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
+        /* @__PURE__ */ jsx54(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx54(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
+        badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx54("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx54("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
       ] }),
-      /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-          !isMobileView && showName && /* @__PURE__ */ jsx("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: userName }),
-          !isMobileView ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs33(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx54(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-2", children: [
+          !isMobileView && showName && /* @__PURE__ */ jsx54("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: userName }),
+          !isMobileView ? /* @__PURE__ */ jsxs33(Fragment17, { children: [
+            /* @__PURE__ */ jsx54(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx54(
               AvatarImage,
               {
                 src: "/images/appbuilder/toolset/profile.svg",
                 alt: "Profile"
               }
-            ) : /* @__PURE__ */ jsx("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: userName && getInitials(userName) }) }),
-            /* @__PURE__ */ jsx(
+            ) : /* @__PURE__ */ jsx54("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: userName && getInitials(userName) }) }),
+            /* @__PURE__ */ jsx54(
               Button,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "text-gray-900 md:hidden",
-                children: /* @__PURE__ */ jsx(Menu, { className: "h-6 w-6" })
+                children: /* @__PURE__ */ jsx54(Menu, { className: "h-6 w-6" })
               }
             )
-          ] }) : /* @__PURE__ */ jsx(
+          ] }) : /* @__PURE__ */ jsx54(
             Button,
             {
               variant: "ghost",
               size: "icon",
               className: "text-gray-900",
-              children: /* @__PURE__ */ jsx(Menu, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ jsx54(Menu, { className: "h-6 w-6" })
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "bg-white", children: LinkComponent && /* @__PURE__ */ jsx(Fragment, { children: list && list.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: list.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id)) }) }) })
+        /* @__PURE__ */ jsx54(DropdownMenuContent, { align: "end", className: "bg-white", children: LinkComponent && /* @__PURE__ */ jsx54(Fragment17, { children: list && list.length > 0 && /* @__PURE__ */ jsx54(Fragment17, { children: list.map((item) => /* @__PURE__ */ jsx54(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsx54(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id)) }) }) })
       ] })
     ] })
   ] }) });
 }
+// src/components/Chart/BarChart.tsx
+import { BarChart, Bar, Area, AreaChart, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from "recharts";
+import { jsx as jsx55, jsxs as jsxs34 } from "react/jsx-runtime";
 var ChartComponent = ({ className, style, ...props }) => {
   const data = Array.isArray(props?.data) ? props.data : [];
   const chartType = props.chartType || "bar";
   const legendsPosition = props.legendsPosition === "middle" || props.legendsPosition === "bottom" ? props.legendsPosition : "top";
-  return /* @__PURE__ */ jsx("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs(BarChart, { data, children: [
-    /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    /* @__PURE__ */ jsx(Legend, { verticalAlign: legendsPosition, align: "center" }),
-    /* @__PURE__ */ jsx(Bar, { dataKey: "value", fill: "#00695C" })
-  ] }) : /* @__PURE__ */ jsxs(AreaChart, { data, children: [
-    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-      /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
-      /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
+  return /* @__PURE__ */ jsx55("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx55(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs34(BarChart, { data, children: [
+    /* @__PURE__ */ jsx55(CartesianGrid, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx55(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx55(YAxis, {}),
+    /* @__PURE__ */ jsx55(Tooltip, {}),
+    /* @__PURE__ */ jsx55(Legend, { verticalAlign: legendsPosition, align: "center" }),
+    /* @__PURE__ */ jsx55(Bar, { dataKey: "value", fill: "#00695C" })
+  ] }) : /* @__PURE__ */ jsxs34(AreaChart, { data, children: [
+    /* @__PURE__ */ jsx55("defs", { children: /* @__PURE__ */ jsxs34("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ jsx55("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
+      /* @__PURE__ */ jsx55("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
     ] }) }),
-    /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ jsx(XAxis, { dataKey: "name" }),
-    /* @__PURE__ */ jsx(YAxis, {}),
-    /* @__PURE__ */ jsx(Tooltip, {}),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx55(CartesianGrid, { strokeDasharray: "3 3" }),
+    /* @__PURE__ */ jsx55(XAxis, { dataKey: "name" }),
+    /* @__PURE__ */ jsx55(YAxis, {}),
+    /* @__PURE__ */ jsx55(Tooltip, {}),
+    /* @__PURE__ */ jsx55(
       Area,
       {
         type: "monotone",
@@ -28536,6 +28727,10 @@ var ChartComponent = ({ className, style, ...props }) => {
   ] }) }) });
 };
 var BarChart_default = ChartComponent;
+// src/components/Chart/PieChart.tsx
+import { PieChart, Pie, Cell, ResponsiveContainer as ResponsiveContainer2, Tooltip as Tooltip2, LabelList } from "recharts";
+import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
 var DonutChart = ({ className, style, ...props }) => {
   const data = Array.isArray(props?.data) ? props.data : [];
   const total = data.reduce((sum, d) => sum + d.value, 0);
@@ -28546,7 +28741,7 @@ var DonutChart = ({ className, style, ...props }) => {
   const renderLabel = ({ value, x, y }) => {
     if (value == null) return null;
     const percentage = (Number(value) / total * 100).toFixed(0);
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs35(
       "text",
       {
         x,
@@ -28563,37 +28758,38 @@ var DonutChart = ({ className, style, ...props }) => {
       }
     );
   };
+  const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
   const forceDesktop = canvasMode === "desktop";
   const wrapperClass = canvasMode ? forceDesktop ? "flex-row" : "flex-col" : "flex-col md:flex-row";
   const renderLegends = () => {
     if (!showLegends) return null;
-    return /* @__PURE__ */ jsx(Fragment, { children: data.map((d) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx56(Fragment18, { children: data.map((d) => /* @__PURE__ */ jsxs35(
       "div",
       {
         className: "flex items-center space-x-2 rounded-md border border-gray-200 px-3 py-2 w-[48%] md:w-auto",
         children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx56(
             "span",
             {
               className: "inline-block w-[16px] h-[16px] rounded",
               style: { backgroundColor: d.color }
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
+          /* @__PURE__ */ jsx56("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
         ]
       },
       d.name
     )) });
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       className: `relative flex items-center ${wrapperClass} ${className}`,
       style,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
-          data.length > 0 && /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart, { children: [
-            /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs35("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
+          data.length > 0 && /* @__PURE__ */ jsx56(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs35(PieChart, { children: [
+            /* @__PURE__ */ jsxs35(
               Pie,
               {
                 data,
@@ -28605,8 +28801,8 @@ var DonutChart = ({ className, style, ...props }) => {
                 labelLine: false,
                 isAnimationActive: false,
                 children: [
-                  data.map((entry, index) => /* @__PURE__ */ jsx(Cell, { fill: entry.color }, `cell-${index}`)),
-                  /* @__PURE__ */ jsx(
+                  data.map((entry, index) => /* @__PURE__ */ jsx56(Cell, { fill: entry.color }, `cell-${index}`)),
+                  /* @__PURE__ */ jsx56(
                     LabelList,
                     {
                       dataKey: "value",
@@ -28617,23 +28813,26 @@ var DonutChart = ({ className, style, ...props }) => {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Tooltip, { formatter: (value, name) => [`${value}k`, name] })
+            /* @__PURE__ */ jsx56(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
+          /* @__PURE__ */ jsxs35("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
             total,
             "k"
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
+        /* @__PURE__ */ jsx56("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
             w-full md:w-auto`, children: renderLegends() })
       ]
     }
   );
 };
 var PieChart_default = DonutChart;
+// src/components/Blocks/EmailComposer.tsx
+import { jsx as jsx57, jsxs as jsxs36 } from "react/jsx-runtime";
 function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }) {
-  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsxs("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx57("div", { className, style, children: /* @__PURE__ */ jsxs36("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
+    /* @__PURE__ */ jsx57("div", { className: "mb-3", children: /* @__PURE__ */ jsx57(
       "input",
       {
         type: "email",
@@ -28642,8 +28841,8 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         required: true
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx57("div", { className: "mb-3", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx57(
         "input",
         {
           type: "email",
@@ -28654,7 +28853,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
           required: true
         }
       ),
-      !showCc && /* @__PURE__ */ jsx(
+      !showCc && /* @__PURE__ */ jsx57(
         "button",
         {
           onClick: () => setShowCc?.(true),
@@ -28662,7 +28861,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
           children: "Cc"
         }
       ),
-      !showBcc && /* @__PURE__ */ jsx(
+      !showBcc && /* @__PURE__ */ jsx57(
         "button",
         {
           onClick: () => setShowBcc?.(true),
@@ -28671,7 +28870,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         }
       )
     ] }) }),
-    showCc && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(
+    showCc && /* @__PURE__ */ jsx57("div", { className: "mb-3", children: /* @__PURE__ */ jsx57(
       "input",
       {
         type: "text",
@@ -28681,7 +28880,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
       }
     ) }),
-    showBcc && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(
+    showBcc && /* @__PURE__ */ jsx57("div", { className: "mb-3", children: /* @__PURE__ */ jsx57(
       "input",
       {
         type: "text",
@@ -28691,7 +28890,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx57("div", { className: "mb-3", children: /* @__PURE__ */ jsx57(
       "input",
       {
         type: "text",
@@ -28701,14 +28900,17 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
         className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(MyEditor, { value: body, onChange: setBody }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
-      /* @__PURE__ */ jsx("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
-      /* @__PURE__ */ jsx("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
+    /* @__PURE__ */ jsx57("div", { className: "mb-4", children: /* @__PURE__ */ jsx57(MyEditor, { value: body, onChange: setBody }) }),
+    /* @__PURE__ */ jsxs36("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ jsx57("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
+      /* @__PURE__ */ jsx57("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
+      /* @__PURE__ */ jsx57("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
     ] })
   ] }) });
 }
+// src/components/ui/sonner-toast.tsx
+import { toast } from "sonner";
 function showSonnerToast({
   title,
   description,
@@ -28743,6 +28945,50 @@ function showSonnerToast({
       toast(title, options);
   }
 }
+export {
+  Accordion_default as Accordion,
+  BarChart_default as BarChart,
+  Breadcrumb_default as Breadcrumb,
+  Button_default as Button,
+  SplitButton as ButtonGroup,
+  Checkbox_default as Checkbox,
+  Container_default as Container,
+  DatePicker,
+  DateRange_default as DateRange,
+  Dropdown_default as Dropdown,
+  EmailInput_default as Email,
+  EmailComposer,
+  FileInput_default as FileInput,
+  Flex_default as FlexLayout,
+  Grid_default as GridLayout,
+  Icon_default as Icon,
+  Image_default as Image,
+  Modal_default as Modal,
+  MultiCheckbox_default as MultiCheckbox,
+  Navbar,
+  NumberInput_default as NumberInput,
+  Pagination_default as Pagination,
+  PasswordInput_default as Password,
+  PhoneInput_default as Phone,
+  PieChart_default as PieChart,
+  RadioInput_default as RadioGroup,
+  RichText,
+  SearchInput_default as Search,
+  Shape_default as Shape,
+  Spacer_default as Spacer,
+  Stages_default as Stages,
+  SwitchToggle_default as SwitchToggle,
+  Table_default as Table,
+  Tabs_default as Tabs,
+  TextInput_default as Text,
+  TextInputGroup_default as TextInputGroup,
+  Textarea_default as Textarea,
+  Typography_default as Typography,
+  UrlInput_default as URL,
+  cn,
+  getInitials,
+  showSonnerToast
+};
 /*! Bundled license information:
 lucide-react/dist/esm/shared/src/utils.js:
@@ -30392,7 +30638,4 @@ lucide-react/dist/esm/lucide-react.js:
    * See the LICENSE file in the root directory of this source tree.
    *)
 */
-export { Accordion_default as Accordion, BarChart_default as BarChart, Breadcrumb_default as Breadcrumb, Button_default as Button, SplitButton as ButtonGroup, Checkbox_default as Checkbox, Container_default as Container, DatePicker, DateRange_default as DateRange, Dropdown_default as Dropdown, EmailInput_default as Email, EmailComposer, FileInput_default as FileInput, Flex_default as FlexLayout, Grid_default as GridLayout, Icon_default as Icon, Image_default as Image, Modal_default as Modal, MultiCheckbox_default as MultiCheckbox, Navbar, NumberInput_default as NumberInput, Pagination_default as Pagination, PasswordInput_default as Password, PhoneInput_default as Phone, PieChart_default as PieChart, RadioInput_default as RadioGroup, RichText, SearchInput_default as Search, Shape_default as Shape, Spacer_default as Spacer, Stages_default as Stages, SwitchToggle_default as SwitchToggle, Table_default as Table, Tabs_default as Tabs, TextInput_default as Text, TextInputGroup_default as TextInputGroup, Textarea_default as Textarea, Typography_default as Typography, UrlInput_default as URL, showSonnerToast };
-//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map