@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
  1. package/dist/chunk-27YZ2WSP.mjs +10 -5
  2. package/dist/chunk-27YZ2WSP.mjs.map +1 -1
  3. package/dist/client.js +116 -64
  4. package/dist/client.js.map +1 -1
  5. package/dist/client.mjs +48 -28
  6. package/dist/client.mjs.map +1 -1
  7. package/dist/index.js +713 -472
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +583 -340
  10. package/dist/index.mjs.map +1 -1
  11. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,64 +1,83 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
4
- var React6 = require('react');
5
- var reactSlot = require('@radix-ui/react-slot');
6
- var classVarianceAuthority = require('class-variance-authority');
7
- var clsx = require('clsx');
8
- var tailwindMerge = require('tailwind-merge');
9
- var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
10
- var faSolid = require('@fortawesome/free-solid-svg-icons');
11
- var reactFontawesome = require('@fortawesome/react-fontawesome');
12
- var CheckboxPrimitive = require('@radix-ui/react-checkbox');
13
- var LabelPrimitive = require('@radix-ui/react-label');
14
- var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
15
- var tinymceReact = require('@tinymce/tinymce-react');
16
- var SelectPrimitive = require('@radix-ui/react-select');
17
- var SwitchPrimitive = require('@radix-ui/react-switch');
18
- var reactInternationalPhone = require('react-international-phone');
19
- require('react-international-phone/style.css');
20
- var dateFns = require('date-fns');
21
- var reactDayPicker = require('react-day-picker');
22
- var PopoverPrimitive = require('@radix-ui/react-popover');
23
- var reactTable = require('@tanstack/react-table');
24
- var AvatarPrimitive = require('@radix-ui/react-avatar');
25
- var recharts = require('recharts');
26
- var sonner = require('sonner');
27
-
28
- function _interopNamespace(e) {
29
- if (e && e.__esModule) return e;
30
- var n = Object.create(null);
31
- if (e) {
32
- Object.keys(e).forEach(function (k) {
33
- if (k !== 'default') {
34
- var d = Object.getOwnPropertyDescriptor(e, k);
35
- Object.defineProperty(n, k, d.get ? d : {
36
- enumerable: true,
37
- get: function () { return e[k]; }
38
- });
39
- }
40
- });
41
- }
42
- n.default = e;
43
- return Object.freeze(n);
44
- }
45
-
46
- var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
47
- var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
48
- var faSolid__namespace = /*#__PURE__*/_interopNamespace(faSolid);
49
- var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
50
- var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
51
- var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
52
- var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
53
- var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
54
- var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
55
- var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
56
-
1
+ 'use client';
2
+ "use strict";
3
+ var __create = Object.create;
57
4
  var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
58
9
  var __export = (target, all) => {
59
10
  for (var name in all)
60
11
  __defProp(target, name, { get: all[name], enumerable: true });
61
12
  };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from))
16
+ if (!__hasOwnProp.call(to, key) && key !== except)
17
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
+ }
19
+ return to;
20
+ };
21
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
+ // If the importer is in node compatibility mode or this is not an ESM
23
+ // file that has been converted to a CommonJS file using a Babel-
24
+ // compatible transform (i.e. "__esModule" has not been set), then set
25
+ // "default" to the CommonJS "module.exports" for node compatibility.
26
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
27
+ mod
28
+ ));
29
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
30
+
31
+ // src/index.ts
32
+ var src_exports = {};
33
+ __export(src_exports, {
34
+ Accordion: () => Accordion_default,
35
+ BarChart: () => BarChart_default,
36
+ Breadcrumb: () => Breadcrumb_default,
37
+ Button: () => Button_default,
38
+ ButtonGroup: () => SplitButton,
39
+ Checkbox: () => Checkbox_default,
40
+ Container: () => Container_default,
41
+ DatePicker: () => DatePicker,
42
+ DateRange: () => DateRange_default,
43
+ Dropdown: () => Dropdown_default,
44
+ Email: () => EmailInput_default,
45
+ EmailComposer: () => EmailComposer,
46
+ FileInput: () => FileInput_default,
47
+ FlexLayout: () => Flex_default,
48
+ GridLayout: () => Grid_default,
49
+ Icon: () => Icon_default,
50
+ Image: () => Image_default,
51
+ Modal: () => Modal_default,
52
+ MultiCheckbox: () => MultiCheckbox_default,
53
+ Navbar: () => Navbar,
54
+ NumberInput: () => NumberInput_default,
55
+ Pagination: () => Pagination_default,
56
+ Password: () => PasswordInput_default,
57
+ Phone: () => PhoneInput_default,
58
+ PieChart: () => PieChart_default,
59
+ RadioGroup: () => RadioInput_default,
60
+ RichText: () => RichText,
61
+ Search: () => SearchInput_default,
62
+ Shape: () => Shape_default,
63
+ Spacer: () => Spacer_default,
64
+ Stages: () => Stages_default,
65
+ SwitchToggle: () => SwitchToggle_default,
66
+ Table: () => Table_default,
67
+ Tabs: () => Tabs_default,
68
+ Text: () => TextInput_default,
69
+ TextInputGroup: () => TextInputGroup_default,
70
+ Textarea: () => Textarea_default,
71
+ Typography: () => Typography_default,
72
+ URL: () => UrlInput_default,
73
+ cn: () => cn,
74
+ getInitials: () => getInitials,
75
+ showSonnerToast: () => showSonnerToast
76
+ });
77
+ module.exports = __toCommonJS(src_exports);
78
+
79
+ // src/components/Layout/Modal.tsx
80
+ var import_jsx_runtime = require("react/jsx-runtime");
62
81
  var Modal = ({
63
82
  children,
64
83
  onClose,
@@ -66,10 +85,10 @@ var Modal = ({
66
85
  className,
67
86
  style
68
87
  }) => {
69
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-80", children: [
70
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center p-4 border-b border-gray-300 bg-gray-100", children: [
71
- /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[#000]", children: label || "Modal Title" }),
72
- /* @__PURE__ */ jsxRuntime.jsx(
88
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-h-80", children: [
89
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-between items-center p-4 border-b border-gray-300 bg-gray-100", children: [
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "text-[#000]", children: label || "Modal Title" }),
91
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
73
92
  "span",
74
93
  {
75
94
  className: "cursor-pointer text-[#000]",
@@ -79,57 +98,70 @@ var Modal = ({
79
98
  }
80
99
  )
81
100
  ] }),
82
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-90 overflow-y-auto p-4 custom-scroll", children })
101
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-90 overflow-y-auto p-4 custom-scroll", children })
83
102
  ] }) });
84
103
  };
85
104
  var Modal_default = Modal;
105
+
106
+ // src/components/Layout/Flex.tsx
107
+ var import_jsx_runtime2 = require("react/jsx-runtime");
86
108
  var Flex = ({
87
109
  children,
88
110
  className,
89
111
  style,
90
112
  ...props
91
113
  }) => {
92
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className, style, children });
114
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...props, className, style, children });
93
115
  };
94
116
  var Flex_default = Flex;
117
+
118
+ // src/components/Layout/Grid.tsx
119
+ var import_jsx_runtime3 = require("react/jsx-runtime");
95
120
  var Grid = ({
96
121
  children,
97
122
  className,
98
123
  style,
99
124
  ...props
100
125
  }) => {
101
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className, style, children });
126
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ...props, className, style, children });
102
127
  };
103
128
  var Grid_default = Grid;
129
+
130
+ // src/components/Layout/Container.tsx
131
+ var import_jsx_runtime4 = require("react/jsx-runtime");
104
132
  var Container = ({
105
133
  children,
106
134
  className,
107
135
  style,
108
136
  ...props
109
137
  }) => {
110
- return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className, style, children });
138
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ...props, className, style, children });
111
139
  };
112
140
  var Container_default = Container;
141
+
142
+ // src/components/Layout/Accordion.tsx
143
+ var import_react = require("react");
144
+ var import_jsx_runtime5 = require("react/jsx-runtime");
113
145
  var Accordion = ({
114
146
  children,
115
147
  name = "Accordion",
116
148
  style,
117
149
  className
118
150
  }) => {
119
- const [isOpen, setIsOpen] = React6.useState(false);
151
+ const [isOpen, setIsOpen] = (0, import_react.useState)(false);
120
152
  const onToggleCollapse = () => {
121
153
  setIsOpen((prev) => !prev);
122
154
  };
123
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bg-white border rounded overflow-hidden ${className} min-h-auto`, style: { backgroundColor: style?.backgroundColor }, children: [
124
- /* @__PURE__ */ jsxRuntime.jsxs(
155
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `bg-white border rounded overflow-hidden ${className} min-h-auto`, style: { backgroundColor: style?.backgroundColor }, children: [
156
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
125
157
  "div",
126
158
  {
127
159
  className: "flex justify-between items-center p-2 px-4 border-b bg-transparent cursor-pointer",
128
160
  onClick: onToggleCollapse,
129
161
  role: "presentation",
130
162
  children: [
131
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[14px] text-[#000]", children: name }),
132
- /* @__PURE__ */ jsxRuntime.jsx(
163
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[14px] text-[#000]", children: name }),
164
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
133
165
  "button",
134
166
  {
135
167
  className: "ml-2 px-2 py-1 text-sm text-[#000] rounded transition",
@@ -140,12 +172,20 @@ var Accordion = ({
140
172
  ]
141
173
  }
142
174
  ),
143
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: ` bg-white relative transition-all duration-200 ${isOpen ? "min-h-30 p-4" : "max-h-0 p-0 overflow-hidden"}`, children })
175
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: ` bg-white relative transition-all duration-200 ${isOpen ? "min-h-30 p-4" : "max-h-0 p-0 overflow-hidden"}`, children })
144
176
  ] });
145
177
  };
146
178
  var Accordion_default = Accordion;
179
+
180
+ // src/components/ui/button.tsx
181
+ var import_react_slot = require("@radix-ui/react-slot");
182
+ var import_class_variance_authority = require("class-variance-authority");
183
+
184
+ // src/lib/utils.ts
185
+ var import_clsx = require("clsx");
186
+ var import_tailwind_merge = require("tailwind-merge");
147
187
  function cn(...inputs) {
148
- return tailwindMerge.twMerge(clsx.clsx(inputs));
188
+ return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
149
189
  }
150
190
  function getInitials(name) {
151
191
  const words = name.split(" ");
@@ -157,7 +197,10 @@ function getInitials(name) {
157
197
  }
158
198
  return words[0].charAt(0) + words[1].charAt(0);
159
199
  }
160
- var buttonVariants = classVarianceAuthority.cva(
200
+
201
+ // src/components/ui/button.tsx
202
+ var import_jsx_runtime6 = require("react/jsx-runtime");
203
+ var buttonVariants = (0, import_class_variance_authority.cva)(
161
204
  "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",
162
205
  {
163
206
  variants: {
@@ -189,8 +232,8 @@ function Button({
189
232
  asChild = false,
190
233
  ...props
191
234
  }) {
192
- const Comp = asChild ? reactSlot.Slot : "button";
193
- return /* @__PURE__ */ jsxRuntime.jsx(
235
+ const Comp = asChild ? import_react_slot.Slot : "button";
236
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
194
237
  Comp,
195
238
  {
196
239
  "data-slot": "button",
@@ -199,13 +242,16 @@ function Button({
199
242
  }
200
243
  );
201
244
  }
245
+
246
+ // src/components/Basic/Button/Button.tsx
247
+ var import_jsx_runtime7 = require("react/jsx-runtime");
202
248
  var ButtonWrapper = ({
203
249
  className,
204
250
  style,
205
251
  textContent = "Button",
206
252
  ...props
207
253
  }) => {
208
- return /* @__PURE__ */ jsxRuntime.jsx(
254
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
209
255
  Button,
210
256
  {
211
257
  ...props,
@@ -219,6 +265,9 @@ var Button_default = ButtonWrapper;
219
265
 
220
266
  // src/assets/image-placeholder.png
221
267
  var image_placeholder_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAD25JREFUeJzt3XfwHGUdx/H3LyEJoQihJVITIEEQBUQHIQEBQaRMwApIyS8UQQREBQUZRaUXUQwwYoShSlWqQ5ci1ZE2YkIgEBIggNQEQgKk+Mf3t/7utt2ze7u35T6vmZ1M7vae57m7/fxu99nd5wERERERERERERERERERERERERERERERERERERERERERERERERERERERERGR7tJTdANiDAIOBDag3O2sm/eBS4Dnim6IxLsAWKKlkOVtYETrr6j+BhTdgBhfL7oBXWwYsH3RjSiDMgdkUNEN6HKDi25AGSxVdAMSeA14q+hG1FQPsFHRjZBk3qV5v/joYptTa0sTPA7pLbJBZVHmXSyRwikgIjEUEJEYCohIDAVEJIYCIhJDARGJoYCIxFBARGIoICIxqnQtVtYGAbsCewCfB9bELtB7G/gPcBdwBTC7qAaKxMnrWqweYC/gRVrfF/ERcB52+Xed6VqsCN22i7U0cBlwJbCOw/qDgMOAp4DP5dguKaluCshg4AZgnxSvXQu4F9sVky7STccgZwE7hTw+D7gFeBKYD4wEdgHG+NZbHrgR2AR4M7dWijjK8hhkLOHHGH8g/PiiB/g2FgT/ay5uox1lpWOQCsoyIHcS3AB+6vC6McB/fa9bDKzfRlvKSAGJkGQXa1ngCGwXJMp04FxggWOZawDfB1YKeW5ogrbFGQns4HvsZuAMh9c+C0zEdsE8PX2PHZ9F40psAvBF32PvAX/EfUigTwBHYl3oacwHLgSedlx/GWwbHRWzzgxgEvBByjZFuh63IWMudyxvCPCCY5nt/IJ8N6SszRK8vgd41Pf6f6VsS1mF/YJELW/g3u0d9suddJkLrO5Y37WOZV7nWF4iixwrn+tY3uaO5bUbkEm+cmalKON4XxkfUq8ewCQBWQLs7FDm0IRlxi3fcXwfCxzLW+hYXqIv2XXdxxzXm457mNqxaki9Sfl3KQYDK6RrTmLjgduws/ojO1RnnI9w2+VZAEzNoL7FWA+ji8cd1xvoWnk73byzsJ/bRtOAnzi+fg72l+gXwCohz29KgjeSQJr3HPaaRe02xMEE4CL6/zhtA2xHupAn9SLBYZbmAGcCLzm8fgmwO3Aabidlw8wDzgGmOK6/F3Zs6e9EWQ07l5Ur/8/UQTnXl1Uv1tm+ct4k+e7Rqb4y3if/8YInEL5b+xLZ96LVvRfrUILvz0md9qOj+H92VybYqxVnIPCtkDKdP+QU/L8cjdYE7qF+Xc2l1A0BuZ3gQdlpuA+teRiwnu+xm9ttVIxeosPhUUg6pBsC8gbW/ddoM2wjbHU8sjN2iUqjBcCl2TQtoBfr9/d/L09hu3WNFJKS+YDmfbi9c64vyzPpY7CuWf9+6MPAFgSPJ1YGTif8GOCkNtoRpzeivkewHrNx2Ik6//Mv035I6n4MMoHm9zYvj0pOb6hgOnaWNE9Z3w9yFMGNwFueBa7BJo65H+vKDFvvcWxjylov8eHw5BWSugdkGM33/5ySRyU92JwRe5N/OCD7gPRgXYZpT1Y9T/pLJuJMxC0cnjxCUveAAKyInXDclprMWJbHHYU9wDHAxyQLx73A8Azq90saDk/WIemGgNROntMffAa7ALFVMGZi53vy6MxIGw5PliFRQCqoE/ODrAv8ALvA8j7gIeAm7MTgl8nnTD60Hw5PViFRQCqorhPoHEA24fCMJTokox3LUEAqqI4BOQC7+C6rcHjaDYkCUkF1C0he4fC0ExIFpILqFJC8w+FJGxIFpILqEpBOhcOTJiQKSAXVISCdDodnLHYzmr/eVwgPiQKSgR7sJv7x2M3xeat6QIoKhydJSLohIMth4zBvkVcFv6b/w5vaV2GeqhyQAyk2HB7XkNQ9ICtgt0177+2EPCqZR/MHuFcelTTIKyDLYVd37o37PSFJlCUcHpeQ1D0g+9P83vy3DmTC/wFW5ZbbRsOxAQe8Mu8n21/CsoXD0yokdQ+Ibrl1MBz4O/Dphse2Bm4lm5AcCEwmeKXoo9iYwHMyqCOtB7Gbv97zPb46diGm6xn3rtMtAfHCsVHIc+NoPyQHUd5weB4Evkp4SO7qfHOqoRsCEhcOzzhs7Kk0ITkIG46zzOHwPER4SFYroC2VUPeADMfu2/aHYyHB/dCxJA9JlcLhiQqJhKhzQLxwbOh7/GNsGJ9DiA7J8g7lVzEcHoUkB1XqxRqOjcbnb/NH2Mkiz8GE9zo9QHxIol5XdG9VUlsR3rulXqwUqhIQ13B4ojb2BwkPSV3C4YkKSW+BbcqaAtInaTg8riGpWzg841BA2lb2gIwgXTg8rUJS13CAThRGqsskniOwrtyoA/IbHcqY3PfvBTQfeG+FTemwPuU4IF+nb/kn7jN5SUp16MXKIhyeyYT3bo2mHOGYiI3PdR82d+Kl2Iy8gzrYBolQxl2suN2q3duoO2p3qsjdqoFE9zi9iXU5b0e6P3raxcpA2QIyArvsPutweMp2zLEUwfGRw5bZ2AiSWyYoWwHJgH9jOSCPShrEBSTvcHj8ISn6gPw6WgekcZmBTfWwaYty6x4Qb7fZWxbnUcndNG+IeV8BGhWQuHCMz6EduwJ/Bk7G7Qx7nr5JsoA0LlOwG4XGhJRb94BsRP/lRUuAO/KoZBVsOrMrsLny8hYWkE6Ho2yGEjwOeR6bJCjJeMNPYHNJrt1Xbt0DAjar2DXA77DpLSrPH5Cz6O5weC6n+f2/j40RsCrwPayHy3XK7sXYdVk/Dnmut0PvR1LyByTsgLnbwgGwG8HPYU/fOmsAP8S6otPukvXm+zakXf6A+JcP6b5wgJ3zeJvmz+L6mPVHAcdh07glCchDwH4Uf9wlEeIC0q3h8PyJ5s9jAW6TGm0I/Ap4BvegzAf+gp10HZrlm5D2RAWk28MBsCPBz2VCwjI2w6bVezGkrKjlPayTZjd09r5wYQFROMxA4HWaP5tb2yhvS+zk4mzcw/I29ku2A/nNoyIx/AFROJqdR/Pn8zHtd18OwC5XuQC7fMU1LK8B52KXzddi/r8q8AfkV8U2p3S2JrihHpJh+UthQwVdgl2Q6RqWWcCZwOYZtkVCVHno0U7oAV6i+TO6J6e6hgBfA64mOMJm3PIscCLBK61rawD5DNcZRgFp7Tc0f0aLsHGu8rQsNmzrjdhur0tQFgNH5NwuF0PI8RaPnbB7EBZi+5t572sqIK19geDGeFQH618Ru0fF5VKXVzvYLr8B2O0Ai7DOjR3zqMT/c55LJQ0UEDfTaf6cHimgDSsCk4gPyLQC2uXxX30w0/WFSX5u1vT9f50Er5X8XO37/xbAyA7VvQp2lfNM4PCY9d6h2F0s/7a7duhaIap0T/qewMZFN6KE1gh5bC/sPpC8jMB+0Q/FjkmivAH8FuuSnptje0rB/5PZ6TsKtbgvT6b4vF2shR1/zm9R/yvYxZKdmInMRS1HNcnlrq8usQnWtTo1o/K8Cx4nEN+LORM4A7gQ6+GqvDKPavJQ0Q2ouKxmANsXO59xMNHhmI7NjzIaOJ+ahAPK/QvSC5yC/SXU5QutbYAdNHv2JJu5+H5J9HYyBfuOrsK6ULtap49BJJmjCX5Hm2VQbuOUdY3LEVTnD5emYBOuJvjF751BuUdjd276HY71Zkkf/YKU3wM0f0cvks1f+fGEX1YyDfhkBuXnTb8gAtixQKN1SDaAXJSbsDsK/b8kY7BJQKsQklQUkHq5luDBsmtv1vLE7zJ1bUhcaRerGu6i+Xt6ldZ/CPen/+TflcSf64ja3XqG8oaklmPzSjoHEfyuto9Zf2XsXvPG9W8k/p7zqoVEAZH/G4btBjV+V5Nj1j+R4Hdbt5AoINLkFpq/q7cI39hXIP6at7qEpCMBmeGrYNs8KpFM7Etwg9g1ZL2fhayXZUjKcp5kJ5rbNj2PSrYBXsDuST6F6pxF7UbLE5xL5DLfOstgl6M3rrOA8JDcQLVD0oMNJPEBFo6xxTZHysA/l8hcbBR3z48IbtBHASeFPF6HkIg0CZtL5Bt9zw0hOEjc6/Tfv6GQSO2FzSVyXd9zhxHciI/1vT7rkExFIZGS8c8l8gGwEsHxeN8ifBT3kwkPyfUoJFIDYXOJ3BHy2AkxZSgkUlthc4n4lznYycU4WYdkCpp3RErCP5eIfznVsZx2QhI2qNyBCd+HSC52IDoc87C5DV2dElHOX4kOSVh38hKC08aJFGIgNj1B2EZ6dorykoQkbHLQJdhcJppTRErjXIIb6QLSXy/lEpKwe+SXALfRfMKyNlbHxju6Gdil4LZIMuMIbqjnt1lmXEiOjXiuyHCMxy7inExOvWiN9zsvpIvmfKiBHqznqPF8iPP4tDFOJTwIZQvHJjRPI35fHpWoF6LaRgGXYrfOfinDcl1CcjvF7lYdEtKmzPkr0P0g4okLSdHhAI1qIgU7jvDR5O8Edsc6BCpJAZGsHEf/BY5gB8TjqXA4oNxj80r1/Byb6mw5shtZvlAKiGTtpaIbkCXtYonEUEBEYiggIjEUEJEYCohIDAVEJIYCIhJDARGJoYCIxEgSkHm+/8/JsiEiOXrf9/+5eVTSOBL4E/QPUylSdsvRPJ31MXlV9FlgR2xsV5EqWRr4CrBx0Q0RERERERERERERERERkZJLMgT9AGAPbNjKWdj4riJVMRzYD1gDeI4chh89j/5rWV7GJoMUqYJVgVfp337PyaMS/1xz++RRiUgOJtK87c53fWGSy90H+/4/NMFrRYrkv7jWeTBt3TAlEkMBEYmhgIjE6Emwrr9b7HXgXd9j04EjgRdalLUWMAn4VIL6Pc/11TGjxXpr99WxQYo6ngWOAGa2WG9kXx2jU9Qxra+OWS3WGwX8PmUdz2CfVas61u2rY/0UdUzF3sfLDnVMAtZLUccU4HBgdov1RmPvY5Tv8WHAar7Hkmz7TlznonvQoay7EpSXto572qzDZR67f7RZx90OdTTODZlXHQ+3WcftDnU80mYdf3Oo47EE5WVuoWPFLjfEN/ZJp1lcBox4o8063nKo450263i9JHW812Ydr3Sgjla/5mCT9biU9bFDWUCyY5BrHde7OsOyolyT0TpVqKMun1Un3odrHVe5VppkP2wINrPtujHrTAMupnVClwL2BzZKUH+aOiaQbrrqqcAl2K9mnEF9daQ5lpqCzTrrUkcv6Y6lktQxERiToo6ngcuARS3WG4y9jzR1/Bu43LGOA4g/lpoOXAR8lKIdIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIrX3Py2wAaYahY2rAAAAAElFTkSuQmCC";
268
+
269
+ // src/components/Basic/Image/Image.tsx
270
+ var import_jsx_runtime8 = require("react/jsx-runtime");
222
271
  var ImageControl = ({
223
272
  className,
224
273
  style,
@@ -235,20 +284,26 @@ var ImageControl = ({
235
284
  className
236
285
  );
237
286
  if (!imageUrl && !imageUrlExternal) {
238
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: imageClass, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
287
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: imageClass, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: image_placeholder_default, alt: altText, className: "opacity-50", width: 50, height: 50 }) });
239
288
  }
240
289
  const url = imageUrlExternal || imageUrl;
241
- return /* @__PURE__ */ jsxRuntime.jsx("img", { src: url, alt: altText, className: defaultImgClass, style });
290
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: url, alt: altText, className: defaultImgClass, style });
242
291
  };
243
292
  var Image_default = ImageControl;
293
+
294
+ // src/components/Basic/Shape/Shape.tsx
295
+ var import_jsx_runtime9 = require("react/jsx-runtime");
244
296
  var Shape = ({
245
297
  children,
246
298
  className,
247
299
  style
248
300
  }) => {
249
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children });
301
+ return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className, style, children });
250
302
  };
251
303
  var Shape_default = Shape;
304
+
305
+ // src/components/Basic/Typography/Typography.tsx
306
+ var import_react2 = __toESM(require("react"));
252
307
  var Typography = ({
253
308
  className,
254
309
  style,
@@ -256,14 +311,14 @@ var Typography = ({
256
311
  textContent
257
312
  }) => {
258
313
  const Tag2 = tagName || "h1";
259
- return React6__namespace.default.createElement(
314
+ return import_react2.default.createElement(
260
315
  Tag2,
261
316
  {
262
317
  style,
263
318
  className: cn(className, "pointer-events-auto")
264
319
  },
265
320
  [
266
- React6__namespace.default.createElement("span", {
321
+ import_react2.default.createElement("span", {
267
322
  key: "html",
268
323
  className: "pointer-events-none",
269
324
  dangerouslySetInnerHTML: { __html: textContent }
@@ -7470,6 +7525,9 @@ __export(icons_exports, {
7470
7525
  ZoomOut: () => ZoomOut
7471
7526
  });
7472
7527
 
7528
+ // node_modules/lucide-react/dist/esm/createLucideIcon.js
7529
+ var import_react4 = require("react");
7530
+
7473
7531
  // node_modules/lucide-react/dist/esm/shared/src/utils.js
7474
7532
  var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
7475
7533
  var toCamelCase = (string) => string.replace(
@@ -7491,6 +7549,9 @@ var hasA11yProp = (props) => {
7491
7549
  }
7492
7550
  };
7493
7551
 
7552
+ // node_modules/lucide-react/dist/esm/Icon.js
7553
+ var import_react3 = require("react");
7554
+
7494
7555
  // node_modules/lucide-react/dist/esm/defaultAttributes.js
7495
7556
  var defaultAttributes = {
7496
7557
  xmlns: "http://www.w3.org/2000/svg",
@@ -7505,7 +7566,7 @@ var defaultAttributes = {
7505
7566
  };
7506
7567
 
7507
7568
  // node_modules/lucide-react/dist/esm/Icon.js
7508
- var Icon = React6.forwardRef(
7569
+ var Icon = (0, import_react3.forwardRef)(
7509
7570
  ({
7510
7571
  color = "currentColor",
7511
7572
  size = 24,
@@ -7515,7 +7576,7 @@ var Icon = React6.forwardRef(
7515
7576
  children,
7516
7577
  iconNode,
7517
7578
  ...rest
7518
- }, ref) => React6.createElement(
7579
+ }, ref) => (0, import_react3.createElement)(
7519
7580
  "svg",
7520
7581
  {
7521
7582
  ref,
@@ -7529,7 +7590,7 @@ var Icon = React6.forwardRef(
7529
7590
  ...rest
7530
7591
  },
7531
7592
  [
7532
- ...iconNode.map(([tag, attrs]) => React6.createElement(tag, attrs)),
7593
+ ...iconNode.map(([tag, attrs]) => (0, import_react3.createElement)(tag, attrs)),
7533
7594
  ...Array.isArray(children) ? children : [children]
7534
7595
  ]
7535
7596
  )
@@ -7537,8 +7598,8 @@ var Icon = React6.forwardRef(
7537
7598
 
7538
7599
  // node_modules/lucide-react/dist/esm/createLucideIcon.js
7539
7600
  var createLucideIcon = (iconName, iconNode) => {
7540
- const Component2 = React6.forwardRef(
7541
- ({ className, ...props }, ref) => React6.createElement(Icon, {
7601
+ const Component2 = (0, import_react4.forwardRef)(
7602
+ ({ className, ...props }, ref) => (0, import_react4.createElement)(Icon, {
7542
7603
  ref,
7543
7604
  iconNode,
7544
7605
  className: mergeClasses(
@@ -26572,8 +26633,11 @@ var __iconNode1634 = [
26572
26633
  ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
26573
26634
  ];
26574
26635
  var ZoomOut = createLucideIcon("zoom-out", __iconNode1634);
26636
+
26637
+ // src/components/Basic/Breadcrumb/Breadcrumb.tsx
26638
+ var import_jsx_runtime10 = require("react/jsx-runtime");
26575
26639
  var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
26576
- return /* @__PURE__ */ jsxRuntime.jsx(
26640
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
26577
26641
  "nav",
26578
26642
  {
26579
26643
  "aria-label": "breadcrumb",
@@ -26581,32 +26645,36 @@ var Breadcrumb = ({ list = [], className, style, LinkComponent }) => {
26581
26645
  style,
26582
26646
  children: list.map((item, index) => {
26583
26647
  const isLast = index === list.length - 1;
26584
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
26585
- item.url && !isLast && LinkComponent ? /* @__PURE__ */ jsxRuntime.jsx(
26648
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center", children: [
26649
+ item.url && !isLast && LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
26586
26650
  LinkComponent,
26587
26651
  {
26588
26652
  href: item.url,
26589
26653
  className: "hover:text-foreground transition-colors",
26590
26654
  children: item.header
26591
26655
  }
26592
- ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: item.header }),
26593
- !isLast && /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
26656
+ ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-foreground font-medium", children: item.header }),
26657
+ !isLast && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChevronRight, { className: "mx-2 h-4 w-4 text-muted-foreground" })
26594
26658
  ] }, item.id);
26595
26659
  })
26596
26660
  }
26597
26661
  );
26598
26662
  };
26599
26663
  var Breadcrumb_default = Breadcrumb;
26664
+
26665
+ // src/components/ui/dropdown-menu.tsx
26666
+ var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
26667
+ var import_jsx_runtime11 = require("react/jsx-runtime");
26600
26668
  function DropdownMenu({
26601
26669
  ...props
26602
26670
  }) {
26603
- return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
26671
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
26604
26672
  }
26605
26673
  function DropdownMenuTrigger({
26606
26674
  ...props
26607
26675
  }) {
26608
- return /* @__PURE__ */ jsxRuntime.jsx(
26609
- DropdownMenuPrimitive__namespace.Trigger,
26676
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
26677
+ DropdownMenuPrimitive.Trigger,
26610
26678
  {
26611
26679
  "data-slot": "dropdown-menu-trigger",
26612
26680
  ...props
@@ -26618,8 +26686,8 @@ function DropdownMenuContent({
26618
26686
  sideOffset = 4,
26619
26687
  ...props
26620
26688
  }) {
26621
- return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
26622
- DropdownMenuPrimitive__namespace.Content,
26689
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
26690
+ DropdownMenuPrimitive.Content,
26623
26691
  {
26624
26692
  "data-slot": "dropdown-menu-content",
26625
26693
  sideOffset,
@@ -26637,8 +26705,8 @@ function DropdownMenuItem({
26637
26705
  variant = "default",
26638
26706
  ...props
26639
26707
  }) {
26640
- return /* @__PURE__ */ jsxRuntime.jsx(
26641
- DropdownMenuPrimitive__namespace.Item,
26708
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
26709
+ DropdownMenuPrimitive.Item,
26642
26710
  {
26643
26711
  "data-slot": "dropdown-menu-item",
26644
26712
  "data-inset": inset,
@@ -26654,7 +26722,7 @@ function DropdownMenuItem({
26654
26722
  function DropdownMenuSub({
26655
26723
  ...props
26656
26724
  }) {
26657
- return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
26725
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
26658
26726
  }
26659
26727
  function DropdownMenuSubTrigger({
26660
26728
  className,
@@ -26662,8 +26730,8 @@ function DropdownMenuSubTrigger({
26662
26730
  children,
26663
26731
  ...props
26664
26732
  }) {
26665
- return /* @__PURE__ */ jsxRuntime.jsxs(
26666
- DropdownMenuPrimitive__namespace.SubTrigger,
26733
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
26734
+ DropdownMenuPrimitive.SubTrigger,
26667
26735
  {
26668
26736
  "data-slot": "dropdown-menu-sub-trigger",
26669
26737
  "data-inset": inset,
@@ -26674,7 +26742,7 @@ function DropdownMenuSubTrigger({
26674
26742
  ...props,
26675
26743
  children: [
26676
26744
  children,
26677
- /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "ml-auto size-4" })
26745
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ChevronRight, { className: "ml-auto size-4" })
26678
26746
  ]
26679
26747
  }
26680
26748
  );
@@ -26683,8 +26751,8 @@ function DropdownMenuSubContent({
26683
26751
  className,
26684
26752
  ...props
26685
26753
  }) {
26686
- return /* @__PURE__ */ jsxRuntime.jsx(
26687
- DropdownMenuPrimitive__namespace.SubContent,
26754
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
26755
+ DropdownMenuPrimitive.SubContent,
26688
26756
  {
26689
26757
  "data-slot": "dropdown-menu-sub-content",
26690
26758
  className: cn(
@@ -26695,10 +26763,13 @@ function DropdownMenuSubContent({
26695
26763
  }
26696
26764
  );
26697
26765
  }
26766
+
26767
+ // src/components/Basic/ButtonGroup/ButtonGroup.tsx
26768
+ var import_jsx_runtime12 = require("react/jsx-runtime");
26698
26769
  function SplitButton({ style, textContent, className, list = [], LinkComponent }) {
26699
26770
  const bgColor = style?.backgroundColor || "";
26700
- return /* @__PURE__ */ jsxRuntime.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: [
26701
- /* @__PURE__ */ jsxRuntime.jsx(
26771
+ return /* @__PURE__ */ (0, import_jsx_runtime12.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: [
26772
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
26702
26773
  Button,
26703
26774
  {
26704
26775
  className: `rounded-none border-r px-4 py-2 text-whit focus:ring-0 ${className || ""}`,
@@ -26706,30 +26777,35 @@ function SplitButton({ style, textContent, className, list = [], LinkComponent }
26706
26777
  children: textContent || "Button"
26707
26778
  }
26708
26779
  ),
26709
- /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
26710
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
26780
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenu, { children: [
26781
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
26711
26782
  Button,
26712
26783
  {
26713
26784
  className: "rounded-none bg-teal-700 px-4 py-2 text-white ring-0 shadow-none hover:bg-teal-600 focus:ring-0",
26714
26785
  "aria-label": "Open Dropdown",
26715
26786
  style: { backgroundColor: bgColor },
26716
- children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "w-4 h-4" })
26787
+ children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChevronDown, { className: "w-4 h-4" })
26717
26788
  }
26718
26789
  ) }),
26719
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
26790
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuContent, { align: "end", className: "bg-white min-w-[120px]", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuItem, { className: "text-black", children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) : item.header }, item.id)) })
26720
26791
  ] })
26721
26792
  ] });
26722
26793
  }
26794
+
26795
+ // src/components/Basic/Icon/Icon.tsx
26796
+ var faSolid = __toESM(require("@fortawesome/free-solid-svg-icons"));
26797
+ var import_react_fontawesome = require("@fortawesome/react-fontawesome");
26798
+ var import_jsx_runtime13 = require("react/jsx-runtime");
26723
26799
  var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize = 10, style }) => {
26724
26800
  let content = null;
26725
26801
  if (iconType === "fontawesome") {
26726
26802
  const faKey = "fa" + name.charAt(0).toUpperCase() + name.slice(1);
26727
- const faIcon = faSolid__namespace[faKey];
26803
+ const faIcon = faSolid[faKey];
26728
26804
  if (!faIcon) {
26729
26805
  return null;
26730
26806
  }
26731
- content = /* @__PURE__ */ jsxRuntime.jsx(
26732
- reactFontawesome.FontAwesomeIcon,
26807
+ content = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
26808
+ import_react_fontawesome.FontAwesomeIcon,
26733
26809
  {
26734
26810
  icon: faIcon,
26735
26811
  className: cn("inline-block"),
@@ -26742,13 +26818,16 @@ var Icon2 = ({ iconType = "fontawesome", name = "Envelope", className, fontSize
26742
26818
  if (!Lucide) {
26743
26819
  return null;
26744
26820
  }
26745
- content = /* @__PURE__ */ jsxRuntime.jsx(Lucide, { className: cn("w-5 h-5"), size: fontSize, style: { color: style?.color } });
26821
+ content = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Lucide, { className: cn("w-5 h-5"), size: fontSize, style: { color: style?.color } });
26746
26822
  }
26747
- return /* @__PURE__ */ jsxRuntime.jsx("div", { style, className, children: content });
26823
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style, className, children: content });
26748
26824
  };
26749
26825
  var Icon_default = Icon2;
26826
+
26827
+ // src/components/ui/input.tsx
26828
+ var import_jsx_runtime14 = require("react/jsx-runtime");
26750
26829
  function Input({ className, type, ...props }) {
26751
- return /* @__PURE__ */ jsxRuntime.jsx(
26830
+ return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
26752
26831
  "input",
26753
26832
  {
26754
26833
  type,
@@ -26763,6 +26842,9 @@ function Input({ className, type, ...props }) {
26763
26842
  }
26764
26843
  );
26765
26844
  }
26845
+
26846
+ // src/components/Inputs/TextInput/TextInput.tsx
26847
+ var import_jsx_runtime15 = require("react/jsx-runtime");
26766
26848
  var TextInput = ({ className, style, ...props }) => {
26767
26849
  const placeholder = props.placeholder || "Placeholder text";
26768
26850
  const isEditable = props.isEditable ?? true;
@@ -26772,8 +26854,8 @@ var TextInput = ({ className, style, ...props }) => {
26772
26854
  const handleChange = (e) => {
26773
26855
  props.onChange?.(e);
26774
26856
  };
26775
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
26776
- /* @__PURE__ */ jsxRuntime.jsx(
26857
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
26858
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
26777
26859
  Input,
26778
26860
  {
26779
26861
  type: "text",
@@ -26791,10 +26873,13 @@ var TextInput = ({ className, style, ...props }) => {
26791
26873
  readOnly: isReadonly
26792
26874
  }
26793
26875
  ),
26794
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26876
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26795
26877
  ] });
26796
26878
  };
26797
26879
  var TextInput_default = TextInput;
26880
+
26881
+ // src/components/Inputs/NumberInput/NumberInput.tsx
26882
+ var import_jsx_runtime16 = require("react/jsx-runtime");
26798
26883
  var NumberInput = ({ className, style, ...props }) => {
26799
26884
  const placeholder = props.placeholder ?? "Placeholder text";
26800
26885
  const isEditable = props.isEditable ?? true;
@@ -26804,10 +26889,10 @@ var NumberInput = ({ className, style, ...props }) => {
26804
26889
  const handleChange = (e) => {
26805
26890
  props.onChange?.(e);
26806
26891
  };
26807
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
26808
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center relative", children: [
26809
- /* @__PURE__ */ jsxRuntime.jsx(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
26810
- /* @__PURE__ */ jsxRuntime.jsx(
26892
+ return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
26893
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex justify-start items-center relative", children: [
26894
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Calculator, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
26895
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
26811
26896
  Input,
26812
26897
  {
26813
26898
  type: "number",
@@ -26827,10 +26912,13 @@ var NumberInput = ({ className, style, ...props }) => {
26827
26912
  }
26828
26913
  )
26829
26914
  ] }),
26830
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26915
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26831
26916
  ] });
26832
26917
  };
26833
26918
  var NumberInput_default = NumberInput;
26919
+
26920
+ // src/components/Inputs/EmailInput/EmailInput.tsx
26921
+ var import_jsx_runtime17 = require("react/jsx-runtime");
26834
26922
  var EmailInput = ({ className, style, ...props }) => {
26835
26923
  const placeholder = props.placeholder ?? "Placeholder text";
26836
26924
  const isEditable = props.isEditable ?? true;
@@ -26840,10 +26928,10 @@ var EmailInput = ({ className, style, ...props }) => {
26840
26928
  const handleChange = (e) => {
26841
26929
  props.onChange?.(e);
26842
26930
  };
26843
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
26844
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center relative", children: [
26845
- /* @__PURE__ */ jsxRuntime.jsx(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
26846
- /* @__PURE__ */ jsxRuntime.jsx(
26931
+ return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
26932
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex justify-start items-center relative", children: [
26933
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Mail, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
26934
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
26847
26935
  Input,
26848
26936
  {
26849
26937
  type: "email",
@@ -26862,10 +26950,13 @@ var EmailInput = ({ className, style, ...props }) => {
26862
26950
  }
26863
26951
  )
26864
26952
  ] }),
26865
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26953
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26866
26954
  ] });
26867
26955
  };
26868
26956
  var EmailInput_default = EmailInput;
26957
+
26958
+ // src/components/Inputs/PasswordInput/PasswordInput.tsx
26959
+ var import_jsx_runtime18 = require("react/jsx-runtime");
26869
26960
  var PasswordInput = ({ className, style, ...props }) => {
26870
26961
  const placeholder = props.placeholder ?? "Placeholder text";
26871
26962
  const isEditable = props.isEditable ?? true;
@@ -26875,10 +26966,10 @@ var PasswordInput = ({ className, style, ...props }) => {
26875
26966
  const handleChange = (e) => {
26876
26967
  props.onChange?.(e);
26877
26968
  };
26878
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
26879
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center relative", children: [
26880
- /* @__PURE__ */ jsxRuntime.jsx(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
26881
- /* @__PURE__ */ jsxRuntime.jsx(
26969
+ return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
26970
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-start items-center relative", children: [
26971
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ScanEye, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
26972
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
26882
26973
  Input,
26883
26974
  {
26884
26975
  type: "password",
@@ -26898,12 +26989,15 @@ var PasswordInput = ({ className, style, ...props }) => {
26898
26989
  }
26899
26990
  )
26900
26991
  ] }),
26901
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26992
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26902
26993
  ] });
26903
26994
  };
26904
26995
  var PasswordInput_default = PasswordInput;
26996
+
26997
+ // src/components/ui/textarea.tsx
26998
+ var import_jsx_runtime19 = require("react/jsx-runtime");
26905
26999
  function Textarea({ className, ...props }) {
26906
- return /* @__PURE__ */ jsxRuntime.jsx(
27000
+ return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
26907
27001
  "textarea",
26908
27002
  {
26909
27003
  "data-slot": "textarea",
@@ -26915,6 +27009,9 @@ function Textarea({ className, ...props }) {
26915
27009
  }
26916
27010
  );
26917
27011
  }
27012
+
27013
+ // src/components/Inputs/Textarea/Textarea.tsx
27014
+ var import_jsx_runtime20 = require("react/jsx-runtime");
26918
27015
  var Textarea2 = ({ className, style, ...props }) => {
26919
27016
  const placeholder = props.placeholder ?? "Placeholder text";
26920
27017
  const isEditable = props.isEditable ?? true;
@@ -26924,8 +27021,8 @@ var Textarea2 = ({ className, style, ...props }) => {
26924
27021
  const handleChange = (e) => {
26925
27022
  props.onChange?.(e);
26926
27023
  };
26927
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
26928
- /* @__PURE__ */ jsxRuntime.jsx(
27024
+ return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
27025
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
26929
27026
  Textarea,
26930
27027
  {
26931
27028
  id: "textarea-field",
@@ -26943,10 +27040,13 @@ var Textarea2 = ({ className, style, ...props }) => {
26943
27040
  readOnly: isReadonly
26944
27041
  }
26945
27042
  ),
26946
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27043
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26947
27044
  ] });
26948
27045
  };
26949
27046
  var Textarea_default = Textarea2;
27047
+
27048
+ // src/components/Inputs/UrlInput/UrlInput.tsx
27049
+ var import_jsx_runtime21 = require("react/jsx-runtime");
26950
27050
  var UrlInput = ({ className, style, ...props }) => {
26951
27051
  const placeholder = props.placeholder ?? "Placeholder text";
26952
27052
  const isEditable = props.isEditable ?? true;
@@ -26956,10 +27056,10 @@ var UrlInput = ({ className, style, ...props }) => {
26956
27056
  const handleChange = (e) => {
26957
27057
  props.onChange?.(e);
26958
27058
  };
26959
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
26960
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center relative", children: [
26961
- /* @__PURE__ */ jsxRuntime.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://" }),
26962
- /* @__PURE__ */ jsxRuntime.jsx(
27059
+ return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
27060
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex justify-start items-center relative", children: [
27061
+ /* @__PURE__ */ (0, import_jsx_runtime21.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://" }),
27062
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
26963
27063
  Input,
26964
27064
  {
26965
27065
  id: "url-field",
@@ -26979,16 +27079,20 @@ var UrlInput = ({ className, style, ...props }) => {
26979
27079
  }
26980
27080
  )
26981
27081
  ] }),
26982
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27082
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
26983
27083
  ] });
26984
27084
  };
26985
27085
  var UrlInput_default = UrlInput;
27086
+
27087
+ // src/components/ui/checkbox.tsx
27088
+ var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
27089
+ var import_jsx_runtime22 = require("react/jsx-runtime");
26986
27090
  function Checkbox({
26987
27091
  className,
26988
27092
  ...props
26989
27093
  }) {
26990
- return /* @__PURE__ */ jsxRuntime.jsx(
26991
- CheckboxPrimitive__namespace.Root,
27094
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
27095
+ CheckboxPrimitive.Root,
26992
27096
  {
26993
27097
  "data-slot": "checkbox",
26994
27098
  className: cn(
@@ -26996,23 +27100,27 @@ function Checkbox({
26996
27100
  className
26997
27101
  ),
26998
27102
  ...props,
26999
- children: /* @__PURE__ */ jsxRuntime.jsx(
27000
- CheckboxPrimitive__namespace.Indicator,
27103
+ children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
27104
+ CheckboxPrimitive.Indicator,
27001
27105
  {
27002
27106
  "data-slot": "checkbox-indicator",
27003
27107
  className: "flex items-center justify-center text-current transition-none",
27004
- children: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-3.5" })
27108
+ children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Check, { className: "size-3.5" })
27005
27109
  }
27006
27110
  )
27007
27111
  }
27008
27112
  );
27009
27113
  }
27114
+
27115
+ // src/components/ui/label.tsx
27116
+ var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
27117
+ var import_jsx_runtime23 = require("react/jsx-runtime");
27010
27118
  function Label2({
27011
27119
  className,
27012
27120
  ...props
27013
27121
  }) {
27014
- return /* @__PURE__ */ jsxRuntime.jsx(
27015
- LabelPrimitive__namespace.Root,
27122
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
27123
+ LabelPrimitive.Root,
27016
27124
  {
27017
27125
  "data-slot": "label",
27018
27126
  className: cn(
@@ -27023,6 +27131,9 @@ function Label2({
27023
27131
  }
27024
27132
  );
27025
27133
  }
27134
+
27135
+ // src/components/Inputs/Checkbox/Checkbox.tsx
27136
+ var import_jsx_runtime24 = require("react/jsx-runtime");
27026
27137
  var CheckboxInput = ({ className, style, ...props }) => {
27027
27138
  const isEditable = props.isEditable ?? true;
27028
27139
  const isDisabled = props.isDisabled ?? false;
@@ -27030,9 +27141,9 @@ var CheckboxInput = ({ className, style, ...props }) => {
27030
27141
  const handleChange = (value) => {
27031
27142
  props.onChange?.(value);
27032
27143
  };
27033
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27034
- /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
27035
- /* @__PURE__ */ jsxRuntime.jsx(
27144
+ return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
27145
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center space-x-2", children: [
27146
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
27036
27147
  Checkbox,
27037
27148
  {
27038
27149
  id: props.name || "checkbox",
@@ -27041,18 +27152,22 @@ var CheckboxInput = ({ className, style, ...props }) => {
27041
27152
  disabled: !isEditable || isDisabled
27042
27153
  }
27043
27154
  ),
27044
- /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: props.name || "checkbox", children: text })
27155
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Label2, { htmlFor: props.name || "checkbox", children: text })
27045
27156
  ] }) }),
27046
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27157
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27047
27158
  ] });
27048
27159
  };
27049
27160
  var Checkbox_default = CheckboxInput;
27161
+
27162
+ // src/components/ui/radio-group.tsx
27163
+ var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
27164
+ var import_jsx_runtime25 = require("react/jsx-runtime");
27050
27165
  function RadioGroup2({
27051
27166
  className,
27052
27167
  ...props
27053
27168
  }) {
27054
- return /* @__PURE__ */ jsxRuntime.jsx(
27055
- RadioGroupPrimitive__namespace.Root,
27169
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
27170
+ RadioGroupPrimitive.Root,
27056
27171
  {
27057
27172
  "data-slot": "radio-group",
27058
27173
  className: cn("grid gap-3", className),
@@ -27064,8 +27179,8 @@ function RadioGroupItem({
27064
27179
  className,
27065
27180
  ...props
27066
27181
  }) {
27067
- return /* @__PURE__ */ jsxRuntime.jsx(
27068
- RadioGroupPrimitive__namespace.Item,
27182
+ return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
27183
+ RadioGroupPrimitive.Item,
27069
27184
  {
27070
27185
  "data-slot": "radio-group-item",
27071
27186
  className: cn(
@@ -27073,17 +27188,20 @@ function RadioGroupItem({
27073
27188
  className
27074
27189
  ),
27075
27190
  ...props,
27076
- children: /* @__PURE__ */ jsxRuntime.jsx(
27077
- RadioGroupPrimitive__namespace.Indicator,
27191
+ children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
27192
+ RadioGroupPrimitive.Indicator,
27078
27193
  {
27079
27194
  "data-slot": "radio-group-indicator",
27080
27195
  className: "relative flex items-center justify-center",
27081
- children: /* @__PURE__ */ jsxRuntime.jsx(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
27196
+ children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
27082
27197
  }
27083
27198
  )
27084
27199
  }
27085
27200
  );
27086
27201
  }
27202
+
27203
+ // src/components/Inputs/RadioInput/RadioInput.tsx
27204
+ var import_jsx_runtime26 = require("react/jsx-runtime");
27087
27205
  var RadioInput = ({
27088
27206
  className,
27089
27207
  style,
@@ -27102,25 +27220,29 @@ var RadioInput = ({
27102
27220
  onChange?.(value);
27103
27221
  };
27104
27222
  const resolvedDefaultValue = (typeof defaultValue === "string" ? defaultValue : void 0) ?? options[0]?.value;
27105
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27106
- /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs(
27223
+ return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
27224
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
27107
27225
  RadioGroup2,
27108
27226
  {
27109
27227
  defaultValue: resolvedDefaultValue,
27110
27228
  onValueChange: handleChange,
27111
27229
  children: [
27112
- options.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-500", children: "No options available" }),
27113
- options.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
27114
- /* @__PURE__ */ jsxRuntime.jsx(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
27115
- /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
27230
+ options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "text-sm text-gray-500", children: "No options available" }),
27231
+ options.map((item) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center space-x-2", children: [
27232
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RadioGroupItem, { value: item.value, id: `radio-${item.value}` }),
27233
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Label2, { htmlFor: `radio-${item.value}`, children: item.label })
27116
27234
  ] }, item.value))
27117
27235
  ]
27118
27236
  }
27119
27237
  ) }),
27120
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27238
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27121
27239
  ] });
27122
27240
  };
27123
27241
  var RadioInput_default = RadioInput;
27242
+
27243
+ // src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
27244
+ var import_react5 = require("react");
27245
+ var import_jsx_runtime27 = require("react/jsx-runtime");
27124
27246
  var MultiCheckbox = ({
27125
27247
  className,
27126
27248
  style,
@@ -27132,12 +27254,12 @@ var MultiCheckbox = ({
27132
27254
  isEditable = true,
27133
27255
  isDisabled = false
27134
27256
  }) => {
27135
- const [value, setValue] = React6.useState(propValue);
27257
+ const [value, setValue] = (0, import_react5.useState)(propValue);
27136
27258
  const options = (data || []).map((item) => ({
27137
27259
  value: item[dataKey || "value"],
27138
27260
  label: item[dataLabel || "label"]
27139
27261
  }));
27140
- const handleChange = React6.useCallback(
27262
+ const handleChange = (0, import_react5.useCallback)(
27141
27263
  (key, checked) => {
27142
27264
  setValue((prev) => {
27143
27265
  const newValue = { ...prev, [key]: checked };
@@ -27147,15 +27269,15 @@ var MultiCheckbox = ({
27147
27269
  },
27148
27270
  [onChange]
27149
27271
  );
27150
- return /* @__PURE__ */ jsxRuntime.jsxs(
27272
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
27151
27273
  "div",
27152
27274
  {
27153
27275
  className: cn("flex flex-col gap-3", className),
27154
27276
  style,
27155
27277
  children: [
27156
- options.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "No options available." }),
27157
- options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
27158
- /* @__PURE__ */ jsxRuntime.jsx(
27278
+ options.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-sm text-gray-500", children: "No options available." }),
27279
+ options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center space-x-2", children: [
27280
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
27159
27281
  Checkbox,
27160
27282
  {
27161
27283
  id: opt.value,
@@ -27164,19 +27286,24 @@ var MultiCheckbox = ({
27164
27286
  disabled: !isEditable || isDisabled
27165
27287
  }
27166
27288
  ),
27167
- /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: opt.value, children: opt.label })
27289
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Label2, { htmlFor: opt.value, children: opt.label })
27168
27290
  ] }, opt.value))
27169
27291
  ]
27170
27292
  }
27171
27293
  );
27172
27294
  };
27173
27295
  var MultiCheckbox_default = MultiCheckbox;
27296
+
27297
+ // src/components/Global/TinyMceEditor.tsx
27298
+ var import_react6 = require("react");
27299
+ var import_tinymce_react = require("@tinymce/tinymce-react");
27300
+ var import_jsx_runtime28 = require("react/jsx-runtime");
27174
27301
  function MyEditor({
27175
27302
  value,
27176
27303
  onChange,
27177
27304
  isDefault
27178
27305
  }) {
27179
- const editorRef = React6.useRef(null);
27306
+ const editorRef = (0, import_react6.useRef)(null);
27180
27307
  function stripOuterP(html) {
27181
27308
  const trimmedHtml = html.trim();
27182
27309
  if (!trimmedHtml) return "";
@@ -27188,15 +27315,15 @@ function MyEditor({
27188
27315
  }
27189
27316
  return trimmedHtml;
27190
27317
  }
27191
- const isDefaultToolbar = React6.useMemo(() => {
27318
+ const isDefaultToolbar = (0, import_react6.useMemo)(() => {
27192
27319
  let toolbar = "undo redo | formatselect | bold italic forecolor";
27193
27320
  if (isDefault) {
27194
27321
  toolbar = "undo redo | blocks | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help";
27195
27322
  }
27196
27323
  return toolbar;
27197
27324
  }, [isDefault]);
27198
- return /* @__PURE__ */ jsxRuntime.jsx(
27199
- tinymceReact.Editor,
27325
+ return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
27326
+ import_tinymce_react.Editor,
27200
27327
  {
27201
27328
  apiKey: process.env.NEXT_PUBLIC_TINYMCE_API_KEY,
27202
27329
  tinymceScriptSrc: process.env.NEXT_PUBLIC_TINYMCE_SCRIPT_SRC,
@@ -27237,8 +27364,11 @@ function MyEditor({
27237
27364
  }
27238
27365
  );
27239
27366
  }
27367
+
27368
+ // src/components/Inputs/RichText/RichText.tsx
27369
+ var import_jsx_runtime29 = require("react/jsx-runtime");
27240
27370
  function RichText({ className, style, ...props }) {
27241
- return /* @__PURE__ */ jsxRuntime.jsxs(
27371
+ return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
27242
27372
  "div",
27243
27373
  {
27244
27374
  className: cn(className, props.errorMessage ? "border-red-500" : ""),
@@ -27247,21 +27377,25 @@ function RichText({ className, style, ...props }) {
27247
27377
  borderColor: props.errorMessage ? "#f87171" : style?.borderColor
27248
27378
  },
27249
27379
  children: [
27250
- /* @__PURE__ */ jsxRuntime.jsx(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
27251
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27380
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(MyEditor, { onChange: (content) => props.onChange?.(content), value: props.value, isDefault: true }),
27381
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27252
27382
  ]
27253
27383
  }
27254
27384
  );
27255
27385
  }
27386
+
27387
+ // src/components/ui/select.tsx
27388
+ var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
27389
+ var import_jsx_runtime30 = require("react/jsx-runtime");
27256
27390
  function Select({
27257
27391
  ...props
27258
27392
  }) {
27259
- return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Root, { "data-slot": "select", ...props });
27393
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Root, { "data-slot": "select", ...props });
27260
27394
  }
27261
27395
  function SelectValue({
27262
27396
  ...props
27263
27397
  }) {
27264
- return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { "data-slot": "select-value", ...props });
27398
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
27265
27399
  }
27266
27400
  function SelectTrigger({
27267
27401
  className,
@@ -27269,8 +27403,8 @@ function SelectTrigger({
27269
27403
  children,
27270
27404
  ...props
27271
27405
  }) {
27272
- return /* @__PURE__ */ jsxRuntime.jsxs(
27273
- SelectPrimitive__namespace.Trigger,
27406
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
27407
+ SelectPrimitive.Trigger,
27274
27408
  {
27275
27409
  "data-slot": "select-trigger",
27276
27410
  "data-size": size,
@@ -27281,7 +27415,7 @@ function SelectTrigger({
27281
27415
  ...props,
27282
27416
  children: [
27283
27417
  children,
27284
- /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "size-4 opacity-50" }) })
27418
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDown, { className: "size-4 opacity-50" }) })
27285
27419
  ]
27286
27420
  }
27287
27421
  );
@@ -27292,8 +27426,8 @@ function SelectContent({
27292
27426
  position = "popper",
27293
27427
  ...props
27294
27428
  }) {
27295
- return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
27296
- SelectPrimitive__namespace.Content,
27429
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
27430
+ SelectPrimitive.Content,
27297
27431
  {
27298
27432
  "data-slot": "select-content",
27299
27433
  className: cn(
@@ -27304,9 +27438,9 @@ function SelectContent({
27304
27438
  position,
27305
27439
  ...props,
27306
27440
  children: [
27307
- /* @__PURE__ */ jsxRuntime.jsx(SelectScrollUpButton, {}),
27308
- /* @__PURE__ */ jsxRuntime.jsx(
27309
- SelectPrimitive__namespace.Viewport,
27441
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollUpButton, {}),
27442
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
27443
+ SelectPrimitive.Viewport,
27310
27444
  {
27311
27445
  className: cn(
27312
27446
  "p-1",
@@ -27315,7 +27449,7 @@ function SelectContent({
27315
27449
  children
27316
27450
  }
27317
27451
  ),
27318
- /* @__PURE__ */ jsxRuntime.jsx(SelectScrollDownButton, {})
27452
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollDownButton, {})
27319
27453
  ]
27320
27454
  }
27321
27455
  ) });
@@ -27325,8 +27459,8 @@ function SelectItem({
27325
27459
  children,
27326
27460
  ...props
27327
27461
  }) {
27328
- return /* @__PURE__ */ jsxRuntime.jsxs(
27329
- SelectPrimitive__namespace.Item,
27462
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
27463
+ SelectPrimitive.Item,
27330
27464
  {
27331
27465
  "data-slot": "select-item",
27332
27466
  className: cn(
@@ -27335,8 +27469,8 @@ function SelectItem({
27335
27469
  ),
27336
27470
  ...props,
27337
27471
  children: [
27338
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(Check, { className: "size-4" }) }) }),
27339
- /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children })
27472
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Check, { className: "size-4" }) }) }),
27473
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectPrimitive.ItemText, { children })
27340
27474
  ]
27341
27475
  }
27342
27476
  );
@@ -27345,8 +27479,8 @@ function SelectScrollUpButton({
27345
27479
  className,
27346
27480
  ...props
27347
27481
  }) {
27348
- return /* @__PURE__ */ jsxRuntime.jsx(
27349
- SelectPrimitive__namespace.ScrollUpButton,
27482
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
27483
+ SelectPrimitive.ScrollUpButton,
27350
27484
  {
27351
27485
  "data-slot": "select-scroll-up-button",
27352
27486
  className: cn(
@@ -27354,7 +27488,7 @@ function SelectScrollUpButton({
27354
27488
  className
27355
27489
  ),
27356
27490
  ...props,
27357
- children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, { className: "size-4" })
27491
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronUp, { className: "size-4" })
27358
27492
  }
27359
27493
  );
27360
27494
  }
@@ -27362,8 +27496,8 @@ function SelectScrollDownButton({
27362
27496
  className,
27363
27497
  ...props
27364
27498
  }) {
27365
- return /* @__PURE__ */ jsxRuntime.jsx(
27366
- SelectPrimitive__namespace.ScrollDownButton,
27499
+ return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
27500
+ SelectPrimitive.ScrollDownButton,
27367
27501
  {
27368
27502
  "data-slot": "select-scroll-down-button",
27369
27503
  className: cn(
@@ -27371,10 +27505,13 @@ function SelectScrollDownButton({
27371
27505
  className
27372
27506
  ),
27373
27507
  ...props,
27374
- children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "size-4" })
27508
+ children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ChevronDown, { className: "size-4" })
27375
27509
  }
27376
27510
  );
27377
27511
  }
27512
+
27513
+ // src/components/Inputs/Dropdown/Dropdown.tsx
27514
+ var import_jsx_runtime31 = require("react/jsx-runtime");
27378
27515
  var Dropdown = ({ className, style, ...props }) => {
27379
27516
  const list = props.data || [];
27380
27517
  const placeholder = props.placeholder ? props.placeholder : "Placeholder text";
@@ -27390,9 +27527,9 @@ var Dropdown = ({ className, style, ...props }) => {
27390
27527
  value: item[dataKey],
27391
27528
  label: item[dataLabel]
27392
27529
  }));
27393
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27394
- /* @__PURE__ */ jsxRuntime.jsxs(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
27395
- /* @__PURE__ */ jsxRuntime.jsx(
27530
+ return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
27531
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Select, { name: props.name, value: props.value, onValueChange: handleChange, disabled: isDisabled || !isEditable, children: [
27532
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
27396
27533
  SelectTrigger,
27397
27534
  {
27398
27535
  id: props.name || "select-field",
@@ -27402,21 +27539,25 @@ var Dropdown = ({ className, style, ...props }) => {
27402
27539
  borderColor: props.errorMessage ? "#f87171" : style?.borderColor
27403
27540
  },
27404
27541
  "aria-readonly": isReadonly,
27405
- children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder })
27542
+ children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectValue, { placeholder })
27406
27543
  }
27407
27544
  ),
27408
- /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
27545
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectContent, { children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
27409
27546
  ] }),
27410
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27547
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27411
27548
  ] });
27412
27549
  };
27413
27550
  var Dropdown_default = Dropdown;
27551
+
27552
+ // src/components/ui/switch.tsx
27553
+ var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
27554
+ var import_jsx_runtime32 = require("react/jsx-runtime");
27414
27555
  function Switch({
27415
27556
  className,
27416
27557
  ...props
27417
27558
  }) {
27418
- return /* @__PURE__ */ jsxRuntime.jsx(
27419
- SwitchPrimitive__namespace.Root,
27559
+ return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
27560
+ SwitchPrimitive.Root,
27420
27561
  {
27421
27562
  "data-slot": "switch",
27422
27563
  className: cn(
@@ -27424,8 +27565,8 @@ function Switch({
27424
27565
  className
27425
27566
  ),
27426
27567
  ...props,
27427
- children: /* @__PURE__ */ jsxRuntime.jsx(
27428
- SwitchPrimitive__namespace.Thumb,
27568
+ children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
27569
+ SwitchPrimitive.Thumb,
27429
27570
  {
27430
27571
  "data-slot": "switch-thumb",
27431
27572
  className: cn(
@@ -27436,15 +27577,18 @@ function Switch({
27436
27577
  }
27437
27578
  );
27438
27579
  }
27580
+
27581
+ // src/components/Inputs/SwitchToggle/SwitchToggle.tsx
27582
+ var import_jsx_runtime33 = require("react/jsx-runtime");
27439
27583
  var SwitchToggle = ({ className, style, ...props }) => {
27440
27584
  const isEditable = props.isEditable ?? true;
27441
27585
  const isDisabled = props.isDisabled ?? false;
27442
27586
  const handleChange = (value) => {
27443
27587
  props.onChange?.(value);
27444
27588
  };
27445
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27446
- /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [
27447
- /* @__PURE__ */ jsxRuntime.jsx(
27589
+ return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
27590
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center space-x-2 mb-2", children: [
27591
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
27448
27592
  Switch,
27449
27593
  {
27450
27594
  id: props.name || "switch",
@@ -27453,12 +27597,17 @@ var SwitchToggle = ({ className, style, ...props }) => {
27453
27597
  disabled: isDisabled || !isEditable
27454
27598
  }
27455
27599
  ),
27456
- /* @__PURE__ */ jsxRuntime.jsx(Label2, { htmlFor: props.name || "switch", children: props.text })
27600
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Label2, { htmlFor: props.name || "switch", children: props.text })
27457
27601
  ] }) }),
27458
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27602
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27459
27603
  ] });
27460
27604
  };
27461
27605
  var SwitchToggle_default = SwitchToggle;
27606
+
27607
+ // src/components/Inputs/PhoneInput/PhoneInput.tsx
27608
+ var import_react_international_phone = require("react-international-phone");
27609
+ var import_style = require("react-international-phone/style.css");
27610
+ var import_jsx_runtime34 = require("react/jsx-runtime");
27462
27611
  var PhoneInput = ({ className, style, ...props }) => {
27463
27612
  const placeholder = props.placeholder ?? "Enter phone number";
27464
27613
  const isEditable = props.isEditable ?? true;
@@ -27466,9 +27615,9 @@ var PhoneInput = ({ className, style, ...props }) => {
27466
27615
  const handleChange = (val) => {
27467
27616
  props.onChange?.(val);
27468
27617
  };
27469
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27470
- /* @__PURE__ */ jsxRuntime.jsx(
27471
- reactInternationalPhone.PhoneInput,
27618
+ return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
27619
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
27620
+ import_react_international_phone.PhoneInput,
27472
27621
  {
27473
27622
  defaultCountry: "in",
27474
27623
  name: props.name,
@@ -27486,10 +27635,13 @@ var PhoneInput = ({ className, style, ...props }) => {
27486
27635
  disabled: isDisabled || !isEditable
27487
27636
  }
27488
27637
  ),
27489
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27638
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27490
27639
  ] });
27491
27640
  };
27492
27641
  var PhoneInput_default = PhoneInput;
27642
+
27643
+ // src/components/Inputs/SearchInput/SearchInput.tsx
27644
+ var import_jsx_runtime35 = require("react/jsx-runtime");
27493
27645
  var SearchInput = ({ className, style, ...props }) => {
27494
27646
  const placeholder = props.placeholder ?? "Placeholder text";
27495
27647
  const isEditable = props.isEditable ?? true;
@@ -27499,10 +27651,10 @@ var SearchInput = ({ className, style, ...props }) => {
27499
27651
  const handleChange = (e) => {
27500
27652
  props.onChange?.(e);
27501
27653
  };
27502
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27503
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center relative", children: [
27504
- /* @__PURE__ */ jsxRuntime.jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
27505
- /* @__PURE__ */ jsxRuntime.jsx(
27654
+ return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
27655
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex justify-start items-center relative", children: [
27656
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
27657
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
27506
27658
  Input,
27507
27659
  {
27508
27660
  type: "text",
@@ -27522,14 +27674,17 @@ var SearchInput = ({ className, style, ...props }) => {
27522
27674
  }
27523
27675
  )
27524
27676
  ] }),
27525
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27677
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27526
27678
  ] });
27527
27679
  };
27528
27680
  var SearchInput_default = SearchInput;
27681
+
27682
+ // src/components/Inputs/FileInput/FileInput.tsx
27683
+ var import_jsx_runtime36 = require("react/jsx-runtime");
27529
27684
  var FileInput2 = ({ className, style, ...props }) => {
27530
27685
  const placeholder = props.placeholder ?? "Placeholder text";
27531
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "d-flex items-center relative align-middle", children: [
27532
- /* @__PURE__ */ jsxRuntime.jsx(
27686
+ return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "d-flex items-center relative align-middle", children: [
27687
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
27533
27688
  Input,
27534
27689
  {
27535
27690
  type: "file",
@@ -27548,10 +27703,13 @@ var FileInput2 = ({ className, style, ...props }) => {
27548
27703
  }
27549
27704
  }
27550
27705
  ),
27551
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27706
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27552
27707
  ] });
27553
27708
  };
27554
27709
  var FileInput_default = FileInput2;
27710
+
27711
+ // src/components/Inputs/DatePicker/DatePicker.tsx
27712
+ var import_jsx_runtime37 = require("react/jsx-runtime");
27555
27713
  function DatePicker({ className, style, ...props }) {
27556
27714
  const placeholder = props.placeholder ?? "Placeholder text";
27557
27715
  const minimumDate = props.minimumDate ?? "none";
@@ -27579,10 +27737,10 @@ function DatePicker({ className, style, ...props }) {
27579
27737
  const handleChange = (e) => {
27580
27738
  props.onChange?.(e);
27581
27739
  };
27582
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27583
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-start items-center relative", children: [
27584
- /* @__PURE__ */ jsxRuntime.jsx(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
27585
- /* @__PURE__ */ jsxRuntime.jsx(
27740
+ return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
27741
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex justify-start items-center relative", children: [
27742
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Calendar, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-[#BDBDBD]" }),
27743
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
27586
27744
  Input,
27587
27745
  {
27588
27746
  type: "date",
@@ -27608,9 +27766,18 @@ function DatePicker({ className, style, ...props }) {
27608
27766
  }
27609
27767
  )
27610
27768
  ] }),
27611
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27769
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27612
27770
  ] });
27613
27771
  }
27772
+
27773
+ // src/components/Inputs/DateRange/DateRange.tsx
27774
+ var React4 = __toESM(require("react"));
27775
+ var import_date_fns = require("date-fns");
27776
+
27777
+ // src/components/ui/calendar.tsx
27778
+ var React3 = __toESM(require("react"));
27779
+ var import_react_day_picker = require("react-day-picker");
27780
+ var import_jsx_runtime38 = require("react/jsx-runtime");
27614
27781
  function Calendar2({
27615
27782
  className,
27616
27783
  classNames,
@@ -27621,9 +27788,9 @@ function Calendar2({
27621
27788
  components,
27622
27789
  ...props
27623
27790
  }) {
27624
- const defaultClassNames = reactDayPicker.getDefaultClassNames();
27625
- return /* @__PURE__ */ jsxRuntime.jsx(
27626
- reactDayPicker.DayPicker,
27791
+ const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
27792
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
27793
+ import_react_day_picker.DayPicker,
27627
27794
  {
27628
27795
  showOutsideDays,
27629
27796
  className: cn(
@@ -27721,7 +27888,7 @@ function Calendar2({
27721
27888
  },
27722
27889
  components: {
27723
27890
  Root: ({ className: className2, rootRef, ...props2 }) => {
27724
- return /* @__PURE__ */ jsxRuntime.jsx(
27891
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
27725
27892
  "div",
27726
27893
  {
27727
27894
  "data-slot": "calendar",
@@ -27733,10 +27900,10 @@ function Calendar2({
27733
27900
  },
27734
27901
  Chevron: ({ className: className2, orientation, ...props2 }) => {
27735
27902
  if (orientation === "left") {
27736
- return /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, { className: cn("size-4", className2), ...props2 });
27903
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronLeft, { className: cn("size-4", className2), ...props2 });
27737
27904
  }
27738
27905
  if (orientation === "right") {
27739
- return /* @__PURE__ */ jsxRuntime.jsx(
27906
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
27740
27907
  ChevronRight,
27741
27908
  {
27742
27909
  className: cn("size-4", className2),
@@ -27744,11 +27911,11 @@ function Calendar2({
27744
27911
  }
27745
27912
  );
27746
27913
  }
27747
- return /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: cn("size-4", className2), ...props2 });
27914
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChevronDown, { className: cn("size-4", className2), ...props2 });
27748
27915
  },
27749
27916
  DayButton: CalendarDayButton,
27750
27917
  WeekNumber: ({ children, ...props2 }) => {
27751
- return /* @__PURE__ */ jsxRuntime.jsx("td", { ...props2, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
27918
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
27752
27919
  },
27753
27920
  ...components
27754
27921
  },
@@ -27762,12 +27929,12 @@ function CalendarDayButton({
27762
27929
  modifiers,
27763
27930
  ...props
27764
27931
  }) {
27765
- const defaultClassNames = reactDayPicker.getDefaultClassNames();
27766
- const ref = React6__namespace.useRef(null);
27767
- React6__namespace.useEffect(() => {
27932
+ const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
27933
+ const ref = React3.useRef(null);
27934
+ React3.useEffect(() => {
27768
27935
  if (modifiers.focused) ref.current?.focus();
27769
27936
  }, [modifiers.focused]);
27770
- return /* @__PURE__ */ jsxRuntime.jsx(
27937
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
27771
27938
  Button,
27772
27939
  {
27773
27940
  ref,
@@ -27787,15 +27954,19 @@ function CalendarDayButton({
27787
27954
  }
27788
27955
  );
27789
27956
  }
27957
+
27958
+ // src/components/ui/popover.tsx
27959
+ var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
27960
+ var import_jsx_runtime39 = require("react/jsx-runtime");
27790
27961
  function Popover({
27791
27962
  ...props
27792
27963
  }) {
27793
- return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Root, { "data-slot": "popover", ...props });
27964
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
27794
27965
  }
27795
27966
  function PopoverTrigger({
27796
27967
  ...props
27797
27968
  }) {
27798
- return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, { "data-slot": "popover-trigger", ...props });
27969
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
27799
27970
  }
27800
27971
  function PopoverContent({
27801
27972
  className,
@@ -27803,8 +27974,8 @@ function PopoverContent({
27803
27974
  sideOffset = 4,
27804
27975
  ...props
27805
27976
  }) {
27806
- return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
27807
- PopoverPrimitive__namespace.Content,
27977
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
27978
+ PopoverPrimitive.Content,
27808
27979
  {
27809
27980
  "data-slot": "popover-content",
27810
27981
  align,
@@ -27817,12 +27988,15 @@ function PopoverContent({
27817
27988
  }
27818
27989
  ) });
27819
27990
  }
27991
+
27992
+ // src/components/Inputs/DateRange/DateRange.tsx
27993
+ var import_jsx_runtime40 = require("react/jsx-runtime");
27820
27994
  var DateRange = ({ className, style, ...props }) => {
27821
27995
  const isDateRange = (val) => !!val && val.from instanceof Date;
27822
- const [date, setDate] = React6__namespace.useState(
27996
+ const [date, setDate] = React4.useState(
27823
27997
  isDateRange(props.value) ? props.value : {
27824
27998
  from: /* @__PURE__ */ new Date(),
27825
- to: dateFns.addDays(/* @__PURE__ */ new Date(), 7)
27999
+ to: (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 7)
27826
28000
  }
27827
28001
  );
27828
28002
  const handleChange = (value) => {
@@ -27831,9 +28005,9 @@ var DateRange = ({ className, style, ...props }) => {
27831
28005
  props.onChange?.(value);
27832
28006
  }
27833
28007
  };
27834
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27835
- /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
27836
- /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
28008
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
28009
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Popover, { children: [
28010
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
27837
28011
  Button,
27838
28012
  {
27839
28013
  id: "date",
@@ -27842,15 +28016,15 @@ var DateRange = ({ className, style, ...props }) => {
27842
28016
  "w-[300px] justify-start text-left font-normal text-[11px]",
27843
28017
  !date && "text-muted-foreground"
27844
28018
  ),
27845
- children: date?.from ? date.to ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27846
- dateFns.format(date.from, "LLL dd, y"),
28019
+ children: date?.from ? date.to ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
28020
+ (0, import_date_fns.format)(date.from, "LLL dd, y"),
27847
28021
  " -",
27848
28022
  " ",
27849
- dateFns.format(date.to, "LLL dd, y")
27850
- ] }) : dateFns.format(date.from, "LLL dd, y") : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Pick a date range" })
28023
+ (0, import_date_fns.format)(date.to, "LLL dd, y")
28024
+ ] }) : (0, import_date_fns.format)(date.from, "LLL dd, y") : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: "Pick a date range" })
27851
28025
  }
27852
28026
  ) }),
27853
- /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(
28027
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
27854
28028
  Calendar2,
27855
28029
  {
27856
28030
  mode: "range",
@@ -27861,10 +28035,13 @@ var DateRange = ({ className, style, ...props }) => {
27861
28035
  }
27862
28036
  ) })
27863
28037
  ] }) }),
27864
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
28038
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27865
28039
  ] });
27866
28040
  };
27867
28041
  var DateRange_default = DateRange;
28042
+
28043
+ // src/components/Inputs/TextInputGroup/TextInputGroup.tsx
28044
+ var import_jsx_runtime41 = require("react/jsx-runtime");
27868
28045
  var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
27869
28046
  const placeholder = props.placeholder ?? "Placeholder text";
27870
28047
  const isEditable = props.isEditable ?? true;
@@ -27874,8 +28051,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
27874
28051
  const handleChange = (e) => {
27875
28052
  props.onChange?.(e);
27876
28053
  };
27877
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
27878
- /* @__PURE__ */ jsxRuntime.jsxs(
28054
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
28055
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
27879
28056
  "div",
27880
28057
  {
27881
28058
  className: cn(
@@ -27885,8 +28062,8 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
27885
28062
  props.errorMessage ? "border-red-500" : ""
27886
28063
  ),
27887
28064
  children: [
27888
- prepend && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
27889
- /* @__PURE__ */ jsxRuntime.jsx(
28065
+ prepend && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
28066
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
27890
28067
  Input,
27891
28068
  {
27892
28069
  id: props.name || "prepend-input",
@@ -27908,21 +28085,30 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
27908
28085
  readOnly: isReadonly
27909
28086
  }
27910
28087
  ),
27911
- append && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
28088
+ append && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
27912
28089
  ]
27913
28090
  }
27914
28091
  ),
27915
- props.errorMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
28092
+ props.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "mt-1 text-xs text-red-500", children: props.errorMessage })
27916
28093
  ] });
27917
28094
  };
27918
28095
  var TextInputGroup_default = TextInputGroup;
28096
+
28097
+ // src/components/DataDisplay/Table/Table.tsx
28098
+ var import_react7 = require("react");
28099
+
28100
+ // src/components/ui/data-table.tsx
28101
+ var import_react_table = require("@tanstack/react-table");
28102
+
28103
+ // src/components/ui/table.tsx
28104
+ var import_jsx_runtime42 = require("react/jsx-runtime");
27919
28105
  function Table3({ className, ...props }) {
27920
- return /* @__PURE__ */ jsxRuntime.jsx(
28106
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27921
28107
  "div",
27922
28108
  {
27923
28109
  "data-slot": "table-container",
27924
28110
  className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
27925
- children: /* @__PURE__ */ jsxRuntime.jsx(
28111
+ children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27926
28112
  "table",
27927
28113
  {
27928
28114
  "data-slot": "table",
@@ -27934,7 +28120,7 @@ function Table3({ className, ...props }) {
27934
28120
  );
27935
28121
  }
27936
28122
  function TableHeader({ className, ...props }) {
27937
- return /* @__PURE__ */ jsxRuntime.jsx(
28123
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27938
28124
  "thead",
27939
28125
  {
27940
28126
  "data-slot": "table-header",
@@ -27947,7 +28133,7 @@ function TableHeader({ className, ...props }) {
27947
28133
  );
27948
28134
  }
27949
28135
  function TableBody({ className, ...props }) {
27950
- return /* @__PURE__ */ jsxRuntime.jsx(
28136
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27951
28137
  "tbody",
27952
28138
  {
27953
28139
  "data-slot": "table-body",
@@ -27960,7 +28146,7 @@ function TableBody({ className, ...props }) {
27960
28146
  );
27961
28147
  }
27962
28148
  function TableRow({ className, ...props }) {
27963
- return /* @__PURE__ */ jsxRuntime.jsx(
28149
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27964
28150
  "tr",
27965
28151
  {
27966
28152
  "data-slot": "table-row",
@@ -27973,7 +28159,7 @@ function TableRow({ className, ...props }) {
27973
28159
  );
27974
28160
  }
27975
28161
  function TableHead({ className, ...props }) {
27976
- return /* @__PURE__ */ jsxRuntime.jsx(
28162
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27977
28163
  "th",
27978
28164
  {
27979
28165
  "data-slot": "table-head",
@@ -27986,7 +28172,7 @@ function TableHead({ className, ...props }) {
27986
28172
  );
27987
28173
  }
27988
28174
  function TableCell({ className, ...props }) {
27989
- return /* @__PURE__ */ jsxRuntime.jsx(
28175
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
27990
28176
  "td",
27991
28177
  {
27992
28178
  "data-slot": "table-cell",
@@ -27998,6 +28184,9 @@ function TableCell({ className, ...props }) {
27998
28184
  }
27999
28185
  );
28000
28186
  }
28187
+
28188
+ // src/components/ui/data-table.tsx
28189
+ var import_jsx_runtime43 = require("react/jsx-runtime");
28001
28190
  function DataTable({
28002
28191
  columns,
28003
28192
  rowActions,
@@ -28007,7 +28196,7 @@ function DataTable({
28007
28196
  onCellClick,
28008
28197
  cellClickEnabled = () => false
28009
28198
  }) {
28010
- const table = reactTable.useReactTable({
28199
+ const table = (0, import_react_table.useReactTable)({
28011
28200
  data,
28012
28201
  columns,
28013
28202
  enableRowSelection: true,
@@ -28015,21 +28204,21 @@ function DataTable({
28015
28204
  const value = typeof updaterOrValue === "function" ? updaterOrValue(table.getState().rowSelection) : updaterOrValue;
28016
28205
  getRowSelection(value);
28017
28206
  } : void 0,
28018
- getCoreRowModel: reactTable.getCoreRowModel()
28207
+ getCoreRowModel: (0, import_react_table.getCoreRowModel)()
28019
28208
  });
28020
28209
  const handleCellClick = (rowData, columnId) => {
28021
28210
  if (onCellClick) {
28022
28211
  onCellClick(rowData, columnId);
28023
28212
  }
28024
28213
  };
28025
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxRuntime.jsxs(Table3, { children: [
28026
- /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: headerGroup.headers.map((header) => {
28027
- return /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: header.isPlaceholder ? null : reactTable.flexRender(
28214
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Table3, { children: [
28215
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
28216
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
28028
28217
  header.column.columnDef.header,
28029
28218
  header.getContext()
28030
28219
  ) }, header.id);
28031
28220
  }) }, headerGroup.id)) }),
28032
- /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs(
28221
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableBody, { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
28033
28222
  TableRow,
28034
28223
  {
28035
28224
  "data-state": row.getIsSelected() && "selected",
@@ -28039,7 +28228,7 @@ function DataTable({
28039
28228
  const isCellClickable = cellClickEnabled(row.original, cell.column.id);
28040
28229
  const dynamicClass = cell.column.columnDef.meta?.cellClass || "";
28041
28230
  const dynamicStyle = cell.column.columnDef.meta?.cellStyle || {};
28042
- return /* @__PURE__ */ jsxRuntime.jsx(
28231
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
28043
28232
  TableCell,
28044
28233
  {
28045
28234
  className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
@@ -28049,20 +28238,23 @@ function DataTable({
28049
28238
  handleCellClick(row.original, cell.column.id);
28050
28239
  }
28051
28240
  },
28052
- children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())
28241
+ children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
28053
28242
  },
28054
28243
  cell.id
28055
28244
  );
28056
28245
  }),
28057
- rowActions.length > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
28246
+ rowActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.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__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
28058
28247
  ]
28059
28248
  },
28060
28249
  row.id
28061
- )) : /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
28250
+ )) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
28062
28251
  ] }) });
28063
28252
  }
28253
+
28254
+ // src/components/ui/pagination.tsx
28255
+ var import_jsx_runtime44 = require("react/jsx-runtime");
28064
28256
  function Pagination({ className, ...props }) {
28065
- return /* @__PURE__ */ jsxRuntime.jsx(
28257
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
28066
28258
  "nav",
28067
28259
  {
28068
28260
  role: "navigation",
@@ -28077,7 +28269,7 @@ function PaginationContent({
28077
28269
  className,
28078
28270
  ...props
28079
28271
  }) {
28080
- return /* @__PURE__ */ jsxRuntime.jsx(
28272
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
28081
28273
  "ul",
28082
28274
  {
28083
28275
  "data-slot": "pagination-content",
@@ -28087,7 +28279,7 @@ function PaginationContent({
28087
28279
  );
28088
28280
  }
28089
28281
  function PaginationItem({ ...props }) {
28090
- return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "pagination-item", ...props });
28282
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { "data-slot": "pagination-item", ...props });
28091
28283
  }
28092
28284
  function PaginationLink({
28093
28285
  className,
@@ -28095,7 +28287,7 @@ function PaginationLink({
28095
28287
  size = "icon",
28096
28288
  ...props
28097
28289
  }) {
28098
- return /* @__PURE__ */ jsxRuntime.jsx(
28290
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
28099
28291
  "a",
28100
28292
  {
28101
28293
  "aria-current": isActive ? "page" : void 0,
@@ -28116,7 +28308,7 @@ function PaginationPrevious({
28116
28308
  className,
28117
28309
  ...props
28118
28310
  }) {
28119
- return /* @__PURE__ */ jsxRuntime.jsxs(
28311
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
28120
28312
  PaginationLink,
28121
28313
  {
28122
28314
  "aria-label": "Go to previous page",
@@ -28124,8 +28316,8 @@ function PaginationPrevious({
28124
28316
  className: cn("gap-1 px-2.5 sm:pl-2.5", className),
28125
28317
  ...props,
28126
28318
  children: [
28127
- /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {}),
28128
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Previous" })
28319
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ChevronLeft, {}),
28320
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "hidden sm:block", children: "Previous" })
28129
28321
  ]
28130
28322
  }
28131
28323
  );
@@ -28134,7 +28326,7 @@ function PaginationNext({
28134
28326
  className,
28135
28327
  ...props
28136
28328
  }) {
28137
- return /* @__PURE__ */ jsxRuntime.jsxs(
28329
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
28138
28330
  PaginationLink,
28139
28331
  {
28140
28332
  "aria-label": "Go to next page",
@@ -28142,8 +28334,8 @@ function PaginationNext({
28142
28334
  className: cn("gap-1 px-2.5 sm:pr-2.5", className),
28143
28335
  ...props,
28144
28336
  children: [
28145
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Next" }),
28146
- /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
28337
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "hidden sm:block", children: "Next" }),
28338
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ChevronRight, {})
28147
28339
  ]
28148
28340
  }
28149
28341
  );
@@ -28152,7 +28344,7 @@ function PaginationEllipsis({
28152
28344
  className,
28153
28345
  ...props
28154
28346
  }) {
28155
- return /* @__PURE__ */ jsxRuntime.jsxs(
28347
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
28156
28348
  "span",
28157
28349
  {
28158
28350
  "aria-hidden": true,
@@ -28160,12 +28352,15 @@ function PaginationEllipsis({
28160
28352
  className: cn("flex size-9 items-center justify-center", className),
28161
28353
  ...props,
28162
28354
  children: [
28163
- /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, { className: "size-4" }),
28164
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
28355
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Ellipsis, { className: "size-4" }),
28356
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "More pages" })
28165
28357
  ]
28166
28358
  }
28167
28359
  );
28168
28360
  }
28361
+
28362
+ // src/components/DataDisplay/Pagination/Pagination.tsx
28363
+ var import_jsx_runtime45 = require("react/jsx-runtime");
28169
28364
  var CustomPagination = ({
28170
28365
  totalPages,
28171
28366
  currentPage,
@@ -28211,10 +28406,10 @@ var CustomPagination = ({
28211
28406
  }
28212
28407
  };
28213
28408
  const pageNumbers = getPageNumbers();
28214
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-1 w-full items-center justify-between", children: [
28215
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
28216
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Items per page:" }),
28217
- /* @__PURE__ */ jsxRuntime.jsxs(
28409
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-row gap-1 w-full items-center justify-between", children: [
28410
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
28411
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Items per page:" }),
28412
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
28218
28413
  Select,
28219
28414
  {
28220
28415
  defaultValue: String(perPage),
@@ -28222,26 +28417,26 @@ var CustomPagination = ({
28222
28417
  onPageChange({ page: 1, itemsPerPage: Number(value) });
28223
28418
  },
28224
28419
  children: [
28225
- /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "w-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select" }) }),
28226
- /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { children: [
28227
- /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "5", children: "5" }),
28228
- /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "10", children: "10" }),
28229
- /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "20", children: "20" }),
28230
- /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "50", children: "50" })
28420
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectTrigger, { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectValue, { placeholder: "Select" }) }),
28421
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectContent, { children: [
28422
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, { value: "5", children: "5" }),
28423
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, { value: "10", children: "10" }),
28424
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, { value: "20", children: "20" }),
28425
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, { value: "50", children: "50" })
28231
28426
  ] })
28232
28427
  ]
28233
28428
  }
28234
28429
  )
28235
28430
  ] }),
28236
- /* @__PURE__ */ jsxRuntime.jsx(Pagination, { className: "justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(PaginationContent, { children: [
28237
- /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
28431
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Pagination, { className: "justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(PaginationContent, { children: [
28432
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
28238
28433
  PaginationPrevious,
28239
28434
  {
28240
28435
  onClick: () => handlePageChange(currentPage - 1),
28241
28436
  className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
28242
28437
  }
28243
28438
  ) }),
28244
- pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsxRuntime.jsx(PaginationEllipsis, {}) : /* @__PURE__ */ jsxRuntime.jsx(
28439
+ pageNumbers.map((pageNumber, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PaginationEllipsis, {}) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
28245
28440
  PaginationLink,
28246
28441
  {
28247
28442
  onClick: () => handlePageChange(pageNumber),
@@ -28250,7 +28445,7 @@ var CustomPagination = ({
28250
28445
  children: pageNumber
28251
28446
  }
28252
28447
  ) }, index)),
28253
- /* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
28448
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
28254
28449
  PaginationNext,
28255
28450
  {
28256
28451
  onClick: () => handlePageChange(currentPage + 1),
@@ -28261,6 +28456,9 @@ var CustomPagination = ({
28261
28456
  ] });
28262
28457
  };
28263
28458
  var Pagination_default = CustomPagination;
28459
+
28460
+ // src/components/DataDisplay/Table/Table.tsx
28461
+ var import_jsx_runtime46 = require("react/jsx-runtime");
28264
28462
  var Table4 = ({
28265
28463
  columns,
28266
28464
  data,
@@ -28280,9 +28478,9 @@ var Table4 = ({
28280
28478
  const rawData = Array.isArray(data) ? data : [];
28281
28479
  const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
28282
28480
  const isControlled = typeof page === "number";
28283
- const [internalPage, setInternalPage] = React6.useState(1);
28481
+ const [internalPage, setInternalPage] = (0, import_react7.useState)(1);
28284
28482
  const currentPage = isControlled ? page : internalPage;
28285
- React6.useEffect(() => {
28483
+ (0, import_react7.useEffect)(() => {
28286
28484
  if (isControlled) return;
28287
28485
  if (currentPage > 1 && !pagination) setInternalPage(1);
28288
28486
  }, [pagination, isControlled]);
@@ -28306,8 +28504,8 @@ var Table4 = ({
28306
28504
  if (!selectedColumn) return false;
28307
28505
  return selectedColumn.isClickable ?? false;
28308
28506
  };
28309
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className || ""} space-y-3`, style, children: [
28310
- /* @__PURE__ */ jsxRuntime.jsx(
28507
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `${className || ""} space-y-3`, style, children: [
28508
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
28311
28509
  DataTable,
28312
28510
  {
28313
28511
  ...props,
@@ -28318,7 +28516,7 @@ var Table4 = ({
28318
28516
  cellClickEnabled: isCellClickEnabled
28319
28517
  }
28320
28518
  ),
28321
- enablePagination && /* @__PURE__ */ jsxRuntime.jsx(
28519
+ enablePagination && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
28322
28520
  Pagination_default,
28323
28521
  {
28324
28522
  perPage: itemsPerPage,
@@ -28330,6 +28528,9 @@ var Table4 = ({
28330
28528
  ] });
28331
28529
  };
28332
28530
  var Table_default = Table4;
28531
+
28532
+ // src/components/Navigation/Tabs/Tabs.tsx
28533
+ var import_jsx_runtime47 = require("react/jsx-runtime");
28333
28534
  var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, canvasMode }) => {
28334
28535
  const rawTabs = Array.isArray(tabs) ? tabs : [];
28335
28536
  const baseClasses = "text-[12px] text-foreground p-2 text-center rounded-md transition-colors";
@@ -28342,23 +28543,23 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
28342
28543
  const renderDesktopTab = (tab, index) => {
28343
28544
  const finalClasses = [baseClasses, isActive(tab.url) ? activeClasses : hoverClasses, tab.className || ""].join(" ");
28344
28545
  if (Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown) {
28345
- return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
28346
- /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
28546
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenu, { children: [
28547
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenuTrigger, { className: `${finalClasses} inline-flex items-center gap-1`, children: [
28347
28548
  tab.header,
28348
- /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, { className: "h-4 w-4 opacity-80" })
28549
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChevronDown, { className: "h-4 w-4 opacity-80" })
28349
28550
  ] }),
28350
- /* @__PURE__ */ jsxRuntime.jsx(
28551
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
28351
28552
  DropdownMenuContent,
28352
28553
  {
28353
28554
  align: "start",
28354
28555
  sideOffset: 6,
28355
28556
  className: "z-50 min-w-[160px] rounded-md border border-gray-200 bg-white p-1 shadow-lg",
28356
- children: tab.children.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
28557
+ children: tab.children.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
28357
28558
  DropdownMenuItem,
28358
28559
  {
28359
28560
  asChild: true,
28360
28561
  className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
28361
- children: LinkComponent ? /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
28562
+ children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
28362
28563
  },
28363
28564
  item.id
28364
28565
  ))
@@ -28366,14 +28567,14 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
28366
28567
  )
28367
28568
  ] }, index);
28368
28569
  }
28369
- return tab.url && LinkComponent ? /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
28570
+ return tab.url && LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
28370
28571
  };
28371
- const renderMobileMenu = () => /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
28372
- /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
28373
- /* @__PURE__ */ jsxRuntime.jsx(Menu, { className: "h-4 w-4" }),
28572
+ const renderMobileMenu = () => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenu, { children: [
28573
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenuTrigger, { className: "flex items-center gap-2 px-3 py-2 rounded-md bg-white/10 text-white text-sm", children: [
28574
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Menu, { className: "h-4 w-4" }),
28374
28575
  "Menu"
28375
28576
  ] }),
28376
- /* @__PURE__ */ jsxRuntime.jsx(
28577
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
28377
28578
  DropdownMenuContent,
28378
28579
  {
28379
28580
  align: "start",
@@ -28382,25 +28583,25 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
28382
28583
  children: rawTabs.map((tab, i) => {
28383
28584
  const hasChildren = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
28384
28585
  if (hasChildren) {
28385
- return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
28386
- /* @__PURE__ */ jsxRuntime.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 }),
28387
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
28586
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenuSub, { children: [
28587
+ /* @__PURE__ */ (0, import_jsx_runtime47.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 }),
28588
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DropdownMenuSubContent, { className: "bg-white border shadow-lg rounded-md p-1", children: tab.children.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
28388
28589
  DropdownMenuItem,
28389
28590
  {
28390
28591
  asChild: true,
28391
28592
  className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100",
28392
- children: LinkComponent ? /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
28593
+ children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) : item.header
28393
28594
  },
28394
28595
  item.id
28395
28596
  )) })
28396
28597
  ] }, i);
28397
28598
  }
28398
- return /* @__PURE__ */ jsxRuntime.jsx(
28599
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
28399
28600
  DropdownMenuItem,
28400
28601
  {
28401
28602
  asChild: true,
28402
28603
  className: "cursor-pointer rounded-sm px-3 py-2 text-[13px] text-gray-800 hover:bg-gray-100",
28403
- children: LinkComponent ? /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
28604
+ children: LinkComponent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(LinkComponent, { href: tab.url || "#", children: tab.header }) : tab.header
28404
28605
  },
28405
28606
  i
28406
28607
  );
@@ -28410,18 +28611,22 @@ var Tabs = ({ className, style, tabs, verticalMenu, LinkComponent, pathname, can
28410
28611
  ] });
28411
28612
  const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
28412
28613
  const forceDesktop = canvasMode === "desktop";
28413
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style, children: [
28414
- forceDesktop && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
28415
- forceMobile && /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderMobileMenu() }),
28416
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "md:hidden", children: renderMobileMenu() })
28614
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className, style, children: [
28615
+ forceDesktop && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "hidden md:flex", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `flex gap-2 ${verticalMenu ? "flex-col items-start" : "flex-row"}`, children: rawTabs.map(renderDesktopTab) }) }),
28616
+ forceMobile && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: renderMobileMenu() }),
28617
+ /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "md:hidden", children: renderMobileMenu() })
28417
28618
  ] });
28418
28619
  };
28419
28620
  var Tabs_default = Tabs;
28621
+
28622
+ // src/components/Navigation/Stages/Stages.tsx
28623
+ var import_react8 = __toESM(require("react"));
28624
+ var import_jsx_runtime48 = require("react/jsx-runtime");
28420
28625
  var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
28421
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
28422
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
28423
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxRuntime.jsxs(React6__namespace.default.Fragment, { children: [
28424
- /* @__PURE__ */ jsxRuntime.jsx(
28626
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
28627
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
28628
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_react8.default.Fragment, { children: [
28629
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
28425
28630
  "button",
28426
28631
  {
28427
28632
  className: `
@@ -28429,18 +28634,35 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
28429
28634
  children: stage.header
28430
28635
  }
28431
28636
  ),
28432
- index < stages.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
28637
+ index < stages.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
28433
28638
  ] }, stage.id)) }),
28434
- isShowBtn && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.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 }) })
28639
+ isShowBtn && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.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 }) })
28435
28640
  ] }) });
28436
28641
  };
28437
28642
  var Stages_default = StagesComponent;
28643
+
28644
+ // src/components/Navigation/Spacer/Spacer.tsx
28645
+ var import_jsx_runtime49 = require("react/jsx-runtime");
28438
28646
  var Spacer = ({ className, style }) => {
28439
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className}`, style });
28647
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: `${className}`, style });
28440
28648
  };
28441
28649
  var Spacer_default = Spacer;
28442
- var Avatar = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
28443
- AvatarPrimitive__namespace.Root,
28650
+
28651
+ // src/components/Navigation/Profile/Profile.tsx
28652
+ var import_jsx_runtime50 = require("react/jsx-runtime");
28653
+
28654
+ // src/components/Navigation/Notification/Notification.tsx
28655
+ var import_jsx_runtime51 = require("react/jsx-runtime");
28656
+
28657
+ // src/components/Navigation/Logo/Logo.tsx
28658
+ var import_jsx_runtime52 = require("react/jsx-runtime");
28659
+
28660
+ // src/components/ui/avatar.tsx
28661
+ var React6 = __toESM(require("react"));
28662
+ var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
28663
+ var import_jsx_runtime53 = require("react/jsx-runtime");
28664
+ var Avatar = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
28665
+ AvatarPrimitive.Root,
28444
28666
  {
28445
28667
  ref,
28446
28668
  className: cn(
@@ -28450,18 +28672,18 @@ var Avatar = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @
28450
28672
  ...props
28451
28673
  }
28452
28674
  ));
28453
- Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
28454
- var AvatarImage = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
28455
- AvatarPrimitive__namespace.Image,
28675
+ Avatar.displayName = AvatarPrimitive.Root.displayName;
28676
+ var AvatarImage = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
28677
+ AvatarPrimitive.Image,
28456
28678
  {
28457
28679
  ref,
28458
28680
  className: cn("aspect-square h-full w-full", className),
28459
28681
  ...props
28460
28682
  }
28461
28683
  ));
28462
- AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
28463
- var AvatarFallback = React6__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
28464
- AvatarPrimitive__namespace.Fallback,
28684
+ AvatarImage.displayName = AvatarPrimitive.Image.displayName;
28685
+ var AvatarFallback = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
28686
+ AvatarPrimitive.Fallback,
28465
28687
  {
28466
28688
  ref,
28467
28689
  className: cn(
@@ -28471,7 +28693,10 @@ var AvatarFallback = React6__namespace.forwardRef(({ className, ...props }, ref)
28471
28693
  ...props
28472
28694
  }
28473
28695
  ));
28474
- AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
28696
+ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
28697
+
28698
+ // src/components/Navigation/Navbar/Navbar.tsx
28699
+ var import_jsx_runtime54 = require("react/jsx-runtime");
28475
28700
  function Navbar({
28476
28701
  style,
28477
28702
  badgeType,
@@ -28488,9 +28713,9 @@ function Navbar({
28488
28713
  userName = "Guest User"
28489
28714
  }) {
28490
28715
  const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
28491
- return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
28492
- LinkComponent && ImageComponent ? /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsxRuntime.jsx(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-blue-700", children: "Logo" }),
28493
- !isMobileView && LinkComponent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
28716
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
28717
+ LinkComponent && ImageComponent ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-semibold text-blue-700", children: "Logo" }),
28718
+ !isMobileView && LinkComponent && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex items-center space-x-6 sm:hidden md:flex", children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
28494
28719
  LinkComponent,
28495
28720
  {
28496
28721
  href: item.url || "#",
@@ -28499,80 +28724,84 @@ function Navbar({
28499
28724
  },
28500
28725
  item.id
28501
28726
  )) }),
28502
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [
28503
- !isMobileView ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
28504
- /* @__PURE__ */ jsxRuntime.jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
28505
- /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
28506
- ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(
28727
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center space-x-3", children: [
28728
+ !isMobileView ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-1 px-6", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
28729
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
28730
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
28731
+ ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
28507
28732
  Button,
28508
28733
  {
28509
28734
  variant: "ghost",
28510
28735
  size: "icon",
28511
28736
  className: "border border-gray-400",
28512
- children: /* @__PURE__ */ jsxRuntime.jsx(Search, { className: "h-5 w-5 text-gray-400" })
28737
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Search, { className: "h-5 w-5 text-gray-400" })
28513
28738
  }
28514
28739
  ),
28515
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
28516
- /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
28517
- badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
28740
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
28741
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
28742
+ badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.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__ */ (0, import_jsx_runtime54.jsx)("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
28518
28743
  ] }),
28519
- /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
28520
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
28521
- !isMobileView && showName && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: userName }),
28522
- !isMobileView ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
28523
- /* @__PURE__ */ jsxRuntime.jsx(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsxRuntime.jsx(
28744
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DropdownMenu, { children: [
28745
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center space-x-2", children: [
28746
+ !isMobileView && showName && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: userName }),
28747
+ !isMobileView ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
28748
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
28524
28749
  AvatarImage,
28525
28750
  {
28526
28751
  src: "/images/appbuilder/toolset/profile.svg",
28527
28752
  alt: "Profile"
28528
28753
  }
28529
- ) : /* @__PURE__ */ jsxRuntime.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) }) }),
28530
- /* @__PURE__ */ jsxRuntime.jsx(
28754
+ ) : /* @__PURE__ */ (0, import_jsx_runtime54.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) }) }),
28755
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
28531
28756
  Button,
28532
28757
  {
28533
28758
  variant: "ghost",
28534
28759
  size: "icon",
28535
28760
  className: "text-gray-900 md:hidden",
28536
- children: /* @__PURE__ */ jsxRuntime.jsx(Menu, { className: "h-6 w-6" })
28761
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Menu, { className: "h-6 w-6" })
28537
28762
  }
28538
28763
  )
28539
- ] }) : /* @__PURE__ */ jsxRuntime.jsx(
28764
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
28540
28765
  Button,
28541
28766
  {
28542
28767
  variant: "ghost",
28543
28768
  size: "icon",
28544
28769
  className: "text-gray-900",
28545
- children: /* @__PURE__ */ jsxRuntime.jsx(Menu, { className: "h-6 w-6" })
28770
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Menu, { className: "h-6 w-6" })
28546
28771
  }
28547
28772
  )
28548
28773
  ] }) }),
28549
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", className: "bg-white", children: LinkComponent && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: list && list.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: list.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id)) }) }) })
28774
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuContent, { align: "end", className: "bg-white", children: LinkComponent && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: list && list.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuItem, { className: "text-black", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LinkComponent, { href: item.url || "#", children: item.header }) }, item.id)) }) }) })
28550
28775
  ] })
28551
28776
  ] })
28552
28777
  ] }) });
28553
28778
  }
28779
+
28780
+ // src/components/Chart/BarChart.tsx
28781
+ var import_recharts = require("recharts");
28782
+ var import_jsx_runtime55 = require("react/jsx-runtime");
28554
28783
  var ChartComponent = ({ className, style, ...props }) => {
28555
28784
  const data = Array.isArray(props?.data) ? props.data : [];
28556
28785
  const chartType = props.chartType || "bar";
28557
28786
  const legendsPosition = props.legendsPosition === "middle" || props.legendsPosition === "bottom" ? props.legendsPosition : "top";
28558
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, children: [
28559
- /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
28560
- /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "name" }),
28561
- /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
28562
- /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
28563
- /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, { verticalAlign: legendsPosition, align: "center" }),
28564
- /* @__PURE__ */ jsxRuntime.jsx(recharts.Bar, { dataKey: "value", fill: "#00695C" })
28565
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, children: [
28566
- /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
28567
- /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
28568
- /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
28787
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_recharts.BarChart, { data, children: [
28788
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }),
28789
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.XAxis, { dataKey: "name" }),
28790
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.YAxis, {}),
28791
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.Tooltip, {}),
28792
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.Legend, { verticalAlign: legendsPosition, align: "center" }),
28793
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.Bar, { dataKey: "value", fill: "#00695C" })
28794
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_recharts.AreaChart, { data, children: [
28795
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
28796
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
28797
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
28569
28798
  ] }) }),
28570
- /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3" }),
28571
- /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "name" }),
28572
- /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, {}),
28573
- /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, {}),
28574
- /* @__PURE__ */ jsxRuntime.jsx(
28575
- recharts.Area,
28799
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.CartesianGrid, { strokeDasharray: "3 3" }),
28800
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.XAxis, { dataKey: "name" }),
28801
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.YAxis, {}),
28802
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_recharts.Tooltip, {}),
28803
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
28804
+ import_recharts.Area,
28576
28805
  {
28577
28806
  type: "monotone",
28578
28807
  dataKey: "value",
@@ -28584,6 +28813,10 @@ var ChartComponent = ({ className, style, ...props }) => {
28584
28813
  ] }) }) });
28585
28814
  };
28586
28815
  var BarChart_default = ChartComponent;
28816
+
28817
+ // src/components/Chart/PieChart.tsx
28818
+ var import_recharts2 = require("recharts");
28819
+ var import_jsx_runtime56 = require("react/jsx-runtime");
28587
28820
  var DonutChart = ({ className, style, ...props }) => {
28588
28821
  const data = Array.isArray(props?.data) ? props.data : [];
28589
28822
  const total = data.reduce((sum, d) => sum + d.value, 0);
@@ -28594,7 +28827,7 @@ var DonutChart = ({ className, style, ...props }) => {
28594
28827
  const renderLabel = ({ value, x, y }) => {
28595
28828
  if (value == null) return null;
28596
28829
  const percentage = (Number(value) / total * 100).toFixed(0);
28597
- return /* @__PURE__ */ jsxRuntime.jsxs(
28830
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
28598
28831
  "text",
28599
28832
  {
28600
28833
  x,
@@ -28611,38 +28844,39 @@ var DonutChart = ({ className, style, ...props }) => {
28611
28844
  }
28612
28845
  );
28613
28846
  };
28847
+ const forceMobile = canvasMode === "mobile" || canvasMode === "tablet";
28614
28848
  const forceDesktop = canvasMode === "desktop";
28615
28849
  const wrapperClass = canvasMode ? forceDesktop ? "flex-row" : "flex-col" : "flex-col md:flex-row";
28616
28850
  const renderLegends = () => {
28617
28851
  if (!showLegends) return null;
28618
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.map((d) => /* @__PURE__ */ jsxRuntime.jsxs(
28852
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: data.map((d) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
28619
28853
  "div",
28620
28854
  {
28621
28855
  className: "flex items-center space-x-2 rounded-md border border-gray-200 px-3 py-2 w-[48%] md:w-auto",
28622
28856
  children: [
28623
- /* @__PURE__ */ jsxRuntime.jsx(
28857
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
28624
28858
  "span",
28625
28859
  {
28626
28860
  className: "inline-block w-[16px] h-[16px] rounded",
28627
28861
  style: { backgroundColor: d.color }
28628
28862
  }
28629
28863
  ),
28630
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
28864
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
28631
28865
  ]
28632
28866
  },
28633
28867
  d.name
28634
28868
  )) });
28635
28869
  };
28636
- return /* @__PURE__ */ jsxRuntime.jsxs(
28870
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
28637
28871
  "div",
28638
28872
  {
28639
28873
  className: `relative flex items-center ${wrapperClass} ${className}`,
28640
28874
  style,
28641
28875
  children: [
28642
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
28643
- data.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
28644
- /* @__PURE__ */ jsxRuntime.jsxs(
28645
- recharts.Pie,
28876
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
28877
+ data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_recharts2.PieChart, { children: [
28878
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
28879
+ import_recharts2.Pie,
28646
28880
  {
28647
28881
  data,
28648
28882
  cx: "50%",
@@ -28653,9 +28887,9 @@ var DonutChart = ({ className, style, ...props }) => {
28653
28887
  labelLine: false,
28654
28888
  isAnimationActive: false,
28655
28889
  children: [
28656
- data.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Cell, { fill: entry.color }, `cell-${index}`)),
28657
- /* @__PURE__ */ jsxRuntime.jsx(
28658
- recharts.LabelList,
28890
+ data.map((entry, index) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts2.Cell, { fill: entry.color }, `cell-${index}`)),
28891
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
28892
+ import_recharts2.LabelList,
28659
28893
  {
28660
28894
  dataKey: "value",
28661
28895
  position: labelType === "inside" ? "inside" : "outside",
@@ -28665,23 +28899,26 @@ var DonutChart = ({ className, style, ...props }) => {
28665
28899
  ]
28666
28900
  }
28667
28901
  ),
28668
- /* @__PURE__ */ jsxRuntime.jsx(recharts.Tooltip, { formatter: (value, name) => [`${value}k`, name] })
28902
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_recharts2.Tooltip, { formatter: (value, name) => [`${value}k`, name] })
28669
28903
  ] }) }),
28670
- /* @__PURE__ */ jsxRuntime.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: [
28904
+ /* @__PURE__ */ (0, import_jsx_runtime56.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: [
28671
28905
  total,
28672
28906
  "k"
28673
28907
  ] })
28674
28908
  ] }),
28675
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
28909
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
28676
28910
  w-full md:w-auto`, children: renderLegends() })
28677
28911
  ]
28678
28912
  }
28679
28913
  );
28680
28914
  };
28681
28915
  var PieChart_default = DonutChart;
28916
+
28917
+ // src/components/Blocks/EmailComposer.tsx
28918
+ var import_jsx_runtime57 = require("react/jsx-runtime");
28682
28919
  function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }) {
28683
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
28684
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(
28920
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className, style, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
28921
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28685
28922
  "input",
28686
28923
  {
28687
28924
  type: "email",
@@ -28690,8 +28927,8 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28690
28927
  required: true
28691
28928
  }
28692
28929
  ) }),
28693
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
28694
- /* @__PURE__ */ jsxRuntime.jsx(
28930
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
28931
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28695
28932
  "input",
28696
28933
  {
28697
28934
  type: "email",
@@ -28702,7 +28939,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28702
28939
  required: true
28703
28940
  }
28704
28941
  ),
28705
- !showCc && /* @__PURE__ */ jsxRuntime.jsx(
28942
+ !showCc && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28706
28943
  "button",
28707
28944
  {
28708
28945
  onClick: () => setShowCc?.(true),
@@ -28710,7 +28947,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28710
28947
  children: "Cc"
28711
28948
  }
28712
28949
  ),
28713
- !showBcc && /* @__PURE__ */ jsxRuntime.jsx(
28950
+ !showBcc && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28714
28951
  "button",
28715
28952
  {
28716
28953
  onClick: () => setShowBcc?.(true),
@@ -28719,7 +28956,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28719
28956
  }
28720
28957
  )
28721
28958
  ] }) }),
28722
- showCc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(
28959
+ showCc && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28723
28960
  "input",
28724
28961
  {
28725
28962
  type: "text",
@@ -28729,7 +28966,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28729
28966
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
28730
28967
  }
28731
28968
  ) }),
28732
- showBcc && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(
28969
+ showBcc && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28733
28970
  "input",
28734
28971
  {
28735
28972
  type: "text",
@@ -28739,7 +28976,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28739
28976
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
28740
28977
  }
28741
28978
  ) }),
28742
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(
28979
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
28743
28980
  "input",
28744
28981
  {
28745
28982
  type: "text",
@@ -28749,14 +28986,17 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
28749
28986
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
28750
28987
  }
28751
28988
  ) }),
28752
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(MyEditor, { value: body, onChange: setBody }) }),
28753
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
28754
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
28755
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
28756
- /* @__PURE__ */ jsxRuntime.jsx("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
28989
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MyEditor, { value: body, onChange: setBody }) }),
28990
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex justify-end gap-2", children: [
28991
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
28992
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
28993
+ /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
28757
28994
  ] })
28758
28995
  ] }) });
28759
28996
  }
28997
+
28998
+ // src/components/ui/sonner-toast.tsx
28999
+ var import_sonner = require("sonner");
28760
29000
  function showSonnerToast({
28761
29001
  title,
28762
29002
  description,
@@ -28776,21 +29016,66 @@ function showSonnerToast({
28776
29016
  };
28777
29017
  switch (variant) {
28778
29018
  case "success":
28779
- sonner.toast.success(title, options);
29019
+ import_sonner.toast.success(title, options);
28780
29020
  break;
28781
29021
  case "error":
28782
- sonner.toast.error(title, options);
29022
+ import_sonner.toast.error(title, options);
28783
29023
  break;
28784
29024
  case "info":
28785
- sonner.toast.info(title, options);
29025
+ import_sonner.toast.info(title, options);
28786
29026
  break;
28787
29027
  case "warning":
28788
- sonner.toast.warning(title, options);
29028
+ import_sonner.toast.warning(title, options);
28789
29029
  break;
28790
29030
  default:
28791
- sonner.toast(title, options);
29031
+ (0, import_sonner.toast)(title, options);
28792
29032
  }
28793
29033
  }
29034
+ // Annotate the CommonJS export names for ESM import in node:
29035
+ 0 && (module.exports = {
29036
+ Accordion,
29037
+ BarChart,
29038
+ Breadcrumb,
29039
+ Button,
29040
+ ButtonGroup,
29041
+ Checkbox,
29042
+ Container,
29043
+ DatePicker,
29044
+ DateRange,
29045
+ Dropdown,
29046
+ Email,
29047
+ EmailComposer,
29048
+ FileInput,
29049
+ FlexLayout,
29050
+ GridLayout,
29051
+ Icon,
29052
+ Image,
29053
+ Modal,
29054
+ MultiCheckbox,
29055
+ Navbar,
29056
+ NumberInput,
29057
+ Pagination,
29058
+ Password,
29059
+ Phone,
29060
+ PieChart,
29061
+ RadioGroup,
29062
+ RichText,
29063
+ Search,
29064
+ Shape,
29065
+ Spacer,
29066
+ Stages,
29067
+ SwitchToggle,
29068
+ Table,
29069
+ Tabs,
29070
+ Text,
29071
+ TextInputGroup,
29072
+ Textarea,
29073
+ Typography,
29074
+ URL,
29075
+ cn,
29076
+ getInitials,
29077
+ showSonnerToast
29078
+ });
28794
29079
  /*! Bundled license information:
28795
29080
 
28796
29081
  lucide-react/dist/esm/shared/src/utils.js:
@@ -30440,48 +30725,4 @@ lucide-react/dist/esm/lucide-react.js:
30440
30725
  * See the LICENSE file in the root directory of this source tree.
30441
30726
  *)
30442
30727
  */
30443
-
30444
- exports.Accordion = Accordion_default;
30445
- exports.BarChart = BarChart_default;
30446
- exports.Breadcrumb = Breadcrumb_default;
30447
- exports.Button = Button_default;
30448
- exports.ButtonGroup = SplitButton;
30449
- exports.Checkbox = Checkbox_default;
30450
- exports.Container = Container_default;
30451
- exports.DatePicker = DatePicker;
30452
- exports.DateRange = DateRange_default;
30453
- exports.Dropdown = Dropdown_default;
30454
- exports.Email = EmailInput_default;
30455
- exports.EmailComposer = EmailComposer;
30456
- exports.FileInput = FileInput_default;
30457
- exports.FlexLayout = Flex_default;
30458
- exports.GridLayout = Grid_default;
30459
- exports.Icon = Icon_default;
30460
- exports.Image = Image_default;
30461
- exports.Modal = Modal_default;
30462
- exports.MultiCheckbox = MultiCheckbox_default;
30463
- exports.Navbar = Navbar;
30464
- exports.NumberInput = NumberInput_default;
30465
- exports.Pagination = Pagination_default;
30466
- exports.Password = PasswordInput_default;
30467
- exports.Phone = PhoneInput_default;
30468
- exports.PieChart = PieChart_default;
30469
- exports.RadioGroup = RadioInput_default;
30470
- exports.RichText = RichText;
30471
- exports.Search = SearchInput_default;
30472
- exports.Shape = Shape_default;
30473
- exports.Spacer = Spacer_default;
30474
- exports.Stages = Stages_default;
30475
- exports.SwitchToggle = SwitchToggle_default;
30476
- exports.Table = Table_default;
30477
- exports.Tabs = Tabs_default;
30478
- exports.Text = TextInput_default;
30479
- exports.TextInputGroup = TextInputGroup_default;
30480
- exports.Textarea = Textarea_default;
30481
- exports.Typography = Typography_default;
30482
- exports.URL = UrlInput_default;
30483
- exports.cn = cn;
30484
- exports.getInitials = getInitials;
30485
- exports.showSonnerToast = showSonnerToast;
30486
- //# sourceMappingURL=index.js.map
30487
30728
  //# sourceMappingURL=index.js.map