@phsa.tec/design-system-react 0.1.10 → 0.3.0

package/dist/index.js

@@ -73,12 +73,20 @@ __export(src_exports, {
   BreadcrumbPage: () => BreadcrumbPage,
   BreadcrumbSeparator: () => BreadcrumbSeparator,
   Button: () => Button2,
+  Card: () => Card2,
+  CardBase: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
   Checkbox: () => Checkbox2,
   Collapsible: () => Collapsible,
   CollapsibleContent: () => CollapsibleContent2,
   CollapsibleTrigger: () => CollapsibleTrigger2,
   CustomDrawer: () => CustomDrawer,
   DataPairList: () => DataPairList,
+  DesignSystemProvider: () => DesignSystemProvider,
   Dialog: () => Dialog2,
   DialogWithForm: () => DialogWithForm,
   Drawer: () => Drawer,
@@ -1063,17 +1071,102 @@ var DataPairList = ({
   );
 };
 
+// src/components/ui/card.tsx
+var React8 = __toESM(require("react"));
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Card = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn(
+        "rounded-xl border bg-card text-card-foreground shadow",
+        className
+      )
+    }, props)
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props)
+  );
+});
+CardHeader.displayName = "CardHeader";
+var CardTitle = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("font-semibold leading-none tracking-tight", className)
+    }, props)
+  );
+});
+CardTitle.displayName = "CardTitle";
+var CardDescription = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
+});
+CardContent.displayName = "CardContent";
+var CardFooter = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex items-center p-6 pt-0", className)
+    }, props)
+  );
+});
+CardFooter.displayName = "CardFooter";
+
+// src/components/dataDisplay/Card/Card.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Card2 = ({
+  title,
+  children,
+  description,
+  footer = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, {})
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CardHeader, { children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardTitle, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardDescription, { children: description })
+    ] }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardContent, { children }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardFooter, { children: footer() })
+  ] });
+};
+
 // src/components/dataInput/checkbox/Checkbox.tsx
 var import_react_hook_form3 = require("react-hook-form");
 
 // src/components/ui/checkbox.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Checkbox = React8.forwardRef((_a, ref) => {
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Checkbox = React9.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     CheckboxPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
@@ -1082,11 +1175,11 @@ var Checkbox = React8.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         CheckboxPrimitive.Indicator,
         {
           className: cn("flex items-center justify-center text-current"),
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.Check, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react3.Check, { className: "h-4 w-4" })
         }
       )
     })
@@ -1095,16 +1188,16 @@ var Checkbox = React8.forwardRef((_a, ref) => {
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/label.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React9.forwardRef((_a, ref) => {
+var Label3 = React10.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     LabelPrimitive.Root,
     __spreadValues({
       ref,
@@ -1118,21 +1211,21 @@ Label3.displayName = LabelPrimitive.Root.displayName;
 var import_react_hook_form2 = require("react-hook-form");
 
 // src/components/ui/form.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React10.createContext(
+var FormFieldContext = React11.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_hook_form.Controller, __spreadValues({}, props)) });
 };
 var useFormField = () => {
-  const fieldContext = React10.useContext(FormFieldContext);
-  const itemContext = React10.useContext(FormItemContext);
+  const fieldContext = React11.useContext(FormFieldContext);
+  const itemContext = React11.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -1147,19 +1240,19 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React10.createContext(
+var FormItemContext = React11.createContext(
   {}
 );
-var FormItem = React10.forwardRef((_a, ref) => {
+var FormItem = React11.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React10.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
+  const id = React11.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", __spreadValues({ ref, className: cn("space-y-2", className) }, props)) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React10.forwardRef((_a, ref) => {
+var FormLabel = React11.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Label3,
     __spreadValues({
       ref,
@@ -1169,10 +1262,10 @@ var FormLabel = React10.forwardRef((_a, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React10.forwardRef((_a, ref) => {
+var FormControl = React11.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_react_slot2.Slot,
     __spreadValues({
       ref,
@@ -1183,10 +1276,10 @@ var FormControl = React10.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React10.forwardRef((_a, ref) => {
+var FormDescription = React11.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "p",
     __spreadValues({
       ref,
@@ -1196,14 +1289,14 @@ var FormDescription = React10.forwardRef((_a, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React10.forwardRef((_a, ref) => {
+var FormMessage = React11.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   const { error, formMessageId } = useFormField();
   const body = error ? String(error == null ? void 0 : error.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "p",
     __spreadProps(__spreadValues({
       ref,
@@ -1217,13 +1310,13 @@ var FormMessage = React10.forwardRef((_a, ref) => {
 FormMessage.displayName = "FormMessage";
 
 // src/components/dataDisplay/ErrorMessage/ErrorMessage.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ErrorMessage = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm font-medium text-destructive", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm font-medium text-destructive", children });
 };
 
 // src/components/dataInput/checkbox/Checkbox.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Checkbox2 = (_a) => {
   var _b = _a, {
     label,
@@ -1238,37 +1331,37 @@ var Checkbox2 = (_a) => {
   const form = (0, import_react_hook_form3.useFormContext)();
   const hasForm = !withoutForm && !!form && !!props.name;
   if (!hasForm)
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Checkbox, __spreadValues({}, props)),
-      label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Label3, { htmlFor: props.id, children: label }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ErrorMessage, { children: error })
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Checkbox, __spreadValues({}, props)),
+      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Label3, { htmlFor: props.id, children: label }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ErrorMessage, { children: error })
     ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     FormField,
     {
       control: form.control,
       name: (_a2 = props.name) != null ? _a2 : "",
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(FormItem, { className: "flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(FormItem, { className: "flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           Checkbox,
           {
             checked: field.value,
             onCheckedChange: field.onChange
           }
         ) }),
-        label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "space-y-1 leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FormLabel, { children: label }) })
+        label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "space-y-1 leading-none", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FormLabel, { children: label }) })
       ] })
     }
   );
 };
 
 // src/components/ui/input.tsx
-var React11 = __toESM(require("react"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Input = React11.forwardRef(
+var React12 = __toESM(require("react"));
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Input = React12.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "input",
       __spreadValues({
         type,
@@ -1287,27 +1380,27 @@ Input.displayName = "Input";
 var import_react3 = require("react");
 
 // src/components/feedback/ErrorLabel/index.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var ErrorLabel = ({
   children,
   className,
   "data-testid": dataTestId
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-2 my-2", className),
       "data-testid": `${dataTestId}-error-label`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, { name: "MdErrorOutline", size: 18, className: "text-destructive" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-destructive text-sm", children })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon2, { name: "MdErrorOutline", size: 18, className: "text-destructive" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-destructive text-sm", children })
       ]
     }
   );
 };
 
 // src/components/dataInput/Input/components/InputBase/index.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var InputBase = ({
   label,
   error,
@@ -1315,13 +1408,13 @@ var InputBase = ({
   required,
   "data-testid": testId
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Label3, { "data-testid": `${testId}-label`, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Label3, { "data-testid": `${testId}-label`, children: [
       `${label} ${required ? "*" : ""}`,
       " "
     ] }),
     children,
-    error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ErrorLabel, { "data-testid": testId, children: error })
+    error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ErrorLabel, { "data-testid": testId, children: error })
   ] });
 };
 
@@ -1348,7 +1441,7 @@ var useConditionalController = ({
 };
 
 // src/components/dataInput/Input/components/Input/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Input2 = (_a) => {
   var _b = _a, {
     "data-testid": dataTestId,
@@ -1368,15 +1461,15 @@ var Input2 = (_a) => {
   const inputProps = (0, import_react3.useMemo)(() => {
     return __spreadValues(__spreadValues({}, formData), props);
   }, [formData, props]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     InputBase,
     {
       label: props.label,
       error: props.error,
       required: props.required,
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("flex items-center gap-2", containerClassName), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex items-center gap-2", containerClassName), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Input,
           __spreadProps(__spreadValues({}, inputProps), {
             "data-testid": dataTestId,
@@ -1395,7 +1488,7 @@ var Input2 = (_a) => {
 // src/components/dataInput/Input/components/NumberInput/number-input.tsx
 var import_react_number_format = require("react-number-format");
 var import_react4 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var NumberInput = (props) => {
   const formData = useConditionalController({
     name: props.name || "",
@@ -1425,7 +1518,7 @@ var NumberInput = (props) => {
     },
     [props, formData]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InputBase, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(InputBase, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_react_number_format.NumericFormat,
     __spreadProps(__spreadValues({}, inputProps), {
       customInput: Input,
@@ -1436,7 +1529,7 @@ var NumberInput = (props) => {
 };
 
 // src/components/dataInput/Input/components/MaskInput/mask-input.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 
 // src/hooks/use-mask.tsx
 var import_react5 = require("react");
@@ -1524,7 +1617,7 @@ var useMask = (_a) => {
 
 // src/components/dataInput/Input/components/MaskInput/mask-input.tsx
 var import_react6 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var MaskInput = (_a) => {
   var _b = _a, {
     "data-testid": dataTestId,
@@ -1541,12 +1634,12 @@ var MaskInput = (_a) => {
     name: props.name || "",
     withoutForm
   });
-  const inputProps = React12.useMemo(() => {
+  const inputProps = React13.useMemo(() => {
     return __spreadValues(__spreadValues({}, formData), props);
   }, [formData, props]);
   const { applyMask } = useMask({ mask });
   const inputRef = (0, import_react6.useRef)(null);
-  const applyMaskToInput = React12.useCallback(
+  const applyMaskToInput = React13.useCallback(
     (value) => {
       if (inputRef.current && mask) {
         const maskedValue = applyMask(value);
@@ -1555,7 +1648,7 @@ var MaskInput = (_a) => {
     },
     [applyMask, mask]
   );
-  const handleChange = React12.useCallback(
+  const handleChange = React13.useCallback(
     (e) => {
       var _a2;
       const maskedValue = mask ? applyMask(e.target.value) : e.target.value;
@@ -1569,7 +1662,7 @@ var MaskInput = (_a) => {
     },
     [applyMask, inputProps, mask, applyMaskToInput]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Input2,
     __spreadProps(__spreadValues({}, inputProps), {
       ref: inputRef,
@@ -1586,7 +1679,7 @@ var import_react7 = require("react");
 
 // src/components/ui/spinner.tsx
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var spinnerVariants = (0, import_class_variance_authority5.cva)("flex-col items-center justify-center", {
   variants: {
     show: {
@@ -1616,8 +1709,8 @@ function Spinner({
   children,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: spinnerVariants({ show }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: spinnerVariants({ show }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Icon2,
       {
         name: "FaSpinner",
@@ -1629,7 +1722,7 @@ function Spinner({
 }
 
 // src/hooks/use-toast.ts
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -1724,8 +1817,8 @@ function toast(_a) {
   };
 }
 function useToast() {
-  const [state, setState] = React13.useState(memoryState);
-  React13.useEffect(() => {
+  const [state, setState] = React14.useState(memoryState);
+  React14.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -1741,15 +1834,15 @@ function useToast() {
 }
 
 // src/components/ui/toast.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 var import_class_variance_authority6 = require("class-variance-authority");
 var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React14.forwardRef((_a, ref) => {
+var ToastViewport = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -1776,9 +1869,9 @@ var toastVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Toast = React14.forwardRef((_a, ref) => {
+var Toast = React15.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -1787,9 +1880,9 @@ var Toast = React14.forwardRef((_a, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React14.forwardRef((_a, ref) => {
+var ToastAction = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -1801,9 +1894,9 @@ var ToastAction = React14.forwardRef((_a, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React14.forwardRef((_a, ref) => {
+var ToastClose = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Close,
     __spreadProps(__spreadValues({
       ref,
@@ -1813,14 +1906,14 @@ var ToastClose = React14.forwardRef((_a, ref) => {
       ),
       "toast-close": ""
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react4.X, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.X, { className: "h-4 w-4" })
     })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React14.forwardRef((_a, ref) => {
+var ToastTitle = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -1829,9 +1922,9 @@ var ToastTitle = React14.forwardRef((_a, ref) => {
   );
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React14.forwardRef((_a, ref) => {
+var ToastDescription = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -1842,32 +1935,32 @@ var ToastDescription = React14.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ToastProvider, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(ToastProvider, { children: [
     toasts.map(function(_a) {
       var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
-      return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Toast, __spreadProps(__spreadValues({}, props), { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastDescription, { children: description })
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Toast, __spreadProps(__spreadValues({}, props), { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "grid gap-1", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToastDescription, { children: description })
         ] }),
         action,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastClose, {})
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToastClose, {})
       ] }), id);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ToastViewport, {})
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToastViewport, {})
   ] });
 }
 
 // src/components/actions/Button/Button.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Button2 = (0, import_react7.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, disabled, loading } = _b, rest = __objRest(_b, ["children", "disabled", "loading"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Button, __spreadProps(__spreadValues({}, rest), { disabled: disabled || loading, ref, children: [
-      loading && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Spinner, { className: "fill-white" }),
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Button, __spreadProps(__spreadValues({}, rest), { disabled: disabled || loading, ref, children: [
+      loading && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Spinner, { className: "fill-white" }),
       children
     ] }));
   }
@@ -1876,7 +1969,7 @@ Button2.displayName = "Button";
 
 // src/components/dataInput/Input/components/MultipleInput/MultipleInput.tsx
 var import_react8 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var MultipleInput = (_a) => {
   var _b = _a, {
     data = [],
@@ -1930,27 +2023,27 @@ var MultipleInput = (_a) => {
   );
   const renderItens = (0, import_react8.useCallback)(() => {
     return inputItems == null ? void 0 : inputItems.map((item, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex justify-between", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-between", children: [
         item,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Button2,
           {
             variant: "ghost",
             className: "text-destructive",
             size: "icon",
             onClick: () => onRemoveData(index),
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: "MdDelete" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { name: "MdDelete" })
           }
         )
       ] }, item);
     });
   }, [inputItems, onRemoveData]);
   const extraElement = (0, import_react8.useMemo)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button2, { type: "button", onClick: onAddData, disabled: !inputValue, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: "MdAdd" }) }),
+    () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button2, { type: "button", onClick: onAddData, disabled: !inputValue, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { name: "MdAdd" }) }),
     [onAddData, inputValue]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       MaskInput,
       __spreadProps(__spreadValues({}, props), {
         withoutForm: true,
@@ -1966,16 +2059,16 @@ var MultipleInput = (_a) => {
 };
 
 // src/components/ui/dialog.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React15.forwardRef((_a, ref) => {
+var DialogOverlay = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -1987,11 +2080,11 @@ var DialogOverlay = React15.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React15.forwardRef((_a, ref) => {
+var DialogContent = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -2002,9 +2095,9 @@ var DialogContent = React15.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react5.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react5.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       })
@@ -2018,7 +2111,7 @@ var DialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2035,7 +2128,7 @@ var DialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2046,9 +2139,9 @@ var DialogFooter = (_a) => {
   );
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React15.forwardRef((_a, ref) => {
+var DialogTitle = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -2060,9 +2153,9 @@ var DialogTitle = React15.forwardRef((_a, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React15.forwardRef((_a, ref) => {
+var DialogDescription = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DialogPrimitive.Description,
     __spreadValues({
       ref,
@@ -2074,7 +2167,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/actions/Dialog/Dialog.tsx
 var import_react9 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Dialog2(_a) {
   var _b = _a, {
     title,
@@ -2089,13 +2182,13 @@ function Dialog2(_a) {
     "children",
     "footer"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogContent, { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogHeader, { children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogTitle, { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DialogContent, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DialogHeader, { children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogDescription, { children: description })
     ] }),
     children,
-    footer && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogFooter, { children: footer() })
+    footer && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogFooter, { children: footer() })
   ] }) }));
 }
 var DialogWithForm = (_a) => {
@@ -2116,14 +2209,14 @@ var DialogWithForm = (_a) => {
     "onSubmit"
   ]);
   const dialogRef = (0, import_react9.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogContent, { className, ref: dialogRef, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("form", { onSubmit, className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DialogHeader, { children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogTitle, { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Dialog, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogContent, { className, ref: dialogRef, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("form", { onSubmit, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DialogHeader, { children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogDescription, { children: description })
     ] }),
     children,
-    footer && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-between w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button2, { type: "button", variant: "secondary", children: "Fechar" }) }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button2, { type: "button", variant: "secondary", children: "Fechar" }) }),
       footer()
     ] }) })
   ] }) }) }));
@@ -2139,12 +2232,12 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 var import_react12 = require("react");
 
 // src/components/ui/drawer.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_vaul = require("vaul");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Drawer = (_a) => {
   var _b = _a, { shouldScaleBackground = true } = _b, props = __objRest(_b, ["shouldScaleBackground"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Root,
     __spreadValues({
       shouldScaleBackground
@@ -2155,9 +2248,9 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React16.forwardRef((_a, ref) => {
+var DrawerOverlay = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Overlay,
     __spreadValues({
       ref,
@@ -2166,11 +2259,11 @@ var DrawerOverlay = React16.forwardRef((_a, ref) => {
   );
 });
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React16.forwardRef((_a, ref) => {
+var DrawerContent = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DrawerPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DrawerOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DrawerPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DrawerOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -2180,7 +2273,7 @@ var DrawerContent = React16.forwardRef((_a, ref) => {
         )
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
           children
         ]
       })
@@ -2194,7 +2287,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       className: cn("grid gap-1.5 p-4 text-center sm:text-left", className)
@@ -2208,7 +2301,7 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       className: cn("mt-auto flex flex-col gap-2 p-4", className)
@@ -2216,9 +2309,9 @@ var DrawerFooter = (_a) => {
   );
 };
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React16.forwardRef((_a, ref) => {
+var DrawerTitle = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       ref,
@@ -2230,9 +2323,9 @@ var DrawerTitle = React16.forwardRef((_a, ref) => {
   );
 });
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React16.forwardRef((_a, ref) => {
+var DrawerDescription = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       ref,
@@ -2243,23 +2336,23 @@ var DrawerDescription = React16.forwardRef((_a, ref) => {
 DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/layout/Drawer/CustomDrawer/index.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function CustomDrawer(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Drawer, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DrawerContent, { className, children: props.children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Drawer, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DrawerContent, { className, children: props.children }) }));
 }
 
 // src/components/ui/sheet.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React17.forwardRef((_a, ref) => {
+var SheetOverlay = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -2288,20 +2381,20 @@ var sheetVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SheetContent = React17.forwardRef((_a, ref) => {
+var SheetContent = React18.forwardRef((_a, ref) => {
   var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
       SheetPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
         className: cn(sheetVariants({ side }), className)
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react6.X, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "sr-only", children: "Close" })
           ] }),
           children
         ]
@@ -2316,7 +2409,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2333,7 +2426,7 @@ var SheetFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2344,9 +2437,9 @@ var SheetFooter = (_a) => {
   );
 };
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React17.forwardRef((_a, ref) => {
+var SheetTitle = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -2355,9 +2448,9 @@ var SheetTitle = React17.forwardRef((_a, ref) => {
   );
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React17.forwardRef((_a, ref) => {
+var SheetDescription = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -2368,24 +2461,24 @@ var SheetDescription = React17.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/layout/Sheet/Sheet.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Sheet2(_a) {
   var _b = _a, { side, className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Sheet, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SheetContent, { side, className, children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Sheet, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SheetContent, { side, className, children }) }));
 }
 
 // src/components/ui/sidebar.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority8 = require("class-variance-authority");
 var import_lucide_react7 = require("lucide-react");
 
 // src/hooks/use-mobile.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React18.useState(void 0);
-  React18.useEffect(() => {
+  const [isMobile, setIsMobile] = React19.useState(void 0);
+  React19.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -2398,13 +2491,13 @@ function useIsMobile() {
 }
 
 // src/components/ui/separator.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var Separator3 = React19.forwardRef(
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var Separator3 = React20.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,
@@ -2422,14 +2515,14 @@ var Separator3 = React19.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-md bg-primary/10", className)
@@ -2438,15 +2531,15 @@ function Skeleton(_a) {
 }
 
 // src/components/ui/tooltip.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React20.forwardRef((_a, ref) => {
+var TooltipContent = React21.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -2461,22 +2554,22 @@ var TooltipContent = React20.forwardRef((_a, ref) => {
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/sidebar.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React21.createContext(null);
+var SidebarContext = React22.createContext(null);
 function useSidebar() {
-  const context = React21.useContext(SidebarContext);
+  const context = React22.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React21.forwardRef(
+var SidebarProvider = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       defaultOpen = true,
@@ -2494,10 +2587,10 @@ var SidebarProvider = React21.forwardRef(
       "children"
     ]);
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React21.useState(false);
-    const [_open, _setOpen] = React21.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React22.useState(false);
+    const [_open, _setOpen] = React22.useState(defaultOpen);
     const open = openProp != null ? openProp : _open;
-    const setOpen = React21.useCallback(
+    const setOpen = React22.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -2509,10 +2602,10 @@ var SidebarProvider = React21.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React21.useCallback(() => {
+    const toggleSidebar = React22.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React21.useEffect(() => {
+    React22.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -2523,7 +2616,7 @@ var SidebarProvider = React21.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React21.useMemo(
+    const contextValue = React22.useMemo(
       () => ({
         state,
         open,
@@ -2535,7 +2628,7 @@ var SidebarProvider = React21.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       __spreadProps(__spreadValues({
         style: __spreadValues({
@@ -2554,7 +2647,7 @@ var SidebarProvider = React21.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React21.forwardRef(
+var Sidebar = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       side = "left",
@@ -2571,7 +2664,7 @@ var Sidebar = React21.forwardRef(
     ]);
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "div",
         __spreadProps(__spreadValues({
           className: cn(
@@ -2585,7 +2678,7 @@ var Sidebar = React21.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -2595,11 +2688,11 @@ var Sidebar = React21.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex h-full w-full flex-col", children })
         }
       ) }));
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       {
         ref,
@@ -2609,7 +2702,7 @@ var Sidebar = React21.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "div",
             {
               className: cn(
@@ -2620,7 +2713,7 @@ var Sidebar = React21.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "div",
             __spreadProps(__spreadValues({
               className: cn(
@@ -2631,7 +2724,7 @@ var Sidebar = React21.forwardRef(
                 className
               )
             }, props), {
-              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -2647,10 +2740,10 @@ var Sidebar = React21.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React21.forwardRef((_a, ref) => {
+var SidebarTrigger = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, onClick } = _b, props = __objRest(_b, ["className", "onClick"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     Button,
     __spreadProps(__spreadValues({
       ref,
@@ -2664,17 +2757,17 @@ var SidebarTrigger = React21.forwardRef((_a, ref) => {
       }
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react7.PanelLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react7.PanelLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React21.forwardRef((_a, ref) => {
+var SidebarRail = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "button",
     __spreadValues({
       ref,
@@ -2696,9 +2789,9 @@ var SidebarRail = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React21.forwardRef((_a, ref) => {
+var SidebarInset = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "main",
     __spreadValues({
       ref,
@@ -2711,9 +2804,9 @@ var SidebarInset = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React21.forwardRef((_a, ref) => {
+var SidebarInput = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Input,
     __spreadValues({
       ref,
@@ -2726,9 +2819,9 @@ var SidebarInput = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React21.forwardRef((_a, ref) => {
+var SidebarHeader = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2738,9 +2831,9 @@ var SidebarHeader = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React21.forwardRef((_a, ref) => {
+var SidebarFooter = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2750,9 +2843,9 @@ var SidebarFooter = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React21.forwardRef((_a, ref) => {
+var SidebarSeparator = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Separator3,
     __spreadValues({
       ref,
@@ -2762,9 +2855,9 @@ var SidebarSeparator = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React21.forwardRef((_a, ref) => {
+var SidebarContent = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2777,9 +2870,9 @@ var SidebarContent = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React21.forwardRef((_a, ref) => {
+var SidebarGroup = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2789,10 +2882,10 @@ var SidebarGroup = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React21.forwardRef((_a, ref) => {
+var SidebarGroupLabel = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, asChild = false } = _b, props = __objRest(_b, ["className", "asChild"]);
   const Comp = asChild ? import_react_slot3.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2806,10 +2899,10 @@ var SidebarGroupLabel = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React21.forwardRef((_a, ref) => {
+var SidebarGroupAction = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, asChild = false } = _b, props = __objRest(_b, ["className", "asChild"]);
   const Comp = asChild ? import_react_slot3.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2825,9 +2918,9 @@ var SidebarGroupAction = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React21.forwardRef((_a, ref) => {
+var SidebarGroupContent = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2837,9 +2930,9 @@ var SidebarGroupContent = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React21.forwardRef((_a, ref) => {
+var SidebarMenu = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -2849,9 +2942,9 @@ var SidebarMenu = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React21.forwardRef((_a, ref) => {
+var SidebarMenuItem = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "li",
     __spreadValues({
       ref,
@@ -2881,7 +2974,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var SidebarMenuButton = React21.forwardRef(
+var SidebarMenuButton = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       asChild = false,
@@ -2900,7 +2993,7 @@ var SidebarMenuButton = React21.forwardRef(
     ]);
     const Comp = asChild ? import_react_slot3.Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Comp,
       __spreadValues({
         ref,
@@ -2918,9 +3011,9 @@ var SidebarMenuButton = React21.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         TooltipContent,
         __spreadValues({
           side: "right",
@@ -2932,10 +3025,10 @@ var SidebarMenuButton = React21.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React21.forwardRef((_a, ref) => {
+var SidebarMenuAction = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, asChild = false, showOnHover = false } = _b, props = __objRest(_b, ["className", "asChild", "showOnHover"]);
   const Comp = asChild ? import_react_slot3.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2955,9 +3048,9 @@ var SidebarMenuAction = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React21.forwardRef((_a, ref) => {
+var SidebarMenuBadge = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2975,12 +3068,12 @@ var SidebarMenuBadge = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React21.forwardRef((_a, ref) => {
+var SidebarMenuSkeleton = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, showIcon = false } = _b, props = __objRest(_b, ["className", "showIcon"]);
-  const width = React21.useMemo(() => {
+  const width = React22.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -2988,14 +3081,14 @@ var SidebarMenuSkeleton = React21.forwardRef((_a, ref) => {
       className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className)
     }, props), {
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           Skeleton,
           {
             className: "h-4 flex-1 max-w-[--skeleton-width]",
@@ -3010,9 +3103,9 @@ var SidebarMenuSkeleton = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React21.forwardRef((_a, ref) => {
+var SidebarMenuSub = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -3026,15 +3119,15 @@ var SidebarMenuSub = React21.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React21.forwardRef((_a, ref) => {
+var SidebarMenuSubItem = React22.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("li", __spreadValues({ ref }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", __spreadValues({ ref }, props));
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React21.forwardRef((_a, ref) => {
+var SidebarMenuSubButton = React22.forwardRef((_a, ref) => {
   var _b = _a, { asChild = false, size = "md", isActive, className } = _b, props = __objRest(_b, ["asChild", "size", "isActive", "className"]);
   const Comp = asChild ? import_react_slot3.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -3059,47 +3152,47 @@ var import_lucide_react9 = require("lucide-react");
 
 // src/components/layout/Sidebar/components/team-switcher.tsx
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function TeamSwitcher({
   teams
 }) {
   const { isMobile } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     SidebarMenuButton,
     {
       size: "lg",
       className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate font-semibold", children: teams == null ? void 0 : teams.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate text-xs", children: teams == null ? void 0 : teams.plan })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground" }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "truncate font-semibold", children: teams == null ? void 0 : teams.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "truncate text-xs", children: teams == null ? void 0 : teams.plan })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react8.ChevronsUpDown, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react8.ChevronsUpDown, { className: "ml-auto" })
       ]
     }
   ) }) }) }) });
 }
 
 // src/components/layout/Sidebar/components/menus.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Menus({
   items
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: items.map((item, index) => {
     var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SidebarGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarGroupLabel, { children: item.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarMenu, { children: (_a = item.items) == null ? void 0 : _a.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(SidebarGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SidebarGroupLabel, { children: item.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SidebarMenu, { children: (_a = item.items) == null ? void 0 : _a.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         SidebarMenuButton,
         {
           asChild: true,
           className: cn(
             (subItem == null ? void 0 : subItem.isActive) && "bg-sidebar-accent font-semibold"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("a", { href: subItem.url, children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("a", { href: subItem.url, children: [
             (subItem == null ? void 0 : subItem.icon) && subItem.icon(),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: subItem.title })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: subItem.title })
           ] })
         }
       ) }, subItem.title)) })
@@ -3108,13 +3201,13 @@ function Menus({
 }
 
 // src/components/layout/Sidebar/components/app-sidebar.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function AppSidebar(_a) {
   var _b = _a, {
     navbar = [],
     enterprise = {
       name: "Acme Inc",
-      logo: () => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react9.GalleryVerticalEnd, {}),
+      logo: () => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react9.GalleryVerticalEnd, {}),
       plan: "Enterprise"
     },
     footer
@@ -3123,27 +3216,27 @@ function AppSidebar(_a) {
     "enterprise",
     "footer"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TeamSwitcher, { teams: enterprise }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Menus, { items: navbar }) }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarFooter, { children: footer() }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarRail, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Sidebar, __spreadProps(__spreadValues({ collapsible: "icon" }, props), { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SidebarHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TeamSwitcher, { teams: enterprise }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SidebarContent, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Menus, { items: navbar }) }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SidebarFooter, { children: footer() }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SidebarRail, {})
   ] }));
 }
 
 // src/components/ui/breadcrumb.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var Breadcrumb = React22.forwardRef((_a, ref) => {
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Breadcrumb = React23.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("nav", __spreadValues({ ref, "aria-label": "breadcrumb" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("nav", __spreadValues({ ref, "aria-label": "breadcrumb" }, props));
 });
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React22.forwardRef((_a, ref) => {
+var BreadcrumbList = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "ol",
     __spreadValues({
       ref,
@@ -3155,9 +3248,9 @@ var BreadcrumbList = React22.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React22.forwardRef((_a, ref) => {
+var BreadcrumbItem = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "li",
     __spreadValues({
       ref,
@@ -3166,10 +3259,10 @@ var BreadcrumbItem = React22.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React22.forwardRef((_a, ref) => {
+var BreadcrumbLink = React23.forwardRef((_a, ref) => {
   var _b = _a, { asChild, className } = _b, props = __objRest(_b, ["asChild", "className"]);
   const Comp = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -3178,9 +3271,9 @@ var BreadcrumbLink = React22.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React22.forwardRef((_a, ref) => {
+var BreadcrumbPage = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "span",
     __spreadValues({
       ref,
@@ -3200,14 +3293,14 @@ var BreadcrumbSeparator = (_a) => {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "li",
     __spreadProps(__spreadValues({
       role: "presentation",
       "aria-hidden": "true",
       className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)
     }, props), {
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.ChevronRight, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react10.ChevronRight, {})
     })
   );
 };
@@ -3218,7 +3311,7 @@ var BreadcrumbEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       role: "presentation",
@@ -3226,8 +3319,8 @@ var BreadcrumbEllipsis = (_a) => {
       className: cn("flex h-9 w-9 items-center justify-center", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react10.MoreHorizontal, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "More" })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react10.MoreHorizontal, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sr-only", children: "More" })
       ]
     })
   );
@@ -3236,7 +3329,7 @@ BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/layout/Sidebar/provider/index.tsx
 var import_react10 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var SidebarContext2 = (0, import_react10.createContext)({});
 function SidebarProvider2({
   children,
@@ -3246,7 +3339,7 @@ function SidebarProvider2({
   const [isCollapsed, setIsCollapsed] = (0, import_react10.useState)(defaultCollapsed);
   const [currentPath, setCurrentPath] = (0, import_react10.useState)(defaultPath);
   const toggleCollapse = () => setIsCollapsed((prev) => !prev);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     SidebarContext2.Provider,
     {
       value: {
@@ -3268,7 +3361,7 @@ function useSidebar2() {
 }
 
 // src/components/layout/Sidebar/components/header-sidebar.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var routeMap = {
   dashboard: "Dashboard",
   users: "Usu\xE1rios",
@@ -3282,11 +3375,11 @@ var routeMap = {
 };
 var BreadcrumbElement = ({ isLast, path, label }) => {
   if (isLast) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbPage, { className: "capitalize", children: label }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbPage, { className: "capitalize", children: label }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(BreadcrumbItem, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbLink, { href: path, className: "capitalize", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbSeparator, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(BreadcrumbItem, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbLink, { href: path, className: "capitalize", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbSeparator, {})
   ] });
 };
 var HeaderSidebar = () => {
@@ -3301,37 +3394,37 @@ var HeaderSidebar = () => {
       isLast
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("header", { className: "flex h-16 shrink-0 items-center border-b border-border bg-background px-4 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SidebarTrigger, { className: "-ml-2 h-9 w-9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Separator3, { orientation: "vertical", className: "h-6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(BreadcrumbList, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(BreadcrumbItem, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbLink, { href: "/", className: "capitalize", children: "Home" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbSeparator, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("header", { className: "flex h-16 shrink-0 items-center border-b border-border bg-background px-4 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SidebarTrigger, { className: "-ml-2 h-9 w-9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Separator3, { orientation: "vertical", className: "h-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(BreadcrumbList, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(BreadcrumbItem, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbLink, { href: "/", className: "capitalize", children: "Home" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbSeparator, {})
       ] }),
-      breadcrumbItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BreadcrumbElement, __spreadValues({}, item), item.path))
+      breadcrumbItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbElement, __spreadValues({}, item), item.path))
     ] }) })
   ] }) });
 };
 
 // src/components/layout/Sidebar/components/footer-sidebar.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var FooterSidebar = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("footer", { className: "h-[65px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Separator3, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between h-16 bg-background px-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("footer", { className: "h-[65px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Separator3, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between h-16 bg-background px-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
         "\xA9 ",
         (/* @__PURE__ */ new Date()).getFullYear(),
         " Your Company"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm text-muted-foreground", children: "Feito na terra do sol \u{1F31E}" })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-sm text-muted-foreground", children: "Feito na terra do sol \u{1F31E}" })
     ] })
   ] });
 };
 
 // src/components/layout/Sidebar/Sidebar.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Sidebar2 = (_a) => {
   var _b = _a, {
     children,
@@ -3346,16 +3439,16 @@ var Sidebar2 = (_a) => {
     "defaultPath",
     "defaultCollapsed"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     SidebarProvider2,
     {
       defaultPath,
       defaultCollapsed,
-      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SidebarProvider, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AppSidebar, __spreadValues({}, rest)),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SidebarInset, { className: "overflow-auto bg-slate-50", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(HeaderSidebar, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SidebarProvider, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AppSidebar, __spreadValues({}, rest)),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SidebarInset, { className: "overflow-auto bg-slate-50", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(HeaderSidebar, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "main",
             {
               className: cn(
@@ -3365,7 +3458,7 @@ var Sidebar2 = (_a) => {
               children
             }
           ),
-          showFooter && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FooterSidebar, {})
+          showFooter && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FooterSidebar, {})
         ] })
       ] })
     }
@@ -3375,7 +3468,7 @@ var Sidebar2 = (_a) => {
 // src/components/layout/Sidebar/components/nav-user.tsx
 var import_lucide_react11 = require("lucide-react");
 var import_react11 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function NavUser({
   user,
   logoutAction = () => {
@@ -3383,30 +3476,30 @@ function NavUser({
 }) {
   const { isMobile } = useSidebar();
   const renderUserInformation = (0, import_react11.useCallback)(() => {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Avatar, { className: "h-8 w-8 rounded-lg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AvatarImage, { src: user == null ? void 0 : user.avatar, alt: user == null ? void 0 : user.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AvatarFallback, { className: "rounded-lg", children: "CN" })
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Avatar, { className: "h-8 w-8 rounded-lg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AvatarImage, { src: user == null ? void 0 : user.avatar, alt: user == null ? void 0 : user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AvatarFallback, { className: "rounded-lg", children: "CN" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "truncate font-semibold", children: user == null ? void 0 : user.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "truncate text-xs", children: user == null ? void 0 : user.email })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate font-semibold", children: user == null ? void 0 : user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "truncate text-xs", children: user == null ? void 0 : user.email })
       ] })
     ] });
   }, [user]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       SidebarMenuButton,
       {
         size: "lg",
         className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
         children: [
           renderUserInformation(),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react11.ChevronsUpDown, { className: "ml-auto size-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.ChevronsUpDown, { className: "ml-auto size-4" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       DropdownMenuContent,
       {
         className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
@@ -3414,30 +3507,30 @@ function NavUser({
         align: "end",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: renderUserInformation() }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuItem, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react11.Sparkles, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: renderUserInformation() }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuItem, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.Sparkles, {}),
             "Upgrade to Pro"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuGroup, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuItem, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react11.BadgeCheck, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuGroup, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.BadgeCheck, {}),
               "Account"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuItem, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react11.CreditCard, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.CreditCard, {}),
               "Billing"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuItem, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react11.Bell, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.Bell, {}),
               "Notifications"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuItem, { onClick: logoutAction, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react11.LogOut, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuSeparator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuItem, { onClick: logoutAction, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.LogOut, {}),
             "Log out"
           ] })
         ]
@@ -3447,33 +3540,33 @@ function NavUser({
 }
 
 // src/components/layout/PageLayout/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var PageLayout = ({
   subtitle,
   title,
   children,
   header
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "m-5 p-4 bg-white", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { variant: "title", children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Text, { variant: "muted", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "m-5 p-4 bg-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { variant: "title", children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Text, { variant: "muted", children: subtitle })
       ] }),
       header
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-5", children })
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "mt-5", children })
   ] });
 };
 
 // src/components/ui/tabs.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React23.forwardRef((_a, ref) => {
+var TabsList = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -3485,9 +3578,9 @@ var TabsList = React23.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React23.forwardRef((_a, ref) => {
+var TabsTrigger = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -3499,9 +3592,9 @@ var TabsTrigger = React23.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React23.forwardRef((_a, ref) => {
+var TabsContent = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -3515,14 +3608,14 @@ var TabsContent = React23.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/layout/Tabs/Tabs.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Tabs2 = ({
   tabs,
   activeTabIndex = 0,
   onTabChange,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     Tabs,
     {
       value: tabs[activeTabIndex].label,
@@ -3532,34 +3625,34 @@ var Tabs2 = ({
       },
       className: cn("w-full", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsList, { children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsTrigger, { value: tab.label, children: tab.label }, index)) }),
-        tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsContent, { value: tab.label, children: tab.content }, index))
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TabsList, { children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TabsTrigger, { value: tab.label, children: tab.label }, index)) }),
+        tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TabsContent, { value: tab.label, children: tab.content }, index))
       ]
     }
   );
 };
 
 // src/components/actions/Steps/Steps.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var Steps = ({ data, onClick = () => {
 }, value }) => {
   const renderSteps = (0, import_react12.useCallback)(() => {
     return data.map(({ label, id }, index) => {
       const isLast = index === data.length - 1;
       const isActive = typeof value === "number" && id <= value;
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn(!isLast && "w-full flex items-center"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: cn(!isLast && "w-full flex items-center"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           Button2,
           {
             onClick: () => onClick && onClick(id),
             variant: isActive ? "default" : "outline",
             size: "icon",
             className: "rounded-full",
-            children: isActive ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon2, { name: "MdCheck" }) : index + 1
+            children: isActive ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Icon2, { name: "MdCheck" }) : index + 1
           }
         ) }),
-        label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "absolute", children: label }),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "absolute", children: label }),
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           Separator3,
           {
             orientation: "horizontal",
@@ -3569,19 +3662,19 @@ var Steps = ({ data, onClick = () => {
       ] }, index);
     });
   }, [data, onClick, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex w-full", children: renderSteps() });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex w-full", children: renderSteps() });
 };
 
 // src/components/ui/alert-dialog.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React24.forwardRef((_a, ref) => {
+var AlertDialogOverlay = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3594,11 +3687,11 @@ var AlertDialogOverlay = React24.forwardRef((_a, ref) => {
   );
 });
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React24.forwardRef((_a, ref) => {
+var AlertDialogContent = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(AlertDialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AlertDialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(AlertDialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AlertDialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       AlertDialogPrimitive.Content,
       __spreadValues({
         ref,
@@ -3617,7 +3710,7 @@ var AlertDialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3634,7 +3727,7 @@ var AlertDialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3645,9 +3738,9 @@ var AlertDialogFooter = (_a) => {
   );
 };
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React24.forwardRef((_a, ref) => {
+var AlertDialogTitle = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -3656,9 +3749,9 @@ var AlertDialogTitle = React24.forwardRef((_a, ref) => {
   );
 });
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React24.forwardRef((_a, ref) => {
+var AlertDialogDescription = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Description,
     __spreadValues({
       ref,
@@ -3667,9 +3760,9 @@ var AlertDialogDescription = React24.forwardRef((_a, ref) => {
   );
 });
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React24.forwardRef((_a, ref) => {
+var AlertDialogAction = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Action,
     __spreadValues({
       ref,
@@ -3678,9 +3771,9 @@ var AlertDialogAction = React24.forwardRef((_a, ref) => {
   );
 });
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React24.forwardRef((_a, ref) => {
+var AlertDialogCancel = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Cancel,
     __spreadValues({
       ref,
@@ -3695,7 +3788,7 @@ var AlertDialogCancel = React24.forwardRef((_a, ref) => {
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/actions/AlertDialog/AlertDialog.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var AlertDialog2 = ({
   title,
   description,
@@ -3703,16 +3796,16 @@ var AlertDialog2 = ({
   onConfirm,
   onCancel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(AlertDialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertDialogTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(AlertDialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(AlertDialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertDialogTitle, { children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertDialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertDialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertDialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertDialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogTitle, { children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogDescription, { children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(AlertDialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertDialogCancel, { onClick: onCancel, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AlertDialogAction, { onClick: onConfirm, children: "Continue" })
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(AlertDialogFooter, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogCancel, { onClick: onCancel, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(AlertDialogAction, { onClick: onConfirm, children: "Continue" })
       ] })
     ] })
   ] });
@@ -3722,7 +3815,7 @@ var AlertDialog2 = ({
 var import_react13 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
 var import_lodash2 = __toESM(require("lodash"));
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var MultipleInputBase = ({
   children,
   data = [],
@@ -3771,22 +3864,22 @@ var MultipleInputBase = ({
   );
   const renderOptions = (0, import_react13.useCallback)(() => {
     return inputData == null ? void 0 : inputData.map((item, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex justify-between mt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: item }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex justify-between mt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: item }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           Button2,
           {
             onClick: () => removeItem(index),
             variant: "ghost",
             size: "icon",
             type: "button",
-            children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon2, { name: "MdDelete", className: "fill-destructive" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "MdDelete", className: "fill-destructive" })
           }
         )
       ] }, index);
     });
   }, [inputData, removeItem]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
     children({
       onChange: ({ target: { value } }) => {
         setInputValue(value);
@@ -3800,21 +3893,21 @@ var MultipleInputBase = ({
 };
 
 // src/components/dataInput/Input/components/MultipleInput/MultipleMaskInput.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var MultipleMaskInput = (_a) => {
   var _b = _a, {
     data = []
   } = _b, props = __objRest(_b, [
     "data"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(MultipleInputBase, __spreadProps(__spreadValues({ data }, props), { children: ({ onChange, addItem, value }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(MultipleInputBase, __spreadProps(__spreadValues({ data }, props), { children: ({ onChange, addItem, value }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       MaskInput,
       __spreadProps(__spreadValues({}, props), {
         value,
         onChange,
         withoutForm: true,
-        component: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Button2, { type: "button", onClick: () => addItem(), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon2, { name: "MdAdd" }) })
+        component: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Button2, { type: "button", onClick: () => addItem(), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Icon2, { name: "MdAdd" }) })
       })
     );
   } }));
@@ -3822,7 +3915,7 @@ var MultipleMaskInput = (_a) => {
 
 // src/components/dataInput/Select/SelectBase.tsx
 var import_react14 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SelectBase = (_a) => {
   var _b = _a, {
     options,
@@ -3846,15 +3939,15 @@ var SelectBase = (_a) => {
     },
     [onChange, onChangeCallback]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     Select,
     __spreadProps(__spreadValues({}, rest), {
       onValueChange: onSelect,
       defaultValue: value,
       value,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectValue, { placeholder }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectContent, { children: options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectItem, { value: String(option.value), children: option.label }, index)) })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectValue, { placeholder }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectContent, { children: options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectItem, { value: String(option.value), children: option.label }, index)) })
       ]
     })
   );
@@ -3862,7 +3955,7 @@ var SelectBase = (_a) => {
 
 // src/components/dataInput/Select/Select.tsx
 var import_react_hook_form6 = require("react-hook-form");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Select2 = (_a) => {
   var _b = _a, {
     name,
@@ -3886,45 +3979,45 @@ var Select2 = (_a) => {
   const form = (0, import_react_hook_form6.useFormContext)();
   const hasForm = !!form && !!name;
   if (!hasForm || withoutForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: cn("space-y-2", className), children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Label3, { children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectBase, __spreadValues({ options, placeholder }, props)),
-      description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm text-muted-foreground", children: description }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ErrorMessage, { children: error })
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: cn("space-y-2", className), children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Label3, { children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectBase, __spreadValues({ options, placeholder }, props)),
+      description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm text-muted-foreground", children: description }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ErrorMessage, { children: error })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     FormField,
     {
       control: form.control,
       name,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(FormItem, { className, children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormLabel, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(FormItem, { className, children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormLabel, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           SelectBase,
           __spreadValues(__spreadValues({
             options,
             placeholder
           }, props), field)
         ) }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormDescription, { children: description }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(FormMessage, {})
+        description && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormDescription, { children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormMessage, {})
       ] })
     }
   );
 };
 
 // src/components/dataDisplay/Label/Label.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Label4 = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Label3, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label3, __spreadValues({}, props));
 };
 
 // src/components/dataInput/Select/MultiSelect/MultiSelectBase.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_lucide_react12 = require("lucide-react");
 var Popover = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function MultiSelectBase({
   options = [],
   selected = [],
@@ -3933,9 +4026,9 @@ function MultiSelectBase({
   placeholder = "Select frameworks...",
   className
 }) {
-  const [open, setOpen] = React25.useState(false);
-  const [inputValue, setInputValue] = React25.useState("");
-  const inputRef = React25.useRef(null);
+  const [open, setOpen] = React26.useState(false);
+  const [inputValue, setInputValue] = React26.useState("");
+  const inputRef = React26.useRef(null);
   const handleRemoveItem = (valueToRemove) => {
     onChange(selected.filter((value) => value !== valueToRemove));
   };
@@ -3949,8 +4042,8 @@ function MultiSelectBase({
   const filteredOptions = options.filter(
     (option) => option.label.toLowerCase().includes(inputValue.toLowerCase())
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Popover.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Popover.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       "div",
       {
         className: cn(
@@ -3961,13 +4054,13 @@ function MultiSelectBase({
           selected.map((value) => {
             const option = options.find((o) => o.value === value);
             if (!option) return null;
-            return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
               "div",
               {
                 className: "flex items-center gap-1 rounded-md bg-secondary px-2 py-1 text-sm text-secondary-foreground",
                 children: [
                   option.label,
-                  /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -3977,8 +4070,8 @@ function MultiSelectBase({
                       },
                       className: "rounded-full hover:bg-secondary-foreground/20",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react12.X, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("span", { className: "sr-only", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react12.X, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "sr-only", children: [
                           "Remove ",
                           option.label
                         ] })
@@ -3990,20 +4083,20 @@ function MultiSelectBase({
               value
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-1", children: selected.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-muted-foreground", children: placeholder }) })
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "flex-1", children: selected.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-muted-foreground", children: placeholder }) })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       Popover.Content,
       {
         className: "w-[--radix-popover-trigger-width] z-50 mt-1 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
         align: "start",
         sideOffset: 4,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex items-center border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_lucide_react12.Search, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex items-center border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_lucide_react12.Search, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               "input",
               {
                 ref: inputRef,
@@ -4014,7 +4107,7 @@ function MultiSelectBase({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "max-h-[200px] overflow-auto", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "No results found." }) : filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "max-h-[200px] overflow-auto", children: filteredOptions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "No results found." }) : filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
             "div",
             {
               onClick: () => handleSelectItem(option.value),
@@ -4023,14 +4116,14 @@ function MultiSelectBase({
                 selected.includes(option.value) && "bg-accent"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
                   "div",
                   {
                     className: cn(
                       "flex h-4 w-4 items-center justify-center rounded border border-primary",
                       selected.includes(option.value) && "bg-primary text-primary-foreground"
                     ),
-                    children: selected.includes(option.value) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-[10px]", children: "\u2713" })
+                    children: selected.includes(option.value) && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-[10px]", children: "\u2713" })
                   }
                 ),
                 option.label
@@ -4046,7 +4139,7 @@ function MultiSelectBase({
 
 // src/components/dataInput/Select/MultiSelect/index.tsx
 var import_react_hook_form7 = require("react-hook-form");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function MultiSelect(_a) {
   var _b = _a, {
     label,
@@ -4066,24 +4159,24 @@ function MultiSelect(_a) {
   const form = (0, import_react_hook_form7.useFormContext)();
   const hasForm = !withoutForm && !!form && !!name;
   if (!hasForm)
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "grid w-full items-center gap-3", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label4, { htmlFor: name, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MultiSelectBase, __spreadValues({}, props))
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid w-full items-center gap-3", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label4, { htmlFor: name, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MultiSelectBase, __spreadValues({}, props))
     ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     FormField,
     {
       control: form.control,
       name,
       render: (_a2) => {
         var { field: _b2 } = _a2, _c = _b2, { value } = _c, rest = __objRest(_c, ["value"]);
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
           FormItem,
           {
             className,
             "data-testid": testId ? `form-item-${testId}` : void 0,
             children: [
-              label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                 FormLabel,
                 {
                   htmlFor: name,
@@ -4091,8 +4184,8 @@ function MultiSelect(_a) {
                   children: `${label}${required ? " *" : ""}`
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex w-full items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, props), rest), { selected: value })) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex w-full items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, props), rest), { selected: value })) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                 FormMessage,
                 {
                   role: "alert",
@@ -4108,12 +4201,12 @@ function MultiSelect(_a) {
 }
 
 // src/components/ui/switch.tsx
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var Switch = React26.forwardRef((_a, ref) => {
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var Switch = React27.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -4122,7 +4215,7 @@ var Switch = React26.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -4137,7 +4230,7 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/dataInput/Switch/Switch.tsx
 var import_react_hook_form8 = require("react-hook-form");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Switch2(_a) {
   var _b = _a, {
     label,
@@ -4152,28 +4245,40 @@ function Switch2(_a) {
   const form = (0, import_react_hook_form8.useFormContext)();
   const hasForm = !!form && !withoutForm && !!props.name;
   if (!hasForm)
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Switch, __spreadValues({}, props)),
-      label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Label3, { htmlFor: props.id, children: label })
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Switch, __spreadValues({}, props)),
+      label && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label3, { htmlFor: props.id, children: label })
     ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     FormField,
     {
       control: form.control,
       name: (_a2 = props.name) != null ? _a2 : "",
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
         FormItem,
         {
           className: cn(className, "flex items-center space-x-2 space-y-0"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Switch2, { checked: field.value, onCheckedChange: field.onChange }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FormLabel, { children: label })
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Switch2, { checked: field.value, onCheckedChange: field.onChange }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormLabel, { children: label })
           ]
         }
       )
     }
   );
 }
+
+// src/components/config/DesignSystemProvider/index.tsx
+var import_react15 = require("react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+function DesignSystemProvider({
+  children,
+  className = ""
+}) {
+  const uniqueId = (0, import_react15.useId)().replace(/:/g, "_");
+  const scopeClass = `ds-${uniqueId}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `ds ${scopeClass} ${className}`.trim(), children });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AlertDialog,
@@ -4189,12 +4294,20 @@ function Switch2(_a) {
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  Card,
+  CardBase,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
   Checkbox,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
   CustomDrawer,
   DataPairList,
+  DesignSystemProvider,
   Dialog,
   DialogWithForm,
   Drawer,