@phsa.tec/design-system-react 0.2.0 → 0.3.1

package/dist/index.js

@@ -65,7 +65,6 @@ __export(src_exports, {
   AvatarFallback: () => AvatarFallback,
   AvatarImage: () => AvatarImage,
   Badge: () => Badge,
-  BaseDesignSystemProvider: () => DesignSystemProvider,
   Breadcrumb: () => Breadcrumb,
   BreadcrumbEllipsis: () => BreadcrumbEllipsis,
   BreadcrumbItem: () => BreadcrumbItem,
@@ -74,13 +73,19 @@ __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,
@@ -145,11 +150,11 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/dataDisplay/Table/components/DynamicTable/index.tsx
-var React6 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
 // src/components/ui/table.tsx
-var React2 = __toESM(require("react"));
+var React = __toESM(require("react"));
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -157,44 +162,28 @@ var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
-var hexToHsl = (hex) => {
-  if (!hex) return "";
-  const cleanHex = hex.replace(/^#/, "");
-  const [r, g, b] = cleanHex.match(/.{2}/g).map((x) => parseInt(x, 16) / 255);
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const l = (max + min) / 2;
-  let h = 0;
-  let s = 0;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    h = max === r ? (g - b) / d + (g < b ? 6 : 0) : max === g ? (b - r) / d + 2 : (r - g) / d + 4;
-    h *= 60;
-  }
-  return `${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;
-};
 
 // src/components/ui/table.tsx
-var Table = React2.forwardRef((_a, ref) => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var Table = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement("div", { className: "relative phsa-w-full phsa-overflow-auto" }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "table",
     __spreadValues({
       ref,
       className: cn("w-full caption-bottom text-sm", className)
     }, props)
-  ));
+  ) });
 });
 Table.displayName = "Table";
-var TableHeader = React2.forwardRef((_a, ref) => {
+var TableHeader = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React2.forwardRef((_a, ref) => {
+var TableBody = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "tbody",
     __spreadValues({
       ref,
@@ -203,9 +192,9 @@ var TableBody = React2.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React2.forwardRef((_a, ref) => {
+var TableFooter = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "tfoot",
     __spreadValues({
       ref,
@@ -217,9 +206,9 @@ var TableFooter = React2.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React2.forwardRef((_a, ref) => {
+var TableRow = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "tr",
     __spreadValues({
       ref,
@@ -231,9 +220,9 @@ var TableRow = React2.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React2.forwardRef((_a, ref) => {
+var TableHead = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "th",
     __spreadValues({
       ref,
@@ -245,9 +234,9 @@ var TableHead = React2.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React2.forwardRef((_a, ref) => {
+var TableCell = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "td",
     __spreadValues({
       ref,
@@ -259,9 +248,9 @@ var TableCell = React2.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React2.forwardRef((_a, ref) => {
+var TableCaption = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "caption",
     __spreadValues({
       ref,
@@ -276,11 +265,12 @@ var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 var import_react_icons = require("@radix-ui/react-icons");
 
 // src/components/ui/button.tsx
-var React3 = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
-  "phsa-inline-flex phsa-items-center phsa-justify-center phsa-gap-2 phsa-whitespace-nowrap phsa-rounded-md phsa-text-sm phsa-font-medium phsa-transition-colors phsa-focus-visible:outline-none phsa-focus-visible:ring-1 phsa-focus-visible:ring-ring phsa-disabled:pointer-events-none phsa-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -304,11 +294,11 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React3.forwardRef(
+var Button = React2.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Comp,
       __spreadValues({
         className: cn(buttonVariants({ variant, size, className })),
@@ -320,35 +310,39 @@ var Button = React3.forwardRef(
 Button.displayName = "Button";
 
 // src/components/ui/dropdown-menu.tsx
-var React4 = __toESM(require("react"));
+var React3 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_lucide_react = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React4.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React3.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     DropdownMenuPrimitive.SubTrigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
         inset && "pl-8",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React4.createElement(import_lucide_react.ChevronRight, { className: "phsa-ml-auto" })
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.ChevronRight, { className: "ml-auto" })
+      ]
+    })
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React4.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React3.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DropdownMenuPrimitive.SubContent,
     __spreadValues({
       ref,
@@ -360,9 +354,9 @@ var DropdownMenuSubContent = React4.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React4.forwardRef((_a, ref) => {
+var DropdownMenuContent = React3.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ React4.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -373,12 +367,12 @@ var DropdownMenuContent = React4.forwardRef((_a, ref) => {
         className
       )
     }, props)
-  ));
+  ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React4.forwardRef((_a, ref) => {
+var DropdownMenuItem = React3.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       ref,
@@ -391,42 +385,48 @@ var DropdownMenuItem = React4.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React4.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React3.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     DropdownMenuPrimitive.CheckboxItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked
-    }, props),
-    /* @__PURE__ */ React4.createElement("span", { className: "absolute phsa-left-2 phsa-flex phsa-h-3.5 phsa-w-3.5 phsa-items-center phsa-justify-center" }, /* @__PURE__ */ React4.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React4.createElement(import_lucide_react.Check, { className: "phsa-h-4 phsa-w-4" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) }) }),
+        children
+      ]
+    })
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React4.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React3.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     DropdownMenuPrimitive.RadioItem,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React4.createElement("span", { className: "absolute phsa-left-2 phsa-flex phsa-h-3.5 phsa-w-3.5 phsa-items-center phsa-justify-center" }, /* @__PURE__ */ React4.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React4.createElement(import_lucide_react.Circle, { className: "phsa-h-2 phsa-w-2 phsa-fill-current" }))),
-    children
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        children
+      ]
+    })
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React4.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React3.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DropdownMenuPrimitive.Label,
     __spreadValues({
       ref,
@@ -439,9 +439,9 @@ var DropdownMenuLabel = React4.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React4.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React3.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,
@@ -456,7 +456,7 @@ var DropdownMenuShortcut = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     __spreadValues({
       className: cn("ml-auto text-xs tracking-widest opacity-60", className)
@@ -466,103 +466,123 @@ var DropdownMenuShortcut = (_a) => {
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/dataDisplay/Table/components/DynamicTable/data-table-view-options.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function DataTableViewOptions({
   table
 }) {
-  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      className: "phsa-ml-auto phsa-hidden phsa-h-8 lg:flex"
-    },
-    /* @__PURE__ */ React.createElement(import_react_icons.MixerHorizontalIcon, { className: "phsa-mr-2 phsa-h-4 phsa-w-4" }),
-    "Colunas"
-  )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "phsa-w-[150px]" }, /* @__PURE__ */ React.createElement(DropdownMenuLabel, null, "Colunas vis\xEDveis"), /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), table.getAllColumns().filter(
-    (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-  ).map((column) => {
-    return /* @__PURE__ */ React.createElement(
-      DropdownMenuCheckboxItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_dropdown_menu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      Button,
       {
-        key: column.id,
-        className: "capitalize",
-        checked: column.getIsVisible(),
-        onCheckedChange: (value) => column.toggleVisibility(!!value)
-      },
-      column.id
-    );
-  })));
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto hidden h-8 lg:flex",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons.MixerHorizontalIcon, { className: "mr-2 h-4 w-4" }),
+          "Colunas"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(DropdownMenuContent, { align: "end", className: "w-[150px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuLabel, { children: "Colunas vis\xEDveis" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: column.id
+          },
+          column.id
+        );
+      })
+    ] })
+  ] });
 }
 
 // src/components/dataDisplay/Table/components/DynamicTable/data-table-toolbar.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function DataTableToolbar({
   table,
   filters,
   showColumnVisibility
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-flex-1 phsa-items-center phsa-space-x-2" }, filters), showColumnVisibility && /* @__PURE__ */ React.createElement(DataTableViewOptions, { table }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-1 items-center space-x-2", children: filters }),
+    showColumnVisibility && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DataTableViewOptions, { table })
+  ] });
 }
 
 // src/components/dataDisplay/Table/components/DynamicTable/data-table-pagination.tsx
 var import_react_icons2 = require("@radix-ui/react-icons");
 
 // src/components/ui/select.tsx
-var React5 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React5.forwardRef((_a, ref) => {
+var SelectTrigger = React4.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     SelectPrimitive.Trigger,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
         className
       )
-    }, props),
-    children,
-    /* @__PURE__ */ React5.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React5.createElement(import_lucide_react2.ChevronDown, { className: "phsa-h-4 phsa-w-4 phsa-opacity-50" }))
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    })
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React5.forwardRef((_a, ref) => {
+var SelectScrollUpButton = React4.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     SelectPrimitive.ScrollUpButton,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "flex cursor-default items-center justify-center py-1",
         className
       )
-    }, props),
-    /* @__PURE__ */ React5.createElement(import_lucide_react2.ChevronUp, { className: "phsa-h-4 phsa-w-4" })
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronUp, { className: "h-4 w-4" })
+    })
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React5.forwardRef((_a, ref) => {
+var SelectScrollDownButton = React4.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     SelectPrimitive.ScrollDownButton,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "flex cursor-default items-center justify-center py-1",
         className
       )
-    }, props),
-    /* @__PURE__ */ React5.createElement(import_lucide_react2.ChevronDown, { className: "phsa-h-4 phsa-w-4" })
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronDown, { className: "h-4 w-4" })
+    })
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React5.forwardRef((_a, ref) => {
+var SelectContent = React4.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
-  return /* @__PURE__ */ React5.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     SelectPrimitive.Content,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
@@ -570,25 +590,28 @@ var SelectContent = React5.forwardRef((_a, ref) => {
         className
       ),
       position
-    }, props),
-    /* @__PURE__ */ React5.createElement(SelectScrollUpButton, null),
-    /* @__PURE__ */ React5.createElement(
-      SelectPrimitive.Viewport,
-      {
-        className: cn(
-          "p-1",
-          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-        )
-      },
-      children
-    ),
-    /* @__PURE__ */ React5.createElement(SelectScrollDownButton, null)
-  ));
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React5.forwardRef((_a, ref) => {
+var SelectLabel = React4.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     SelectPrimitive.Label,
     __spreadValues({
       ref,
@@ -597,25 +620,28 @@ var SelectLabel = React5.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React5.forwardRef((_a, ref) => {
+var SelectItem = React4.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     SelectPrimitive.Item,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       )
-    }, props),
-    /* @__PURE__ */ React5.createElement("span", { className: "absolute phsa-right-2 phsa-flex phsa-h-3.5 phsa-w-3.5 phsa-items-center phsa-justify-center" }, /* @__PURE__ */ React5.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(import_lucide_react2.Check, { className: "phsa-h-4 phsa-w-4" }))),
-    /* @__PURE__ */ React5.createElement(SelectPrimitive.ItemText, null, children)
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectPrimitive.ItemText, { children })
+      ]
+    })
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React5.forwardRef((_a, ref) => {
+var SelectSeparator = React4.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     SelectPrimitive.Separator,
     __spreadValues({
       ref,
@@ -626,82 +652,133 @@ var SelectSeparator = React5.forwardRef((_a, ref) => {
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/dataDisplay/Table/components/DynamicTable/data-table-pagination.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function DataTablePagination({
   table,
   pageSizeOptions = [10, 20, 30, 40, 50]
 }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-justify-between phsa-px-2" }, /* @__PURE__ */ React.createElement("div", { className: "phsa-flex-1 phsa-text-sm phsa-text-muted-foreground" }, table.getFilteredSelectedRowModel().rows.length, " de", " ", table.getFilteredRowModel().rows.length, " linha(s) selecionada(s)."), /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-space-x-6 phsa-lg:space-x-8" }, /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-space-x-2" }, /* @__PURE__ */ React.createElement("p", { className: "phsa-text-sm phsa-font-medium" }, "Linhas por p\xE1gina"), /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value: `${table.getState().pagination.pageSize}`,
-      onValueChange: (value) => {
-        table.setPageSize(Number(value));
-      }
-    },
-    /* @__PURE__ */ React.createElement(SelectTrigger, { className: "phsa-h-8 phsa-w-[70px]" }, /* @__PURE__ */ React.createElement(SelectValue, { placeholder: table.getState().pagination.pageSize })),
-    /* @__PURE__ */ React.createElement(SelectContent, { side: "top" }, pageSizeOptions.map((pageSize) => /* @__PURE__ */ React.createElement(SelectItem, { key: pageSize, value: `${pageSize}` }, pageSize)))
-  )), /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-w-[100px] phsa-items-center phsa-justify-center phsa-text-sm phsa-font-medium" }, "P\xE1gina ", table.getState().pagination.pageIndex + 1, " de", " ", table.getPageCount()), /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-space-x-2" }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      className: "phsa-hidden phsa-h-8 phsa-w-8 phsa-p-0 lg:flex",
-      onClick: () => table.setPageIndex(0),
-      disabled: !table.getCanPreviousPage()
-    },
-    /* @__PURE__ */ React.createElement(import_react_icons2.DoubleArrowLeftIcon, { className: "phsa-h-4 phsa-w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      className: "phsa-h-8 phsa-w-8 phsa-p-0",
-      onClick: () => table.previousPage(),
-      disabled: !table.getCanPreviousPage()
-    },
-    /* @__PURE__ */ React.createElement(import_react_icons2.ChevronLeftIcon, { className: "phsa-h-4 phsa-w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      className: "phsa-h-8 phsa-w-8 phsa-p-0",
-      onClick: () => table.nextPage(),
-      disabled: !table.getCanNextPage()
-    },
-    /* @__PURE__ */ React.createElement(import_react_icons2.ChevronRightIcon, { className: "phsa-h-4 phsa-w-4" })
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "outline",
-      className: "phsa-hidden phsa-h-8 phsa-w-8 phsa-p-0 lg:flex",
-      onClick: () => table.setPageIndex(table.getPageCount() - 1),
-      disabled: !table.getCanNextPage()
-    },
-    /* @__PURE__ */ React.createElement(import_react_icons2.DoubleArrowRightIcon, { className: "phsa-h-4 phsa-w-4" })
-  ))));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+      table.getFilteredSelectedRowModel().rows.length,
+      " de",
+      " ",
+      table.getFilteredRowModel().rows.length,
+      " linha(s) selecionada(s)."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm font-medium", children: "Linhas por p\xE1gina" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          Select,
+          {
+            value: `${table.getState().pagination.pageSize}`,
+            onValueChange: (value) => {
+              table.setPageSize(Number(value));
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectValue, { placeholder: table.getState().pagination.pageSize }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectContent, { side: "top", children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        "P\xE1gina ",
+        table.getState().pagination.pageIndex + 1,
+        " de",
+        " ",
+        table.getPageCount()
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          Button,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(0),
+            disabled: !table.getCanPreviousPage(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons2.DoubleArrowLeftIcon, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          Button,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons2.ChevronLeftIcon, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          Button,
+          {
+            variant: "outline",
+            className: "h-8 w-8 p-0",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons2.ChevronRightIcon, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          Button,
+          {
+            variant: "outline",
+            className: "hidden h-8 w-8 p-0 lg:flex",
+            onClick: () => table.setPageIndex(table.getPageCount() - 1),
+            disabled: !table.getCanNextPage(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_icons2.DoubleArrowRightIcon, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
 
 // src/components/dataDisplay/Table/components/DynamicTable/data-table-column-header.tsx
 var import_react_icons3 = require("@radix-ui/react-icons");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function DataTableColumnHeader({
   column,
   title,
   className
 }) {
   if (!column.getCanSort()) {
-    return /* @__PURE__ */ React.createElement("div", { className: cn(className) }, title);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn(className), children: title });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center space-x-2", className) }, /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: "phsa--ml-3 phsa-h-8 phsa-data-[state=open]:bg-accent"
-    },
-    /* @__PURE__ */ React.createElement("span", null, title),
-    column.getIsSorted() === "desc" ? /* @__PURE__ */ React.createElement(import_react_icons3.ArrowDownIcon, { className: "phsa-ml-2 phsa-h-4 phsa-w-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ React.createElement(import_react_icons3.ArrowUpIcon, { className: "phsa-ml-2 phsa-h-4 phsa-w-4" }) : /* @__PURE__ */ React.createElement(import_react_icons3.CaretSortIcon, { className: "phsa-ml-2 phsa-h-4 phsa-w-4" })
-  )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "start" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => column.toggleSorting(false) }, /* @__PURE__ */ React.createElement(import_react_icons3.ArrowUpIcon, { className: "phsa-mr-2 phsa-h-3.5 phsa-w-3.5 phsa-text-muted-foreground/70" }), "Crescente"), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => column.toggleSorting(true) }, /* @__PURE__ */ React.createElement(import_react_icons3.ArrowDownIcon, { className: "phsa-mr-2 phsa-h-3.5 phsa-w-3.5 phsa-text-muted-foreground/70" }), "Decrescente"), /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: () => column.toggleVisibility(false) }, /* @__PURE__ */ React.createElement(import_react_icons3.EyeNoneIcon, { className: "phsa-mr-2 phsa-h-3.5 phsa-w-3.5 phsa-text-muted-foreground/70" }), "Ocultar"))));
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("flex items-center space-x-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "-ml-3 h-8 data-[state=open]:bg-accent",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: title }),
+          column.getIsSorted() === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons3.ArrowDownIcon, { className: "ml-2 h-4 w-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons3.ArrowUpIcon, { className: "ml-2 h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons3.CaretSortIcon, { className: "ml-2 h-4 w-4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuContent, { align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuItem, { onClick: () => column.toggleSorting(false), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons3.ArrowUpIcon, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Crescente"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuItem, { onClick: () => column.toggleSorting(true), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons3.ArrowDownIcon, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Decrescente"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DropdownMenuItem, { onClick: () => column.toggleVisibility(false), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons3.EyeNoneIcon, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }),
+        "Ocultar"
+      ] })
+    ] })
+  ] }) });
 }
 
 // src/components/dataDisplay/Table/components/DynamicTable/index.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function DynamicTable({
   data,
   columns,
@@ -716,13 +793,13 @@ function DynamicTable({
   defaultVisibility = {}
 }) {
   var _a;
-  const [sorting, setSorting] = React6.useState(defaultSort);
-  const [columnVisibility, setColumnVisibility] = React6.useState(defaultVisibility);
-  const [{ pageIndex, pageSize }, setPagination] = React6.useState({
+  const [sorting, setSorting] = React5.useState(defaultSort);
+  const [columnVisibility, setColumnVisibility] = React5.useState(defaultVisibility);
+  const [{ pageIndex, pageSize }, setPagination] = React5.useState({
     pageIndex: 0,
     pageSize: rowsPerPage[0]
   });
-  const pagination = React6.useMemo(
+  const pagination = React5.useMemo(
     () => ({
       pageIndex,
       pageSize
@@ -747,37 +824,44 @@ function DynamicTable({
     },
     enableSorting: showSorting
   });
-  return /* @__PURE__ */ React6.createElement("div", { className: "phsa-space-y-4" }, (toolbar || filters || showColumnVisibility) && /* @__PURE__ */ React6.createElement(
-    DataTableToolbar,
-    {
-      table,
-      filters,
-      showColumnVisibility
-    }
-  ), /* @__PURE__ */ React6.createElement("div", { className: cn("rounded-md border", className) }, /* @__PURE__ */ React6.createElement(Table, null, /* @__PURE__ */ React6.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React6.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => /* @__PURE__ */ React6.createElement(TableHead, { key: header.id }, header.isPlaceholder ? null : /* @__PURE__ */ React6.createElement(
-    DataTableColumnHeader,
-    {
-      column: header.column,
-      title: header.column.columnDef.header
-    }
-  )))))), /* @__PURE__ */ React6.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React6.createElement(TableRow, { key: row.id }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React6.createElement(TableCell, { key: cell.id }, (0, import_react_table.flexRender)(
-    cell.column.columnDef.cell,
-    cell.getContext()
-  ))))) : /* @__PURE__ */ React6.createElement(TableRow, null, /* @__PURE__ */ React6.createElement(
-    TableCell,
-    {
-      colSpan: columns.length,
-      className: "phsa-h-24 phsa-text-center"
-    },
-    "Nenhum resultado encontrado."
-  ))))), showPagination && /* @__PURE__ */ React6.createElement(DataTablePagination, { table, pageSizeOptions: rowsPerPage }));
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-4", children: [
+    (toolbar || filters || showColumnVisibility) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      DataTableToolbar,
+      {
+        table,
+        filters,
+        showColumnVisibility
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn("rounded-md border", className), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableHead, { children: header.isPlaceholder ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        DataTableColumnHeader,
+        {
+          column: header.column,
+          title: header.column.columnDef.header
+        }
+      ) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableBody, { children: ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableCell, { children: (0, import_react_table.flexRender)(
+        cell.column.columnDef.cell,
+        cell.getContext()
+      ) }, cell.id)) }, row.id)) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        TableCell,
+        {
+          colSpan: columns.length,
+          className: "h-24 text-center",
+          children: "Nenhum resultado encontrado."
+        }
+      ) }) })
+    ] }) }),
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DataTablePagination, { table, pageSizeOptions: rowsPerPage })
+  ] });
 }
 
 // src/components/ui/badge.tsx
-var React7 = __toESM(require("react"));
 var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority2.cva)(
-  "phsa-inline-flex phsa-items-center phsa-rounded-md border phsa-px-2.5 phsa-py-0.5 phsa-text-xs phsa-font-semibold phsa-transition-colors phsa-focus:outline-none phsa-focus:ring-2 phsa-focus:ring-ring phsa-focus:ring-offset-2",
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
@@ -796,12 +880,13 @@ var badgeVariants = (0, import_class_variance_authority2.cva)(
 );
 function Badge(_a) {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ React7.createElement("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
 }
 
 // src/components/dataDisplay/Icon/Icon.tsx
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_react_icons4 = require("react-icons");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Icon2 = (_a) => {
   var _b = _a, { name, size = 24 } = _b, rest = __objRest(_b, ["name", "size"]);
   const nameIcon = (0, import_react.useMemo)(() => name, [name]);
@@ -827,23 +912,24 @@ var Icon2 = (_a) => {
     (props) => {
       var _a2, _b2;
       try {
-        if (!typeIcon || !nameIcon) return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+        if (!typeIcon || !nameIcon) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, {});
         return (_b2 = (_a2 = iconsModulePath[typeIcon])[nameIcon]) == null ? void 0 : _b2.call(_a2, props);
       } catch (e) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, {});
       }
     },
     [iconsModulePath, nameIcon, typeIcon]
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_react_icons4.IconContext.Provider, { value: { size: String(size) } }, /* @__PURE__ */ import_react.default.createElement(Icon3, __spreadValues({}, rest)));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_icons4.IconContext.Provider, { value: { size: String(size) }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon3, __spreadValues({}, rest)) });
 };
 
 // src/components/ui/avatar.tsx
-var React9 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
-var Avatar = React9.forwardRef((_a, ref) => {
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Avatar = React7.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     AvatarPrimitive.Root,
     __spreadValues({
       ref,
@@ -855,9 +941,9 @@ var Avatar = React9.forwardRef((_a, ref) => {
   );
 });
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React9.forwardRef((_a, ref) => {
+var AvatarImage = React7.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     AvatarPrimitive.Image,
     __spreadValues({
       ref,
@@ -866,9 +952,9 @@ var AvatarImage = React9.forwardRef((_a, ref) => {
   );
 });
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React9.forwardRef((_a, ref) => {
+var AvatarFallback = React7.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     AvatarPrimitive.Fallback,
     __spreadValues({
       ref,
@@ -882,11 +968,11 @@ var AvatarFallback = React9.forwardRef((_a, ref) => {
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/dataDisplay/DataPairList/DataPairList.tsx
-var import_react2 = __toESM(require("react"));
 var import_lodash = require("lodash");
 
 // src/components/dataDisplay/Text/Text.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var textVariants = (0, import_class_variance_authority3.cva)("", {
   variants: {
     variant: {
@@ -924,10 +1010,11 @@ function Text({
   children
 }) {
   const Tag = tagMap[variant || "normal"] || "p";
-  return /* @__PURE__ */ React.createElement(Tag, { className: cn(textVariants({ variant, align }), className) }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Tag, { className: cn(textVariants({ variant, align }), className), children });
 }
 
 // src/components/dataDisplay/DataPairList/DataPairList.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var DataPairList = ({
   title,
   data,
@@ -936,82 +1023,180 @@ var DataPairList = ({
   infoDirection = "horizontal",
   direction = "vertical",
   withBorder = false,
-  header = /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null)
+  header = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {})
 }) => {
   if ((0, import_lodash.isEmpty)(data)) return null;
-  return /* @__PURE__ */ import_react2.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: cn(
         "flex flex-col gap-2 rounded-md p-4",
         withBorder && "border border-muted",
         className
-      )
-    },
-    /* @__PURE__ */ import_react2.default.createElement("div", { className: "phsa-flex phsa-gap-3" }, title && /* @__PURE__ */ import_react2.default.createElement(Text, { variant: "title" }, title), header),
-    /* @__PURE__ */ import_react2.default.createElement(
-      "div",
-      {
-        className: cn(
-          "grid grid-cols-1  mt-5",
-          direction === "vertical" ? "gap-3" : "sm:grid-cols-2 md:grid-cols-4 gap-10"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-3", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { variant: "title", children: title }),
+          header
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-1  mt-5",
+              direction === "vertical" ? "gap-3" : "sm:grid-cols-2 md:grid-cols-4 gap-10"
+            ),
+            children: Object.entries(data || {}).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "flex gap-3",
+                  infoDirection === "horizontal" ? "flex-row" : "flex-col"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { className: "uppercase text-muted-foreground font-bold", children: [
+                    (labels == null ? void 0 : labels[key]) || key,
+                    ":"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { children: value })
+                ]
+              },
+              index
+            ))
+          }
         )
-      },
-      Object.entries(data || {}).map(([key, value], index) => /* @__PURE__ */ import_react2.default.createElement(
-        "div",
-        {
-          className: cn(
-            "flex gap-3",
-            infoDirection === "horizontal" ? "flex-row" : "flex-col"
-          ),
-          key: index
-        },
-        /* @__PURE__ */ import_react2.default.createElement(Text, { className: "uppercase phsa-text-muted-foreground phsa-font-bold" }, (labels == null ? void 0 : labels[key]) || key, ":"),
-        /* @__PURE__ */ import_react2.default.createElement(Text, null, value)
-      ))
-    )
+      ]
+    }
+  );
+};
+
+// 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 React11 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_lucide_react3 = require("lucide-react");
-var Checkbox = React11.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__ */ React11.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     CheckboxPrimitive.Root,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
         className
       )
-    }, props),
-    /* @__PURE__ */ React11.createElement(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current")
-      },
-      /* @__PURE__ */ React11.createElement(import_lucide_react3.Check, { className: "phsa-h-4 phsa-w-4" })
-    )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        CheckboxPrimitive.Indicator,
+        {
+          className: cn("flex items-center justify-center text-current"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react3.Check, { className: "h-4 w-4" })
+        }
+      )
+    })
   );
 });
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/label.tsx
-var React12 = __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_runtime18 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority4.cva)(
-  "phsa-text-sm phsa-font-medium phsa-leading-none phsa-peer-disabled:cursor-not-allowed phsa-peer-disabled:opacity-70"
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label3 = React12.forwardRef((_a, ref) => {
+var Label3 = React10.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     LabelPrimitive.Root,
     __spreadValues({
       ref,
@@ -1025,20 +1210,21 @@ Label3.displayName = LabelPrimitive.Root.displayName;
 var import_react_hook_form2 = require("react-hook-form");
 
 // src/components/ui/form.tsx
-var React13 = __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_runtime19 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React13.createContext(
+var FormFieldContext = React11.createContext(
   {}
 );
 var FormField = (_a) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React13.createElement(FormFieldContext.Provider, { value: { name: props.name } }, /* @__PURE__ */ React13.createElement(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 = React13.useContext(FormFieldContext);
-  const itemContext = React13.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) {
@@ -1053,19 +1239,19 @@ var useFormField = () => {
     formMessageId: `${id}-form-item-message`
   }, fieldState);
 };
-var FormItemContext = React13.createContext(
+var FormItemContext = React11.createContext(
   {}
 );
-var FormItem = React13.forwardRef((_a, ref) => {
+var FormItem = React11.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const id = React13.useId();
-  return /* @__PURE__ */ React13.createElement(FormItemContext.Provider, { value: { id } }, /* @__PURE__ */ React13.createElement("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 = React13.forwardRef((_a, ref) => {
+var FormLabel = React11.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Label3,
     __spreadValues({
       ref,
@@ -1075,10 +1261,10 @@ var FormLabel = React13.forwardRef((_a, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React13.forwardRef((_a, ref) => {
+var FormControl = React11.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_react_slot2.Slot,
     __spreadValues({
       ref,
@@ -1089,10 +1275,10 @@ var FormControl = React13.forwardRef((_a, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React13.forwardRef((_a, ref) => {
+var FormDescription = React11.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "p",
     __spreadValues({
       ref,
@@ -1102,31 +1288,34 @@ var FormDescription = React13.forwardRef((_a, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React13.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__ */ React13.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "p",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       id: formMessageId,
       className: cn("text-[0.8rem] font-medium text-destructive", className)
-    }, props),
-    body
+    }, props), {
+      children: body
+    })
   );
 });
 FormMessage.displayName = "FormMessage";
 
 // src/components/dataDisplay/ErrorMessage/ErrorMessage.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ErrorMessage = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("p", { className: "phsa-text-sm phsa-font-medium phsa-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_runtime21 = require("react/jsx-runtime");
 var Checkbox2 = (_a) => {
   var _b = _a, {
     label,
@@ -1141,29 +1330,37 @@ var Checkbox2 = (_a) => {
   const form = (0, import_react_hook_form3.useFormContext)();
   const hasForm = !withoutForm && !!form && !!props.name;
   if (!hasForm)
-    return /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-space-x-2" }, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues({}, props)), label && /* @__PURE__ */ React.createElement(Label3, { htmlFor: props.id }, label), error && /* @__PURE__ */ React.createElement(ErrorMessage, null, error));
-  return /* @__PURE__ */ React.createElement(
+    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_runtime21.jsx)(
     FormField,
     {
       control: form.control,
       name: (_a2 = props.name) != null ? _a2 : "",
-      render: ({ field }) => /* @__PURE__ */ React.createElement(FormItem, { className: "phsa-flex phsa-flex-row phsa-items-start phsa-space-x-3 phsa-space-y-0 phsa-rounded-md border phsa-p-4" }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          checked: field.value,
-          onCheckedChange: field.onChange
-        }
-      )), label && /* @__PURE__ */ React.createElement("div", { className: "phsa-space-y-1 phsa-leading-none" }, /* @__PURE__ */ React.createElement(FormLabel, null, label)))
+      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_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 React14 = __toESM(require("react"));
-var Input = React14.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__ */ React14.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "input",
       __spreadValues({
         type,
@@ -1179,27 +1376,30 @@ var Input = React14.forwardRef(
 Input.displayName = "Input";
 
 // src/components/dataInput/Input/components/Input/index.tsx
-var import_react5 = require("react");
+var import_react3 = require("react");
 
 // src/components/feedback/ErrorLabel/index.tsx
-var import_react3 = __toESM(require("react"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var ErrorLabel = ({
   children,
   className,
   "data-testid": dataTestId
 }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-2 my-2", className),
-      "data-testid": `${dataTestId}-error-label`
-    },
-    /* @__PURE__ */ import_react3.default.createElement(Icon2, { name: "MdErrorOutline", size: 18, className: "phsa-text-destructive" }),
-    /* @__PURE__ */ import_react3.default.createElement("span", { className: "phsa-text-destructive phsa-text-sm" }, children)
+      "data-testid": `${dataTestId}-error-label`,
+      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_runtime24 = require("react/jsx-runtime");
 var InputBase = ({
   label,
   error,
@@ -1207,22 +1407,29 @@ var InputBase = ({
   required,
   "data-testid": testId
 }) => {
-  return /* @__PURE__ */ React.createElement("div", null, label && /* @__PURE__ */ React.createElement(Label3, { "data-testid": `${testId}-label` }, `${label} ${required ? "*" : ""}`, " "), children, error && /* @__PURE__ */ React.createElement(ErrorLabel, { "data-testid": testId }, error));
+  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_runtime24.jsx)(ErrorLabel, { "data-testid": testId, children: error })
+  ] });
 };
 
 // src/hooks/use-conditional-controller.tsx
-var import_react4 = require("react");
+var import_react2 = require("react");
 var import_react_hook_form4 = require("react-hook-form");
 var useConditionalController = ({
   name,
   withoutForm
 }) => {
   const form = (0, import_react_hook_form4.useFormContext)();
-  const hasForm = (0, import_react4.useMemo)(() => {
+  const hasForm = (0, import_react2.useMemo)(() => {
     return !withoutForm && !!(form == null ? void 0 : form.control);
   }, [withoutForm, form]);
   const tempForm = (0, import_react_hook_form4.useForm)();
-  const controlToUse = (0, import_react4.useMemo)(() => {
+  const controlToUse = (0, import_react2.useMemo)(() => {
     return hasForm ? form.control : tempForm.control;
   }, [tempForm, form, hasForm]);
   const controller = (0, import_react_hook_form4.useController)({
@@ -1233,6 +1440,7 @@ var useConditionalController = ({
 };
 
 // src/components/dataInput/Input/components/Input/index.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Input2 = (_a) => {
   var _b = _a, {
     "data-testid": dataTestId,
@@ -1249,43 +1457,46 @@ var Input2 = (_a) => {
     name: props.name || "",
     withoutForm
   });
-  const inputProps = (0, import_react5.useMemo)(() => {
+  const inputProps = (0, import_react3.useMemo)(() => {
     return __spreadValues(__spreadValues({}, formData), props);
   }, [formData, props]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     InputBase,
     {
       label: props.label,
       error: props.error,
       required: props.required,
-      "data-testid": dataTestId
-    },
-    /* @__PURE__ */ React.createElement("div", { className: cn("flex items-center gap-2", containerClassName) }, /* @__PURE__ */ React.createElement(
-      Input,
-      __spreadProps(__spreadValues({}, inputProps), {
-        "data-testid": dataTestId,
-        className: cn(
-          props.className,
-          props.error && "border-destructive focus:border-destructive focus-visible:ring-0"
-        )
-      })
-    ), extraElement)
+      "data-testid": dataTestId,
+      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,
+            className: cn(
+              props.className,
+              props.error && "border-destructive focus:border-destructive focus-visible:ring-0"
+            )
+          })
+        ),
+        extraElement
+      ] })
+    }
   );
 };
 
 // src/components/dataInput/Input/components/NumberInput/number-input.tsx
-var React16 = __toESM(require("react"));
 var import_react_number_format = require("react-number-format");
-var import_react6 = require("react");
+var import_react4 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var NumberInput = (props) => {
   const formData = useConditionalController({
     name: props.name || "",
     withoutForm: props.withoutForm
   });
-  const inputProps = (0, import_react6.useMemo)(() => {
+  const inputProps = (0, import_react4.useMemo)(() => {
     return __spreadValues(__spreadValues({}, formData), props);
   }, [formData, props]);
-  const onValueChange = (0, import_react6.useCallback)(
+  const onValueChange = (0, import_react4.useCallback)(
     (data, sourceInfo) => {
       var _a, _b;
       const syntheticEvent = {
@@ -1306,25 +1517,25 @@ var NumberInput = (props) => {
     },
     [props, formData]
   );
-  return /* @__PURE__ */ React16.createElement(InputBase, __spreadValues({}, props), /* @__PURE__ */ React16.createElement(
+  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,
       value: props.value,
       onValueChange
     })
-  ));
+  ) }));
 };
 
 // src/components/dataInput/Input/components/MaskInput/mask-input.tsx
-var React17 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 
 // src/hooks/use-mask.tsx
-var import_react7 = require("react");
+var import_react5 = require("react");
 var useMask = (_a) => {
   var _b = _a, { mask } = _b, options = __objRest(_b, ["mask"]);
-  const [value, setValue] = (0, import_react7.useState)("");
-  const applyMask = (0, import_react7.useCallback)(
+  const [value, setValue] = (0, import_react5.useState)("");
+  const applyMask = (0, import_react5.useCallback)(
     (inputValue) => {
       if (!inputValue || !mask) return "";
       const cleanValue = inputValue.replace(/[^a-zA-Z0-9]/g, "");
@@ -1361,26 +1572,26 @@ var useMask = (_a) => {
     },
     [mask, options.transform]
   );
-  const handleSetValue = (0, import_react7.useCallback)(
+  const handleSetValue = (0, import_react5.useCallback)(
     (newValue) => {
       const maskedValue = applyMask(newValue);
       setValue(maskedValue);
     },
     [applyMask]
   );
-  const getRawValue = (0, import_react7.useCallback)(() => {
+  const getRawValue = (0, import_react5.useCallback)(() => {
     return value.replace(/[^a-zA-Z0-9]/g, "");
   }, [value]);
-  const isComplete = (0, import_react7.useCallback)(() => {
+  const isComplete = (0, import_react5.useCallback)(() => {
     return value.length === mask.length;
   }, [value, mask]);
-  const isValid = (0, import_react7.useCallback)(() => {
+  const isValid = (0, import_react5.useCallback)(() => {
     return isComplete() && value.length > 0;
   }, [isComplete, value]);
-  const clear = (0, import_react7.useCallback)(() => {
+  const clear = (0, import_react5.useCallback)(() => {
     setValue("");
   }, []);
-  const getFormProps = (0, import_react7.useCallback)(
+  const getFormProps = (0, import_react5.useCallback)(
     () => ({
       value,
       onChange: (e) => {
@@ -1404,7 +1615,8 @@ var useMask = (_a) => {
 };
 
 // src/components/dataInput/Input/components/MaskInput/mask-input.tsx
-var import_react8 = require("react");
+var import_react6 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var MaskInput = (_a) => {
   var _b = _a, {
     "data-testid": dataTestId,
@@ -1421,12 +1633,12 @@ var MaskInput = (_a) => {
     name: props.name || "",
     withoutForm
   });
-  const inputProps = React17.useMemo(() => {
+  const inputProps = React13.useMemo(() => {
     return __spreadValues(__spreadValues({}, formData), props);
   }, [formData, props]);
   const { applyMask } = useMask({ mask });
-  const inputRef = (0, import_react8.useRef)(null);
-  const applyMaskToInput = React17.useCallback(
+  const inputRef = (0, import_react6.useRef)(null);
+  const applyMaskToInput = React13.useCallback(
     (value) => {
       if (inputRef.current && mask) {
         const maskedValue = applyMask(value);
@@ -1435,7 +1647,7 @@ var MaskInput = (_a) => {
     },
     [applyMask, mask]
   );
-  const handleChange = React17.useCallback(
+  const handleChange = React13.useCallback(
     (e) => {
       var _a2;
       const maskedValue = mask ? applyMask(e.target.value) : e.target.value;
@@ -1449,7 +1661,7 @@ var MaskInput = (_a) => {
     },
     [applyMask, inputProps, mask, applyMaskToInput]
   );
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Input2,
     __spreadProps(__spreadValues({}, inputProps), {
       ref: inputRef,
@@ -1462,12 +1674,12 @@ var MaskInput = (_a) => {
 };
 
 // src/components/actions/Button/Button.tsx
-var import_react10 = require("react");
+var import_react7 = require("react");
 
 // src/components/ui/spinner.tsx
-var import_react9 = __toESM(require("react"));
 var import_class_variance_authority5 = require("class-variance-authority");
-var spinnerVariants = (0, import_class_variance_authority5.cva)("phsa-flex-col phsa-items-center phsa-justify-center", {
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var spinnerVariants = (0, import_class_variance_authority5.cva)("flex-col items-center justify-center", {
   variants: {
     show: {
       true: "flex",
@@ -1478,7 +1690,7 @@ var spinnerVariants = (0, import_class_variance_authority5.cva)("phsa-flex-col p
     show: true
   }
 });
-var loaderVariants = (0, import_class_variance_authority5.cva)("phsa-animate-spin phsa-text-primary", {
+var loaderVariants = (0, import_class_variance_authority5.cva)("animate-spin text-primary", {
   variants: {
     size: {
       small: "size-6",
@@ -1496,17 +1708,20 @@ function Spinner({
   children,
   className
 }) {
-  return /* @__PURE__ */ import_react9.default.createElement("span", { className: spinnerVariants({ show }) }, /* @__PURE__ */ import_react9.default.createElement(
-    Icon2,
-    {
-      name: "FaSpinner",
-      className: cn(loaderVariants({ size }), className)
-    }
-  ), children);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { className: spinnerVariants({ show }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      Icon2,
+      {
+        name: "FaSpinner",
+        className: cn(loaderVariants({ size }), className)
+      }
+    ),
+    children
+  ] });
 }
 
 // src/hooks/use-toast.ts
-var React19 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -1601,8 +1816,8 @@ function toast(_a) {
   };
 }
 function useToast() {
-  const [state, setState] = React19.useState(memoryState);
-  React19.useEffect(() => {
+  const [state, setState] = React14.useState(memoryState);
+  React14.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -1618,14 +1833,15 @@ function useToast() {
 }
 
 // src/components/ui/toast.tsx
-var React20 = __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_runtime29 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React20.forwardRef((_a, ref) => {
+var ToastViewport = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Viewport,
     __spreadValues({
       ref,
@@ -1638,7 +1854,7 @@ var ToastViewport = React20.forwardRef((_a, ref) => {
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 var toastVariants = (0, import_class_variance_authority6.cva)(
-  "group phsa-pointer-events-auto relative phsa-flex phsa-w-full phsa-items-center phsa-justify-between phsa-space-x-2 phsa-overflow-hidden phsa-rounded-md border phsa-p-4 phsa-pr-6 phsa-shadow-lg phsa-transition-all phsa-data-[swipe=cancel]:translate-x-0 phsa-data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] phsa-data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] phsa-data-[swipe=move]:transition-none phsa-data-[state=open]:animate-in phsa-data-[state=closed]:animate-out phsa-data-[swipe=end]:animate-out phsa-data-[state=closed]:fade-out-80 phsa-data-[state=closed]:slide-out-to-right-full phsa-data-[state=open]:slide-in-from-top-full phsa-data-[state=open]:sm:slide-in-from-bottom-full",
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
       variant: {
@@ -1652,9 +1868,9 @@ var toastVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Toast = React20.forwardRef((_a, ref) => {
+var Toast = React15.forwardRef((_a, ref) => {
   var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Root,
     __spreadValues({
       ref,
@@ -1663,9 +1879,9 @@ var Toast = React20.forwardRef((_a, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React20.forwardRef((_a, ref) => {
+var ToastAction = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Action,
     __spreadValues({
       ref,
@@ -1677,25 +1893,26 @@ var ToastAction = React20.forwardRef((_a, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React20.forwardRef((_a, ref) => {
+var ToastClose = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Close,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(
         "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
         className
       ),
       "toast-close": ""
-    }, props),
-    /* @__PURE__ */ React20.createElement(import_lucide_react4.X, { className: "phsa-h-4 phsa-w-4" })
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.X, { className: "h-4 w-4" })
+    })
   );
 });
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React20.forwardRef((_a, ref) => {
+var ToastTitle = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Title,
     __spreadValues({
       ref,
@@ -1704,9 +1921,9 @@ var ToastTitle = React20.forwardRef((_a, ref) => {
   );
 });
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React20.forwardRef((_a, ref) => {
+var ToastDescription = React15.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     ToastPrimitives.Description,
     __spreadValues({
       ref,
@@ -1717,25 +1934,41 @@ var ToastDescription = React20.forwardRef((_a, ref) => {
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // src/components/ui/toaster.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ React.createElement(ToastProvider, null, toasts.map(function(_a) {
-    var _b = _a, { id, title, description, action } = _b, props = __objRest(_b, ["id", "title", "description", "action"]);
-    return /* @__PURE__ */ React.createElement(Toast, __spreadValues({ key: id }, props), /* @__PURE__ */ React.createElement("div", { className: "phsa-grid phsa-gap-1" }, title && /* @__PURE__ */ React.createElement(ToastTitle, null, title), description && /* @__PURE__ */ React.createElement(ToastDescription, null, description)), action, /* @__PURE__ */ React.createElement(ToastClose, null));
-  }), /* @__PURE__ */ React.createElement(ToastViewport, null));
+  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_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_runtime30.jsx)(ToastClose, {})
+      ] }), id);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ToastViewport, {})
+  ] });
 }
 
 // src/components/actions/Button/Button.tsx
-var Button2 = (0, import_react10.forwardRef)(
+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__ */ React.createElement(Button, __spreadProps(__spreadValues({}, rest), { disabled: disabled || loading, ref }), loading && /* @__PURE__ */ React.createElement(Spinner, { className: "phsa-fill-white" }), children);
+    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
+    ] }));
   }
 );
 Button2.displayName = "Button";
 
 // src/components/dataInput/Input/components/MultipleInput/MultipleInput.tsx
-var import_react11 = require("react");
+var import_react8 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var MultipleInput = (_a) => {
   var _b = _a, {
     data = [],
@@ -1752,18 +1985,18 @@ var MultipleInput = (_a) => {
     "onRemove",
     "withoutForm"
   ]);
-  const [inputValue, setInputValue] = (0, import_react11.useState)(defaultValue);
+  const [inputValue, setInputValue] = (0, import_react8.useState)(defaultValue);
   const formData = useConditionalController({
     name: props.name || "",
     withoutForm
   });
-  const inputItems = (0, import_react11.useMemo)(() => {
+  const inputItems = (0, import_react8.useMemo)(() => {
     if (formData == null ? void 0 : formData.value) {
       return formData.value;
     }
     return data;
   }, [data, formData]);
-  const onAddData = (0, import_react11.useCallback)(() => {
+  const onAddData = (0, import_react8.useCallback)(() => {
     const trimmedValue = inputValue.trim();
     if (trimmedValue) {
       if (formData == null ? void 0 : formData.onChange) {
@@ -1774,7 +2007,7 @@ var MultipleInput = (_a) => {
       setInputValue("");
     }
   }, [inputValue, formData, onAdd, inputItems]);
-  const onRemoveData = (0, import_react11.useCallback)(
+  const onRemoveData = (0, import_react8.useCallback)(
     (index) => {
       if (formData == null ? void 0 : formData.onChange) {
         const newData = inputItems.filter(
@@ -1787,47 +2020,54 @@ var MultipleInput = (_a) => {
     },
     [formData, inputItems, onRemove]
   );
-  const renderItens = (0, import_react11.useCallback)(() => {
+  const renderItens = (0, import_react8.useCallback)(() => {
     return inputItems == null ? void 0 : inputItems.map((item, index) => {
-      return /* @__PURE__ */ React.createElement("div", { key: item, className: "phsa-flex phsa-justify-between" }, item, /* @__PURE__ */ React.createElement(
-        Button2,
-        {
-          variant: "ghost",
-          className: "phsa-text-destructive",
-          size: "icon",
-          onClick: () => onRemoveData(index)
-        },
-        /* @__PURE__ */ React.createElement(Icon2, { name: "MdDelete" })
-      ));
-    });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex justify-between", children: [
+        item,
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          Button2,
+          {
+            variant: "ghost",
+            className: "text-destructive",
+            size: "icon",
+            onClick: () => onRemoveData(index),
+            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon2, { name: "MdDelete" })
+          }
+        )
+      ] }, item);
+    });
   }, [inputItems, onRemoveData]);
-  const extraElement = (0, import_react11.useMemo)(
-    () => /* @__PURE__ */ React.createElement(Button2, { type: "button", onClick: onAddData, disabled: !inputValue }, /* @__PURE__ */ React.createElement(Icon2, { name: "MdAdd" })),
+  const extraElement = (0, import_react8.useMemo)(
+    () => /* @__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__ */ React.createElement("div", { className: "phsa-flex phsa-flex-col phsa-gap-2" }, /* @__PURE__ */ React.createElement(
-    MaskInput,
-    __spreadProps(__spreadValues({}, props), {
-      withoutForm: true,
-      extraElement,
-      onChange: (e) => {
-        setInputValue(e.target.value);
-      },
-      value: inputValue
-    })
-  ), renderItens());
+  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,
+        extraElement,
+        onChange: (e) => {
+          setInputValue(e.target.value);
+        },
+        value: inputValue
+      })
+    ),
+    renderItens()
+  ] });
 };
 
 // src/components/ui/dialog.tsx
-var React21 = __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_runtime33 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React21.forwardRef((_a, ref) => {
+var DialogOverlay = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -1839,20 +2079,29 @@ var DialogOverlay = React21.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React21.forwardRef((_a, ref) => {
+var DialogContent = React16.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React21.createElement(DialogPortal, null, /* @__PURE__ */ React21.createElement(DialogOverlay, null), /* @__PURE__ */ React21.createElement(
-    DialogPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-auto max-h-[80vh]",
-        className
-      )
-    }, props),
-    children,
-    /* @__PURE__ */ React21.createElement(DialogPrimitive.Close, { className: "absolute phsa-right-4 phsa-top-4 phsa-rounded-sm phsa-opacity-70 phsa-ring-offset-background phsa-transition-opacity phsa-hover:opacity-100 phsa-focus:outline-none phsa-focus:ring-2 phsa-focus:ring-ring phsa-focus:ring-offset-2 phsa-disabled:pointer-events-none phsa-data-[state=open]:bg-accent phsa-data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React21.createElement(import_lucide_react5.X, { className: "phsa-h-4 phsa-w-4" }), /* @__PURE__ */ React21.createElement("span", { className: "phsa-sr-only" }, "Close"))
-  ));
+  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,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-auto max-h-[80vh]",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          /* @__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" })
+          ] })
+        ]
+      })
+    )
+  ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = (_a) => {
@@ -1861,7 +2110,7 @@ var DialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -1878,7 +2127,7 @@ var DialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -1889,9 +2138,9 @@ var DialogFooter = (_a) => {
   );
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React21.forwardRef((_a, ref) => {
+var DialogTitle = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -1903,9 +2152,9 @@ var DialogTitle = React21.forwardRef((_a, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React21.forwardRef((_a, ref) => {
+var DialogDescription = React16.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DialogPrimitive.Description,
     __spreadValues({
       ref,
@@ -1916,7 +2165,8 @@ var DialogDescription = React21.forwardRef((_a, ref) => {
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/actions/Dialog/Dialog.tsx
-var import_react12 = require("react");
+var import_react9 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Dialog2(_a) {
   var _b = _a, {
     title,
@@ -1931,7 +2181,14 @@ function Dialog2(_a) {
     "children",
     "footer"
   ]);
-  return /* @__PURE__ */ React.createElement(Dialog, __spreadValues({}, props), /* @__PURE__ */ React.createElement(DialogContent, { className }, /* @__PURE__ */ React.createElement(DialogHeader, null, title && /* @__PURE__ */ React.createElement(DialogTitle, null, title), description && /* @__PURE__ */ React.createElement(DialogDescription, null, description)), children, footer && /* @__PURE__ */ React.createElement(DialogFooter, null, footer())));
+  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_runtime34.jsx)(DialogFooter, { children: footer() })
+  ] }) }));
 }
 var DialogWithForm = (_a) => {
   var _b = _a, {
@@ -1950,8 +2207,18 @@ var DialogWithForm = (_a) => {
     "footer",
     "onSubmit"
   ]);
-  const dialogRef = (0, import_react12.useRef)(null);
-  return /* @__PURE__ */ React.createElement(Dialog, __spreadValues({}, props), /* @__PURE__ */ React.createElement(DialogContent, { className, ref: dialogRef }, /* @__PURE__ */ React.createElement("form", { onSubmit, className: "phsa-flex phsa-flex-col phsa-gap-4" }, /* @__PURE__ */ React.createElement(DialogHeader, null, title && /* @__PURE__ */ React.createElement(DialogTitle, null, title), description && /* @__PURE__ */ React.createElement(DialogDescription, null, description)), children, footer && /* @__PURE__ */ React.createElement(DialogFooter, null, /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-justify-between phsa-w-full" }, /* @__PURE__ */ React.createElement(DialogClose, { asChild: true }, /* @__PURE__ */ React.createElement(Button2, { type: "button", variant: "secondary" }, "Fechar")), footer())))));
+  const dialogRef = (0, import_react9.useRef)(null);
+  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_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()
+    ] }) })
+  ] }) }) }));
 };
 
 // src/components/ui/collapsible.tsx
@@ -1961,14 +2228,15 @@ var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
 // src/components/actions/Steps/Steps.tsx
-var import_react17 = require("react");
+var import_react12 = require("react");
 
 // src/components/ui/drawer.tsx
-var React22 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_vaul = require("vaul");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Drawer = (_a) => {
   var _b = _a, { shouldScaleBackground = true } = _b, props = __objRest(_b, ["shouldScaleBackground"]);
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Root,
     __spreadValues({
       shouldScaleBackground
@@ -1979,9 +2247,9 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React22.forwardRef((_a, ref) => {
+var DrawerOverlay = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Overlay,
     __spreadValues({
       ref,
@@ -1990,20 +2258,26 @@ var DrawerOverlay = React22.forwardRef((_a, ref) => {
   );
 });
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React22.forwardRef((_a, ref) => {
+var DrawerContent = React17.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ React22.createElement(DrawerPortal, null, /* @__PURE__ */ React22.createElement(DrawerOverlay, null), /* @__PURE__ */ React22.createElement(
-    import_vaul.Drawer.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
-        className
-      )
-    }, props),
-    /* @__PURE__ */ React22.createElement("div", { className: "phsa-mx-auto phsa-mt-4 phsa-h-2 phsa-w-[100px] phsa-rounded-full phsa-bg-muted" }),
-    children
-  ));
+  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,
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          children
+        ]
+      })
+    )
+  ] });
 });
 DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = (_a) => {
@@ -2012,7 +2286,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       className: cn("grid gap-1.5 p-4 text-center sm:text-left", className)
@@ -2026,7 +2300,7 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     __spreadValues({
       className: cn("mt-auto flex flex-col gap-2 p-4", className)
@@ -2034,9 +2308,9 @@ var DrawerFooter = (_a) => {
   );
 };
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React22.forwardRef((_a, ref) => {
+var DrawerTitle = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       ref,
@@ -2048,9 +2322,9 @@ var DrawerTitle = React22.forwardRef((_a, ref) => {
   );
 });
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React22.forwardRef((_a, ref) => {
+var DrawerDescription = React17.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       ref,
@@ -2061,22 +2335,23 @@ var DrawerDescription = React22.forwardRef((_a, ref) => {
 DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/layout/Drawer/CustomDrawer/index.tsx
-var React23 = __toESM(require("react"));
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function CustomDrawer(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React23.createElement(Drawer, __spreadValues({}, props), /* @__PURE__ */ React23.createElement(DrawerContent, { className }, 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 React24 = __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_runtime37 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React24.forwardRef((_a, ref) => {
+var SheetOverlay = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SheetPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -2090,7 +2365,7 @@ var SheetOverlay = React24.forwardRef((_a, ref) => {
 });
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = (0, import_class_variance_authority7.cva)(
-  "fixed phsa-z-50 phsa-gap-4 phsa-bg-background phsa-p-6 phsa-shadow-lg transition phsa-ease-in-out phsa-data-[state=closed]:duration-300 phsa-data-[state=open]:duration-500 phsa-data-[state=open]:animate-in phsa-data-[state=closed]:animate-out",
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
       side: {
@@ -2105,17 +2380,26 @@ var sheetVariants = (0, import_class_variance_authority7.cva)(
     }
   }
 );
-var SheetContent = React24.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__ */ React24.createElement(SheetPortal, null, /* @__PURE__ */ React24.createElement(SheetOverlay, null), /* @__PURE__ */ React24.createElement(
-    SheetPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: cn(sheetVariants({ side }), className)
-    }, props),
-    /* @__PURE__ */ React24.createElement(SheetPrimitive.Close, { className: "absolute phsa-right-4 phsa-top-4 phsa-rounded-sm phsa-opacity-70 phsa-ring-offset-background phsa-transition-opacity phsa-hover:opacity-100 phsa-focus:outline-none phsa-focus:ring-2 phsa-focus:ring-ring phsa-focus:ring-offset-2 phsa-disabled:pointer-events-none phsa-data-[state=open]:bg-secondary" }, /* @__PURE__ */ React24.createElement(import_lucide_react6.X, { className: "phsa-h-4 phsa-w-4" }), /* @__PURE__ */ React24.createElement("span", { className: "phsa-sr-only" }, "Close")),
-    children
-  ));
+  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_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
+        ]
+      })
+    )
+  ] });
 });
 SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = (_a) => {
@@ -2124,7 +2408,7 @@ var SheetHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2141,7 +2425,7 @@ var SheetFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -2152,9 +2436,9 @@ var SheetFooter = (_a) => {
   );
 };
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React24.forwardRef((_a, ref) => {
+var SheetTitle = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SheetPrimitive.Title,
     __spreadValues({
       ref,
@@ -2163,9 +2447,9 @@ var SheetTitle = React24.forwardRef((_a, ref) => {
   );
 });
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React24.forwardRef((_a, ref) => {
+var SheetDescription = React18.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     SheetPrimitive.Description,
     __spreadValues({
       ref,
@@ -2176,23 +2460,24 @@ var SheetDescription = React24.forwardRef((_a, ref) => {
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/layout/Sheet/Sheet.tsx
+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__ */ React.createElement(Sheet, __spreadValues({}, props), /* @__PURE__ */ React.createElement(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 React28 = __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 React25 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React25.useState(void 0);
-  React25.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);
@@ -2205,12 +2490,13 @@ function useIsMobile() {
 }
 
 // src/components/ui/separator.tsx
-var React26 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var Separator3 = React26.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__ */ React26.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       SeparatorPrimitive.Root,
       __spreadValues({
         ref,
@@ -2228,13 +2514,14 @@ var Separator3 = React26.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/skeleton.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Skeleton(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     __spreadValues({
       className: cn("animate-pulse rounded-md bg-primary/10", className)
@@ -2243,14 +2530,15 @@ function Skeleton(_a) {
 }
 
 // src/components/ui/tooltip.tsx
-var React27 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React27.forwardRef((_a, ref) => {
+var TooltipContent = React21.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
-  return /* @__PURE__ */ React27.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     TooltipPrimitive.Content,
     __spreadValues({
       ref,
@@ -2260,26 +2548,27 @@ var TooltipContent = React27.forwardRef((_a, ref) => {
         className
       )
     }, props)
-  ));
+  ) });
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/sidebar.tsx
+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 = React28.createContext(null);
+var SidebarContext = React22.createContext(null);
 function useSidebar() {
-  const context = React28.useContext(SidebarContext);
+  const context = React22.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React28.forwardRef(
+var SidebarProvider = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       defaultOpen = true,
@@ -2297,10 +2586,10 @@ var SidebarProvider = React28.forwardRef(
       "children"
     ]);
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React28.useState(false);
-    const [_open, _setOpen] = React28.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React22.useState(false);
+    const [_open, _setOpen] = React22.useState(defaultOpen);
     const open = openProp != null ? openProp : _open;
-    const setOpen = React28.useCallback(
+    const setOpen = React22.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -2312,10 +2601,10 @@ var SidebarProvider = React28.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React28.useCallback(() => {
+    const toggleSidebar = React22.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React28.useEffect(() => {
+    React22.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -2326,7 +2615,7 @@ var SidebarProvider = React28.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React28.useMemo(
+    const contextValue = React22.useMemo(
       () => ({
         state,
         open,
@@ -2338,9 +2627,9 @@ var SidebarProvider = React28.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ React28.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React28.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React28.createElement(
+    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",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         style: __spreadValues({
           "--sidebar-width": SIDEBAR_WIDTH,
           "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
@@ -2350,13 +2639,14 @@ var SidebarProvider = React28.forwardRef(
           className
         ),
         ref
-      }, props),
-      children
-    )));
+      }, props), {
+        children
+      })
+    ) }) });
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React28.forwardRef(
+var Sidebar = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       side = "left",
@@ -2373,84 +2663,88 @@ var Sidebar = React28.forwardRef(
     ]);
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ React28.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "div",
-        __spreadValues({
+        __spreadProps(__spreadValues({
           className: cn(
             "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
             className
           ),
           ref
-        }, props),
-        children
+        }, props), {
+          children
+        })
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ React28.createElement(Sheet, __spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), /* @__PURE__ */ React28.createElement(
+      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",
           "data-mobile": "true",
-          className: "phsa-w-[--sidebar-width] phsa-bg-sidebar phsa-p-0 phsa-text-sidebar-foreground [&>button]:hidden",
+          className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
           style: {
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
-          side
-        },
-        /* @__PURE__ */ React28.createElement("div", { className: "phsa-flex phsa-h-full phsa-w-full phsa-flex-col" }, children)
-      ));
+          side,
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex h-full w-full flex-col", children })
+        }
+      ) }));
     }
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       {
         ref,
-        className: "group peer phsa-hidden md:block phsa-text-sidebar-foreground",
+        className: "group peer hidden md:block text-sidebar-foreground",
         "data-state": state,
         "data-collapsible": state === "collapsed" ? collapsible : "",
         "data-variant": variant,
-        "data-side": side
-      },
-      /* @__PURE__ */ React28.createElement(
-        "div",
-        {
-          className: cn(
-            "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
-            "group-data-[collapsible=offcanvas]:w-0",
-            "group-data-[side=right]:rotate-180",
-            variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
-          )
-        }
-      ),
-      /* @__PURE__ */ React28.createElement(
-        "div",
-        __spreadValues({
-          className: cn(
-            "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
-            side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-            // Adjust the padding for floating and inset variants.
-            variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
-            className
+        "data-side": side,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            "div",
+            {
+              className: cn(
+                "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            "div",
+            __spreadProps(__spreadValues({
+              className: cn(
+                "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
+                side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                className
+              )
+            }, props), {
+              children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                  children
+                }
+              )
+            })
           )
-        }, props),
-        /* @__PURE__ */ React28.createElement(
-          "div",
-          {
-            "data-sidebar": "sidebar",
-            className: "phsa-flex phsa-h-full phsa-w-full phsa-flex-col phsa-bg-sidebar phsa-group-data-[variant=floating]:rounded-lg phsa-group-data-[variant=floating]:border phsa-group-data-[variant=floating]:border-sidebar-border phsa-group-data-[variant=floating]:shadow"
-          },
-          children
-        )
-      )
+        ]
+      }
     );
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React28.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__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     Button,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       "data-sidebar": "trigger",
       variant: "ghost",
@@ -2460,16 +2754,19 @@ var SidebarTrigger = React28.forwardRef((_a, ref) => {
         onClick == null ? void 0 : onClick(event);
         toggleSidebar();
       }
-    }, props),
-    /* @__PURE__ */ React28.createElement(import_lucide_react7.PanelLeft, null),
-    /* @__PURE__ */ React28.createElement("span", { className: "phsa-sr-only" }, "Toggle Sidebar")
+    }, props), {
+      children: [
+        /* @__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 = React28.forwardRef((_a, ref) => {
+var SidebarRail = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "button",
     __spreadValues({
       ref,
@@ -2491,9 +2788,9 @@ var SidebarRail = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React28.forwardRef((_a, ref) => {
+var SidebarInset = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "main",
     __spreadValues({
       ref,
@@ -2506,9 +2803,9 @@ var SidebarInset = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React28.forwardRef((_a, ref) => {
+var SidebarInput = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Input,
     __spreadValues({
       ref,
@@ -2521,9 +2818,9 @@ var SidebarInput = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React28.forwardRef((_a, ref) => {
+var SidebarHeader = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2533,9 +2830,9 @@ var SidebarHeader = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React28.forwardRef((_a, ref) => {
+var SidebarFooter = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2545,9 +2842,9 @@ var SidebarFooter = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React28.forwardRef((_a, ref) => {
+var SidebarSeparator = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Separator3,
     __spreadValues({
       ref,
@@ -2557,9 +2854,9 @@ var SidebarSeparator = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React28.forwardRef((_a, ref) => {
+var SidebarContent = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2572,9 +2869,9 @@ var SidebarContent = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React28.forwardRef((_a, ref) => {
+var SidebarGroup = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2584,10 +2881,10 @@ var SidebarGroup = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React28.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__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2601,10 +2898,10 @@ var SidebarGroupLabel = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React28.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__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2620,9 +2917,9 @@ var SidebarGroupAction = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React28.forwardRef((_a, ref) => {
+var SidebarGroupContent = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2632,9 +2929,9 @@ var SidebarGroupContent = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React28.forwardRef((_a, ref) => {
+var SidebarMenu = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -2644,9 +2941,9 @@ var SidebarMenu = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React28.forwardRef((_a, ref) => {
+var SidebarMenuItem = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "li",
     __spreadValues({
       ref,
@@ -2657,7 +2954,7 @@ var SidebarMenuItem = React28.forwardRef((_a, ref) => {
 });
 SidebarMenuItem.displayName = "SidebarMenuItem";
 var sidebarMenuButtonVariants = (0, import_class_variance_authority8.cva)(
-  "phsa-peer/menu-button phsa-flex phsa-w-full phsa-items-center phsa-gap-2 phsa-overflow-hidden phsa-rounded-md phsa-p-2 phsa-text-left phsa-text-sm phsa-outline-none phsa-ring-sidebar-ring phsa-transition-[width,height,padding] phsa-hover:bg-sidebar-accent phsa-hover:text-sidebar-accent-foreground phsa-focus-visible:ring-2 phsa-active:bg-sidebar-accent phsa-active:text-sidebar-accent-foreground phsa-disabled:pointer-events-none phsa-disabled:opacity-50 phsa-group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 phsa-aria-disabled:pointer-events-none phsa-aria-disabled:opacity-50 phsa-data-[active=true]:bg-sidebar-accent phsa-data-[active=true]:font-medium phsa-data-[active=true]:text-sidebar-accent-foreground phsa-data-[state=open]:hover:bg-sidebar-accent phsa-data-[state=open]:hover:text-sidebar-accent-foreground phsa-group-data-[collapsible=icon]:!size-8 phsa-group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -2676,7 +2973,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var SidebarMenuButton = React28.forwardRef(
+var SidebarMenuButton = React22.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       asChild = false,
@@ -2695,7 +2992,7 @@ var SidebarMenuButton = React28.forwardRef(
     ]);
     const Comp = asChild ? import_react_slot3.Slot : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ React28.createElement(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Comp,
       __spreadValues({
         ref,
@@ -2713,21 +3010,24 @@ var SidebarMenuButton = React28.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ React28.createElement(Tooltip, null, /* @__PURE__ */ React28.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React28.createElement(
-      TooltipContent,
-      __spreadValues({
-        side: "right",
-        align: "center",
-        hidden: state !== "collapsed" || isMobile
-      }, tooltip)
-    ));
+    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",
+          align: "center",
+          hidden: state !== "collapsed" || isMobile
+        }, tooltip)
+      )
+    ] });
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React28.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__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2747,9 +3047,9 @@ var SidebarMenuAction = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React28.forwardRef((_a, ref) => {
+var SidebarMenuBadge = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     __spreadValues({
       ref,
@@ -2767,41 +3067,44 @@ var SidebarMenuBadge = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React28.forwardRef((_a, ref) => {
+var SidebarMenuSkeleton = React22.forwardRef((_a, ref) => {
   var _b = _a, { className, showIcon = false } = _b, props = __objRest(_b, ["className", "showIcon"]);
-  const width = React28.useMemo(() => {
+  const width = React22.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       "data-sidebar": "menu-skeleton",
       className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className)
-    }, props),
-    showIcon && /* @__PURE__ */ React28.createElement(
-      Skeleton,
-      {
-        className: "phsa-size-4 phsa-rounded-md",
-        "data-sidebar": "menu-skeleton-icon"
-      }
-    ),
-    /* @__PURE__ */ React28.createElement(
-      Skeleton,
-      {
-        className: "phsa-h-4 phsa-flex-1 phsa-max-w-[--skeleton-width]",
-        "data-sidebar": "menu-skeleton-text",
-        style: {
-          "--skeleton-width": width
-        }
-      }
-    )
+    }, props), {
+      children: [
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Skeleton,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Skeleton,
+          {
+            className: "h-4 flex-1 max-w-[--skeleton-width]",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    })
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React28.forwardRef((_a, ref) => {
+var SidebarMenuSub = React22.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "ul",
     __spreadValues({
       ref,
@@ -2815,15 +3118,15 @@ var SidebarMenuSub = React28.forwardRef((_a, ref) => {
   );
 });
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React28.forwardRef((_a, ref) => {
+var SidebarMenuSubItem = React22.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React28.createElement("li", __spreadValues({ ref }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("li", __spreadValues({ ref }, props));
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React28.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__ */ React28.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2844,55 +3147,66 @@ var SidebarMenuSubButton = React28.forwardRef((_a, ref) => {
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/components/layout/Sidebar/components/app-sidebar.tsx
-var React31 = __toESM(require("react"));
 var import_lucide_react9 = require("lucide-react");
 
 // src/components/layout/Sidebar/components/team-switcher.tsx
-var React29 = __toESM(require("react"));
 var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function TeamSwitcher({
   teams
 }) {
   const { isMobile } = useSidebar();
-  return /* @__PURE__ */ React29.createElement(SidebarMenu, null, /* @__PURE__ */ React29.createElement(SidebarMenuItem, null, /* @__PURE__ */ React29.createElement(DropdownMenu, null, /* @__PURE__ */ React29.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React29.createElement(
+  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: "phsa-data-[state=open]:bg-sidebar-accent phsa-data-[state=open]:text-sidebar-accent-foreground"
-    },
-    /* @__PURE__ */ React29.createElement("div", { className: "phsa-flex phsa-aspect-square phsa-size-8 phsa-items-center phsa-justify-center phsa-rounded-lg phsa-bg-sidebar-primary phsa-text-sidebar-primary-foreground" }),
-    /* @__PURE__ */ React29.createElement("div", { className: "phsa-grid phsa-flex-1 phsa-text-left phsa-text-sm phsa-leading-tight" }, /* @__PURE__ */ React29.createElement("span", { className: "truncate phsa-font-semibold" }, teams == null ? void 0 : teams.name), /* @__PURE__ */ React29.createElement("span", { className: "truncate phsa-text-xs" }, teams == null ? void 0 : teams.plan)),
-    /* @__PURE__ */ React29.createElement(import_lucide_react8.ChevronsUpDown, { className: "phsa-ml-auto" })
-  )))));
+      className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+      children: [
+        /* @__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_runtime43.jsx)(import_lucide_react8.ChevronsUpDown, { className: "ml-auto" })
+      ]
+    }
+  ) }) }) }) });
 }
 
 // src/components/layout/Sidebar/components/menus.tsx
-var import_react13 = __toESM(require("react"));
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Menus({
   items
 }) {
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: items.map((item, index) => {
     var _a;
-    return /* @__PURE__ */ import_react13.default.createElement(SidebarGroup, { key: index }, /* @__PURE__ */ import_react13.default.createElement(SidebarGroupLabel, null, item.title), /* @__PURE__ */ import_react13.default.createElement(SidebarMenu, null, (_a = item.items) == null ? void 0 : _a.map((subItem) => /* @__PURE__ */ import_react13.default.createElement(SidebarMenuItem, { key: subItem.title }, /* @__PURE__ */ import_react13.default.createElement(
-      SidebarMenuButton,
-      {
-        asChild: true,
-        className: cn(
-          (subItem == null ? void 0 : subItem.isActive) && "bg-sidebar-accent font-semibold"
-        )
-      },
-      /* @__PURE__ */ import_react13.default.createElement("a", { href: subItem.url }, (subItem == null ? void 0 : subItem.icon) && subItem.icon(), /* @__PURE__ */ import_react13.default.createElement("span", null, subItem.title))
-    )))));
-  }));
+    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_runtime44.jsxs)("a", { href: subItem.url, children: [
+            (subItem == null ? void 0 : subItem.icon) && subItem.icon(),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: subItem.title })
+          ] })
+        }
+      ) }, subItem.title)) })
+    ] }, index);
+  }) });
 }
 
 // src/components/layout/Sidebar/components/app-sidebar.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function AppSidebar(_a) {
   var _b = _a, {
     navbar = [],
     enterprise = {
       name: "Acme Inc",
-      logo: () => /* @__PURE__ */ React31.createElement(import_lucide_react9.GalleryVerticalEnd, null),
+      logo: () => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react9.GalleryVerticalEnd, {}),
       plan: "Enterprise"
     },
     footer
@@ -2901,21 +3215,27 @@ function AppSidebar(_a) {
     "enterprise",
     "footer"
   ]);
-  return /* @__PURE__ */ React31.createElement(Sidebar, __spreadValues({ collapsible: "icon" }, props), /* @__PURE__ */ React31.createElement(SidebarHeader, null, /* @__PURE__ */ React31.createElement(TeamSwitcher, { teams: enterprise })), /* @__PURE__ */ React31.createElement(SidebarContent, null, /* @__PURE__ */ React31.createElement(Menus, { items: navbar })), footer && /* @__PURE__ */ React31.createElement(SidebarFooter, null, footer()), /* @__PURE__ */ React31.createElement(SidebarRail, null));
+  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 React32 = __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 Breadcrumb = React32.forwardRef((_a, ref) => {
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Breadcrumb = React23.forwardRef((_a, ref) => {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React32.createElement("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 = React32.forwardRef((_a, ref) => {
+var BreadcrumbList = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "ol",
     __spreadValues({
       ref,
@@ -2927,9 +3247,9 @@ var BreadcrumbList = React32.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React32.forwardRef((_a, ref) => {
+var BreadcrumbItem = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "li",
     __spreadValues({
       ref,
@@ -2938,10 +3258,10 @@ var BreadcrumbItem = React32.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React32.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__ */ React32.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     Comp,
     __spreadValues({
       ref,
@@ -2950,9 +3270,9 @@ var BreadcrumbLink = React32.forwardRef((_a, ref) => {
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React32.forwardRef((_a, ref) => {
+var BreadcrumbPage = React23.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "span",
     __spreadValues({
       ref,
@@ -2972,14 +3292,15 @@ var BreadcrumbSeparator = (_a) => {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "li",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       role: "presentation",
       "aria-hidden": "true",
       className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)
-    }, props),
-    children != null ? children : /* @__PURE__ */ React32.createElement(import_lucide_react10.ChevronRight, null)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react10.ChevronRight, {})
+    })
   );
 };
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -2989,31 +3310,35 @@ var BreadcrumbEllipsis = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React32.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "span",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       role: "presentation",
       "aria-hidden": "true",
       className: cn("flex h-9 w-9 items-center justify-center", className)
-    }, props),
-    /* @__PURE__ */ React32.createElement(import_lucide_react10.MoreHorizontal, { className: "phsa-h-4 phsa-w-4" }),
-    /* @__PURE__ */ React32.createElement("span", { className: "phsa-sr-only" }, "More")
+    }, props), {
+      children: [
+        /* @__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" })
+      ]
+    })
   );
 };
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // src/components/layout/Sidebar/provider/index.tsx
-var import_react14 = require("react");
-var SidebarContext2 = (0, import_react14.createContext)({});
+var import_react10 = require("react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var SidebarContext2 = (0, import_react10.createContext)({});
 function SidebarProvider2({
   children,
   defaultPath = "/",
   defaultCollapsed = false
 }) {
-  const [isCollapsed, setIsCollapsed] = (0, import_react14.useState)(defaultCollapsed);
-  const [currentPath, setCurrentPath] = (0, import_react14.useState)(defaultPath);
+  const [isCollapsed, setIsCollapsed] = (0, import_react10.useState)(defaultCollapsed);
+  const [currentPath, setCurrentPath] = (0, import_react10.useState)(defaultPath);
   const toggleCollapse = () => setIsCollapsed((prev) => !prev);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     SidebarContext2.Provider,
     {
       value: {
@@ -3021,13 +3346,13 @@ function SidebarProvider2({
         isCollapsed,
         toggleCollapse,
         setCurrentPath
-      }
-    },
-    children
+      },
+      children
+    }
   );
 }
 function useSidebar2() {
-  const context = (0, import_react14.useContext)(SidebarContext2);
+  const context = (0, import_react10.useContext)(SidebarContext2);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider");
   }
@@ -3035,6 +3360,7 @@ function useSidebar2() {
 }
 
 // src/components/layout/Sidebar/components/header-sidebar.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var routeMap = {
   dashboard: "Dashboard",
   users: "Usu\xE1rios",
@@ -3048,9 +3374,12 @@ var routeMap = {
 };
 var BreadcrumbElement = ({ isLast, path, label }) => {
   if (isLast) {
-    return /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "capitalize" }, label));
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BreadcrumbPage, { className: "capitalize", children: label }) });
   }
-  return /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(BreadcrumbLink, { href: path, className: "capitalize" }, label), /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null));
+  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 = () => {
   const { currentPath } = useSidebar2();
@@ -3064,15 +3393,37 @@ var HeaderSidebar = () => {
       isLast
     };
   });
-  return /* @__PURE__ */ React.createElement("header", { className: "phsa-flex phsa-h-16 phsa-shrink-0 phsa-items-center phsa-border-b phsa-border-border phsa-bg-background phsa-px-4 phsa-transition-[width,height] phsa-ease-linear phsa-group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12" }, /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-gap-4" }, /* @__PURE__ */ React.createElement(SidebarTrigger, { className: "phsa--ml-2 phsa-h-9 phsa-w-9" }), /* @__PURE__ */ React.createElement(Separator3, { orientation: "vertical", className: "phsa-h-6" }), /* @__PURE__ */ React.createElement(Breadcrumb, null, /* @__PURE__ */ React.createElement(BreadcrumbList, null, /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(BreadcrumbLink, { href: "/", className: "capitalize" }, "Home"), /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null)), breadcrumbItems.map((item) => /* @__PURE__ */ React.createElement(BreadcrumbElement, __spreadValues({ key: item.path }, item)))))));
+  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_runtime48.jsx)(BreadcrumbElement, __spreadValues({}, item), item.path))
+    ] }) })
+  ] }) });
 };
 
 // src/components/layout/Sidebar/components/footer-sidebar.tsx
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var FooterSidebar = () => {
-  return /* @__PURE__ */ React.createElement("footer", { className: "phsa-h-[65px]" }, /* @__PURE__ */ React.createElement(Separator3, null), /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-justify-between phsa-h-16 phsa-bg-background phsa-px-5" }, /* @__PURE__ */ React.createElement("span", { className: "phsa-text-sm phsa-text-muted-foreground" }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " Your Company"), /* @__PURE__ */ React.createElement("span", { className: "phsa-text-sm phsa-text-muted-foreground" }, "Feito na terra do sol \u{1F31E}")));
+  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_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_runtime50 = require("react/jsx-runtime");
 var Sidebar2 = (_a) => {
   var _b = _a, {
     children,
@@ -3087,84 +3438,134 @@ var Sidebar2 = (_a) => {
     "defaultPath",
     "defaultCollapsed"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     SidebarProvider2,
     {
       defaultPath,
-      defaultCollapsed
-    },
-    /* @__PURE__ */ React.createElement(SidebarProvider, null, /* @__PURE__ */ React.createElement(AppSidebar, __spreadValues({}, rest)), /* @__PURE__ */ React.createElement(SidebarInset, { className: "phsa-overflow-auto phsa-bg-slate-50" }, /* @__PURE__ */ React.createElement(HeaderSidebar, null), /* @__PURE__ */ React.createElement(
-      "main",
-      {
-        className: cn(
-          "flex flex-1 flex-col gap-4 p-4 pt-0",
-          contentClassName
-        )
-      },
-      children
-    ), showFooter && /* @__PURE__ */ React.createElement(FooterSidebar, null)))
+      defaultCollapsed,
+      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(
+                "flex flex-1 flex-col gap-4 p-4 pt-0",
+                contentClassName
+              ),
+              children
+            }
+          ),
+          showFooter && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FooterSidebar, {})
+        ] })
+      ] })
+    }
   );
 };
 
 // src/components/layout/Sidebar/components/nav-user.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_react15 = require("react");
+var import_react11 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function NavUser({
   user,
   logoutAction = () => {
   }
 }) {
   const { isMobile } = useSidebar();
-  const renderUserInformation = (0, import_react15.useCallback)(() => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Avatar, { className: "phsa-h-8 phsa-w-8 phsa-rounded-lg" }, /* @__PURE__ */ React.createElement(AvatarImage, { src: user == null ? void 0 : user.avatar, alt: user == null ? void 0 : user.name }), /* @__PURE__ */ React.createElement(AvatarFallback, { className: "phsa-rounded-lg" }, "CN")), /* @__PURE__ */ React.createElement("div", { className: "phsa-grid phsa-flex-1 phsa-text-left phsa-text-sm phsa-leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "truncate phsa-font-semibold" }, user == null ? void 0 : user.name), /* @__PURE__ */ React.createElement("span", { className: "truncate phsa-text-xs" }, user == null ? void 0 : user.email)));
+  const renderUserInformation = (0, import_react11.useCallback)(() => {
+    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_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__ */ React.createElement(SidebarMenu, null, /* @__PURE__ */ React.createElement(SidebarMenuItem, null, /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-    SidebarMenuButton,
-    {
-      size: "lg",
-      className: "phsa-data-[state=open]:bg-sidebar-accent phsa-data-[state=open]:text-sidebar-accent-foreground"
-    },
-    renderUserInformation(),
-    /* @__PURE__ */ React.createElement(import_lucide_react11.ChevronsUpDown, { className: "phsa-ml-auto phsa-size-4" })
-  )), /* @__PURE__ */ React.createElement(
-    DropdownMenuContent,
-    {
-      className: "phsa-w-[--radix-dropdown-menu-trigger-width] phsa-min-w-56 phsa-rounded-lg",
-      side: isMobile ? "bottom" : "right",
-      align: "end",
-      sideOffset: 4
-    },
-    /* @__PURE__ */ React.createElement(DropdownMenuLabel, { className: "phsa-p-0 phsa-font-normal" }, /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-gap-2 phsa-px-1 phsa-py-1.5 phsa-text-left phsa-text-sm" }, renderUserInformation())),
-    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-    /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, /* @__PURE__ */ React.createElement(DropdownMenuItem, null, /* @__PURE__ */ React.createElement(import_lucide_react11.Sparkles, null), "Upgrade to Pro")),
-    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-    /* @__PURE__ */ React.createElement(DropdownMenuGroup, null, /* @__PURE__ */ React.createElement(DropdownMenuItem, null, /* @__PURE__ */ React.createElement(import_lucide_react11.BadgeCheck, null), "Account"), /* @__PURE__ */ React.createElement(DropdownMenuItem, null, /* @__PURE__ */ React.createElement(import_lucide_react11.CreditCard, null), "Billing"), /* @__PURE__ */ React.createElement(DropdownMenuItem, null, /* @__PURE__ */ React.createElement(import_lucide_react11.Bell, null), "Notifications")),
-    /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-    /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: logoutAction }, /* @__PURE__ */ React.createElement(import_lucide_react11.LogOut, null), "Log out")
-  ))));
+  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_runtime51.jsx)(import_lucide_react11.ChevronsUpDown, { className: "ml-auto size-4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+      DropdownMenuContent,
+      {
+        className: "w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg",
+        side: isMobile ? "bottom" : "right",
+        align: "end",
+        sideOffset: 4,
+        children: [
+          /* @__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_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_runtime51.jsxs)(DropdownMenuItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.CreditCard, {}),
+              "Billing"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(DropdownMenuItem, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react11.Bell, {}),
+              "Notifications"
+            ] })
+          ] }),
+          /* @__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"
+          ] })
+        ]
+      }
+    )
+  ] }) }) });
 }
 
 // src/components/layout/PageLayout/index.tsx
-var import_react16 = __toESM(require("react"));
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var PageLayout = ({
   subtitle,
   title,
   children,
   header
 }) => {
-  return /* @__PURE__ */ import_react16.default.createElement("div", { className: "phsa-m-5 phsa-p-4 phsa-bg-white" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "phsa-flex phsa-justify-between" }, /* @__PURE__ */ import_react16.default.createElement("div", null, title && /* @__PURE__ */ import_react16.default.createElement(Text, { variant: "title" }, title), subtitle && /* @__PURE__ */ import_react16.default.createElement(Text, { variant: "muted" }, subtitle)), header), /* @__PURE__ */ import_react16.default.createElement("div", { className: "phsa-mt-5" }, children));
+  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_runtime52.jsx)("div", { className: "mt-5", children })
+  ] });
 };
 
-// src/components/layout/Tabs/Tabs.tsx
-var React35 = __toESM(require("react"));
-
 // src/components/ui/tabs.tsx
-var React34 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React34.forwardRef((_a, ref) => {
+var TabsList = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -3176,9 +3577,9 @@ var TabsList = React34.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React34.forwardRef((_a, ref) => {
+var TabsTrigger = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -3190,9 +3591,9 @@ var TabsTrigger = React34.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React34.forwardRef((_a, ref) => {
+var TabsContent = React24.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -3206,13 +3607,14 @@ var TabsContent = React34.forwardRef((_a, ref) => {
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/layout/Tabs/Tabs.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var Tabs2 = ({
   tabs,
   activeTabIndex = 0,
   onTabChange,
   className
 }) => {
-  return /* @__PURE__ */ React35.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     Tabs,
     {
       value: tabs[activeTabIndex].label,
@@ -3220,50 +3622,58 @@ var Tabs2 = ({
         const index = tabs.findIndex((tab) => tab.label === value);
         if (onTabChange) onTabChange(index);
       },
-      className: cn("w-full", className)
-    },
-    /* @__PURE__ */ React35.createElement(TabsList, null, tabs.map((tab, index) => /* @__PURE__ */ React35.createElement(TabsTrigger, { key: index, value: tab.label }, tab.label))),
-    tabs.map((tab, index) => /* @__PURE__ */ React35.createElement(TabsContent, { key: index, value: tab.label }, tab.content))
+      className: cn("w-full", className),
+      children: [
+        /* @__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_runtime55 = require("react/jsx-runtime");
 var Steps = ({ data, onClick = () => {
 }, value }) => {
-  const renderSteps = (0, import_react17.useCallback)(() => {
+  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__ */ React.createElement("div", { key: index, className: cn(!isLast && "w-full flex items-center") }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-        Button2,
-        {
-          onClick: () => onClick && onClick(id),
-          variant: isActive ? "default" : "outline",
-          size: "icon",
-          className: "phsa-rounded-full"
-        },
-        isActive ? /* @__PURE__ */ React.createElement(Icon2, { name: "MdCheck" }) : index + 1
-      )), label && /* @__PURE__ */ React.createElement("p", { className: "absolute" }, label), !isLast && /* @__PURE__ */ React.createElement(
-        Separator3,
-        {
-          orientation: "horizontal",
-          className: cn(isActive && "bg-primary h-[2px]")
-        }
-      ));
+      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_runtime55.jsx)(Icon2, { name: "MdCheck" }) : index + 1
+          }
+        ) }),
+        label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "absolute", children: label }),
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          Separator3,
+          {
+            orientation: "horizontal",
+            className: cn(isActive && "bg-primary h-[2px]")
+          }
+        )
+      ] }, index);
     });
   }, [data, onClick, value]);
-  return /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-w-full" }, renderSteps());
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex w-full", children: renderSteps() });
 };
 
 // src/components/ui/alert-dialog.tsx
-var React36 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React36.forwardRef((_a, ref) => {
+var AlertDialogOverlay = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Overlay,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3276,18 +3686,21 @@ var AlertDialogOverlay = React36.forwardRef((_a, ref) => {
   );
 });
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React36.forwardRef((_a, ref) => {
+var AlertDialogContent = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React36.createElement(AlertDialogPortal, null, /* @__PURE__ */ React36.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React36.createElement(
-    AlertDialogPrimitive.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      )
-    }, props)
-  ));
+  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,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          className
+        )
+      }, props)
+    )
+  ] });
 });
 AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 var AlertDialogHeader = (_a) => {
@@ -3296,7 +3709,7 @@ var AlertDialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3313,7 +3726,7 @@ var AlertDialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3324,9 +3737,9 @@ var AlertDialogFooter = (_a) => {
   );
 };
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React36.forwardRef((_a, ref) => {
+var AlertDialogTitle = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -3335,9 +3748,9 @@ var AlertDialogTitle = React36.forwardRef((_a, ref) => {
   );
 });
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React36.forwardRef((_a, ref) => {
+var AlertDialogDescription = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Description,
     __spreadValues({
       ref,
@@ -3346,9 +3759,9 @@ var AlertDialogDescription = React36.forwardRef((_a, ref) => {
   );
 });
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React36.forwardRef((_a, ref) => {
+var AlertDialogAction = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Action,
     __spreadValues({
       ref,
@@ -3357,9 +3770,9 @@ var AlertDialogAction = React36.forwardRef((_a, ref) => {
   );
 });
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React36.forwardRef((_a, ref) => {
+var AlertDialogCancel = React25.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     AlertDialogPrimitive.Cancel,
     __spreadValues({
       ref,
@@ -3374,6 +3787,7 @@ var AlertDialogCancel = React36.forwardRef((_a, ref) => {
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // src/components/actions/AlertDialog/AlertDialog.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var AlertDialog2 = ({
   title,
   description,
@@ -3381,13 +3795,26 @@ var AlertDialog2 = ({
   onConfirm,
   onCancel
 }) => {
-  return /* @__PURE__ */ React.createElement(AlertDialog, null, /* @__PURE__ */ React.createElement(AlertDialogTrigger, { asChild: true }, children), /* @__PURE__ */ React.createElement(AlertDialogContent, null, /* @__PURE__ */ React.createElement(AlertDialogHeader, null, /* @__PURE__ */ React.createElement(AlertDialogTitle, null, title), description && /* @__PURE__ */ React.createElement(AlertDialogDescription, null, description)), /* @__PURE__ */ React.createElement(AlertDialogFooter, null, /* @__PURE__ */ React.createElement(AlertDialogCancel, { onClick: onCancel }, "Cancel"), /* @__PURE__ */ React.createElement(AlertDialogAction, { onClick: onConfirm }, "Continue"))));
+  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_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" })
+      ] })
+    ] })
+  ] });
 };
 
 // src/components/dataInput/Input/components/MultipleInput/MultipleInputBase.tsx
-var import_react18 = require("react");
+var import_react13 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
 var import_lodash2 = __toESM(require("lodash"));
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var MultipleInputBase = ({
   children,
   data = [],
@@ -3398,21 +3825,21 @@ var MultipleInputBase = ({
 }) => {
   const form = (0, import_react_hook_form5.useFormContext)();
   const withForm = !!form && !!name;
-  const [inputValue, setInputValue] = (0, import_react18.useState)("");
-  const inputData = (0, import_react18.useMemo)(() => {
+  const [inputValue, setInputValue] = (0, import_react13.useState)("");
+  const inputData = (0, import_react13.useMemo)(() => {
     if (withForm) {
       return import_lodash2.default.get(form.watch(), name) || [];
     }
     return data;
   }, [withForm, form, name, data]);
-  const errorMessage = (0, import_react18.useMemo)(() => {
+  const errorMessage = (0, import_react13.useMemo)(() => {
     var _a;
     if (withForm) {
       return (_a = import_lodash2.default.get(form.formState.errors, name)) == null ? void 0 : _a.message;
     }
     return error;
   }, [error, form, name, withForm]);
-  const updateData = (0, import_react18.useCallback)(() => {
+  const updateData = (0, import_react13.useCallback)(() => {
     if (!inputValue.length) return;
     if (withForm) {
       form.setValue(name, [...inputData, inputValue]);
@@ -3421,7 +3848,7 @@ var MultipleInputBase = ({
     }
     setInputValue("");
   }, [inputData, inputValue, withForm, form, name, onChangeData]);
-  const removeItem = (0, import_react18.useCallback)(
+  const removeItem = (0, import_react13.useCallback)(
     (index) => {
       if (withForm) {
         form.setValue(
@@ -3434,55 +3861,60 @@ var MultipleInputBase = ({
     },
     [withForm, form, name, inputData, onChangeData]
   );
-  const renderOptions = (0, import_react18.useCallback)(() => {
+  const renderOptions = (0, import_react13.useCallback)(() => {
     return inputData == null ? void 0 : inputData.map((item, index) => {
-      return /* @__PURE__ */ React.createElement("div", { key: index, className: "phsa-flex phsa-justify-between phsa-mt-2" }, /* @__PURE__ */ React.createElement("div", null, item), /* @__PURE__ */ React.createElement(
-        Button2,
-        {
-          onClick: () => removeItem(index),
-          variant: "ghost",
-          size: "icon",
-          type: "button"
-        },
-        /* @__PURE__ */ React.createElement(Icon2, { name: "MdDelete", className: "phsa-fill-destructive" })
-      ));
+      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_runtime58.jsx)(Icon2, { name: "MdDelete", className: "fill-destructive" })
+          }
+        )
+      ] }, index);
     });
   }, [inputData, removeItem]);
-  return /* @__PURE__ */ React.createElement("div", null, children({
-    onChange: ({ target: { value } }) => {
-      setInputValue(value);
-    },
-    addItem: updateData,
-    value: inputValue,
-    error: errorMessage
-  }), renderOptions());
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
+    children({
+      onChange: ({ target: { value } }) => {
+        setInputValue(value);
+      },
+      addItem: updateData,
+      value: inputValue,
+      error: errorMessage
+    }),
+    renderOptions()
+  ] });
 };
 
 // src/components/dataInput/Input/components/MultipleInput/MultipleMaskInput.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var MultipleMaskInput = (_a) => {
   var _b = _a, {
     data = []
   } = _b, props = __objRest(_b, [
     "data"
   ]);
-  return /* @__PURE__ */ React.createElement(MultipleInputBase, __spreadValues({ data }, props), ({ onChange, addItem, value }) => {
-    return /* @__PURE__ */ React.createElement(
+  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__ */ React.createElement(Button2, { type: "button", onClick: () => addItem() }, /* @__PURE__ */ React.createElement(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" }) })
       })
     );
-  });
+  } }));
 };
 
-// src/components/dataInput/Select/Select.tsx
-var import_react20 = __toESM(require("react"));
-
 // src/components/dataInput/Select/SelectBase.tsx
-var import_react19 = require("react");
+var import_react14 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SelectBase = (_a) => {
   var _b = _a, {
     options,
@@ -3499,27 +3931,30 @@ var SelectBase = (_a) => {
     "onChangeCallback",
     "value"
   ]);
-  const onSelect = (0, import_react19.useCallback)(
+  const onSelect = (0, import_react14.useCallback)(
     (value2) => {
       onChange(value2);
       onChangeCallback(value2);
     },
     [onChange, onChangeCallback]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     Select,
     __spreadProps(__spreadValues({}, rest), {
       onValueChange: onSelect,
       defaultValue: value,
-      value
-    }),
-    /* @__PURE__ */ React.createElement(SelectTrigger, null, /* @__PURE__ */ React.createElement(SelectValue, { placeholder })),
-    /* @__PURE__ */ React.createElement(SelectContent, null, options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ React.createElement(SelectItem, { key: index, value: String(option.value) }, option.label)))
+      value,
+      children: [
+        /* @__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)) })
+      ]
+    })
   );
 };
 
 // src/components/dataInput/Select/Select.tsx
 var import_react_hook_form6 = require("react-hook-form");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var Select2 = (_a) => {
   var _b = _a, {
     name,
@@ -3543,36 +3978,45 @@ var Select2 = (_a) => {
   const form = (0, import_react_hook_form6.useFormContext)();
   const hasForm = !!form && !!name;
   if (!hasForm || withoutForm) {
-    return /* @__PURE__ */ import_react20.default.createElement("div", { className: cn("space-y-2", className) }, label && /* @__PURE__ */ import_react20.default.createElement(Label3, null, label), /* @__PURE__ */ import_react20.default.createElement(SelectBase, __spreadValues({ options, placeholder }, props)), description && /* @__PURE__ */ import_react20.default.createElement("p", { className: "phsa-text-sm phsa-text-muted-foreground" }, description), error && /* @__PURE__ */ import_react20.default.createElement(ErrorMessage, null, 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__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     FormField,
     {
       control: form.control,
       name,
-      render: ({ field }) => /* @__PURE__ */ import_react20.default.createElement(FormItem, { className }, label && /* @__PURE__ */ import_react20.default.createElement(FormLabel, null, label), /* @__PURE__ */ import_react20.default.createElement(FormControl, null, /* @__PURE__ */ import_react20.default.createElement(
-        SelectBase,
-        __spreadValues(__spreadValues({
-          options,
-          placeholder
-        }, props), field)
-      )), description && /* @__PURE__ */ import_react20.default.createElement(FormDescription, null, description), /* @__PURE__ */ import_react20.default.createElement(FormMessage, null))
+      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_runtime61.jsx)(FormDescription, { children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormMessage, {})
+      ] })
     }
   );
 };
 
-// src/components/dataInput/Select/MultiSelect/index.tsx
-var import_react21 = __toESM(require("react"));
-
 // src/components/dataDisplay/Label/Label.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var Label4 = (props) => {
-  return /* @__PURE__ */ React.createElement(Label3, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Label3, __spreadValues({}, props));
 };
 
 // src/components/dataInput/Select/MultiSelect/MultiSelectBase.tsx
-var React38 = __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_runtime63 = require("react/jsx-runtime");
 function MultiSelectBase({
   options = [],
   selected = [],
@@ -3581,9 +4025,9 @@ function MultiSelectBase({
   placeholder = "Select frameworks...",
   className
 }) {
-  const [open, setOpen] = React38.useState(false);
-  const [inputValue, setInputValue] = React38.useState("");
-  const inputRef = React38.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));
   };
@@ -3597,84 +4041,104 @@ function MultiSelectBase({
   const filteredOptions = options.filter(
     (option) => option.label.toLowerCase().includes(inputValue.toLowerCase())
   );
-  return /* @__PURE__ */ React38.createElement(Popover.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React38.createElement(Popover.Trigger, { asChild: true }, /* @__PURE__ */ React38.createElement(
-    "div",
-    {
-      className: cn(
-        "flex min-h-[40px] w-full flex-wrap gap-1.5 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-        className
-      )
-    },
-    selected.map((value) => {
-      const option = options.find((o) => o.value === value);
-      if (!option) return null;
-      return /* @__PURE__ */ React38.createElement(
-        "div",
-        {
-          key: value,
-          className: "phsa-flex phsa-items-center phsa-gap-1 phsa-rounded-md phsa-bg-secondary phsa-px-2 phsa-py-1 phsa-text-sm phsa-text-secondary-foreground"
-        },
-        option.label,
-        /* @__PURE__ */ React38.createElement(
-          "button",
-          {
-            type: "button",
-            onClick: (e) => {
-              e.stopPropagation();
-              handleRemoveItem(value);
-            },
-            className: "phsa-rounded-full phsa-hover:bg-secondary-foreground/20"
-          },
-          /* @__PURE__ */ React38.createElement(import_lucide_react12.X, { className: "phsa-h-3 phsa-w-3" }),
-          /* @__PURE__ */ React38.createElement("span", { className: "phsa-sr-only" }, "Remove ", option.label)
-        )
-      );
-    }),
-    /* @__PURE__ */ React38.createElement("div", { className: "phsa-flex-1" }, selected.length === 0 && /* @__PURE__ */ React38.createElement("span", { className: "phsa-text-muted-foreground" }, placeholder))
-  )), /* @__PURE__ */ React38.createElement(Popover.Portal, null, /* @__PURE__ */ React38.createElement(
-    Popover.Content,
-    {
-      className: "phsa-w-[--radix-popover-trigger-width] phsa-z-50 phsa-mt-1 phsa-overflow-hidden phsa-rounded-md border phsa-bg-popover phsa-text-popover-foreground phsa-shadow-md phsa-animate-in phsa-fade-in-0 phsa-zoom-in-95",
-      align: "start",
-      sideOffset: 4
-    },
-    /* @__PURE__ */ React38.createElement("div", { className: "phsa-flex phsa-items-center phsa-border-b phsa-border-border phsa-px-3 phsa-py-2" }, /* @__PURE__ */ React38.createElement(import_lucide_react12.Search, { className: "phsa-h-4 phsa-w-4 phsa-text-muted-foreground" }), /* @__PURE__ */ React38.createElement(
-      "input",
-      {
-        ref: inputRef,
-        value: inputValue,
-        onChange: (e) => setInputValue(e.target.value),
-        placeholder: "Search...",
-        className: "phsa-flex-1 phsa-bg-transparent phsa-px-2 phsa-outline-none phsa-placeholder:text-muted-foreground"
-      }
-    )),
-    /* @__PURE__ */ React38.createElement("div", { className: "phsa-max-h-[200px] phsa-overflow-auto" }, filteredOptions.length === 0 ? /* @__PURE__ */ React38.createElement("div", { className: "phsa-px-2 phsa-py-4 phsa-text-center phsa-text-sm phsa-text-muted-foreground" }, "No results found.") : filteredOptions.map((option) => /* @__PURE__ */ React38.createElement(
+  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",
       {
-        key: option.value,
-        onClick: () => handleSelectItem(option.value),
         className: cn(
-          "flex cursor-pointer items-center gap-2 px-4 py-2 text-sm hover:bg-accent",
-          selected.includes(option.value) && "bg-accent"
-        )
-      },
-      /* @__PURE__ */ React38.createElement(
-        "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"
-          )
-        },
-        selected.includes(option.value) && /* @__PURE__ */ React38.createElement("span", { className: "phsa-text-[10px]" }, "\u2713")
-      ),
-      option.label
-    )))
-  )));
+          "flex min-h-[40px] w-full flex-wrap gap-1.5 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+          className
+        ),
+        children: [
+          selected.map((value) => {
+            const option = options.find((o) => o.value === value);
+            if (!option) return null;
+            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_runtime63.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleRemoveItem(value);
+                      },
+                      className: "rounded-full hover:bg-secondary-foreground/20",
+                      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
+                        ] })
+                      ]
+                    }
+                  )
+                ]
+              },
+              value
+            );
+          }),
+          /* @__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_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_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,
+                value: inputValue,
+                onChange: (e) => setInputValue(e.target.value),
+                placeholder: "Search...",
+                className: "flex-1 bg-transparent px-2 outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__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),
+              className: cn(
+                "flex cursor-pointer items-center gap-2 px-4 py-2 text-sm hover:bg-accent",
+                selected.includes(option.value) && "bg-accent"
+              ),
+              children: [
+                /* @__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_runtime63.jsx)("span", { className: "text-[10px]", children: "\u2713" })
+                  }
+                ),
+                option.label
+              ]
+            },
+            option.value
+          )) })
+        ]
+      }
+    ) })
+  ] });
 }
 
 // src/components/dataInput/Select/MultiSelect/index.tsx
 var import_react_hook_form7 = require("react-hook-form");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function MultiSelect(_a) {
   var _b = _a, {
     label,
@@ -3694,36 +4158,41 @@ function MultiSelect(_a) {
   const form = (0, import_react_hook_form7.useFormContext)();
   const hasForm = !withoutForm && !!form && !!name;
   if (!hasForm)
-    return /* @__PURE__ */ import_react21.default.createElement("div", { className: "phsa-grid phsa-w-full phsa-items-center phsa-gap-3" }, label && /* @__PURE__ */ import_react21.default.createElement(Label4, { htmlFor: name }, label), /* @__PURE__ */ import_react21.default.createElement(MultiSelectBase, __spreadValues({}, props)));
-  return /* @__PURE__ */ import_react21.default.createElement(
+    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_runtime64.jsx)(
     FormField,
     {
       control: form.control,
       name,
       render: (_a2) => {
         var { field: _b2 } = _a2, _c = _b2, { value } = _c, rest = __objRest(_c, ["value"]);
-        return /* @__PURE__ */ import_react21.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
           FormItem,
           {
             className,
-            "data-testid": testId ? `form-item-${testId}` : void 0
-          },
-          label && /* @__PURE__ */ import_react21.default.createElement(
-            FormLabel,
-            {
-              htmlFor: name,
-              "data-testid": testId ? `form-label-${testId}` : void 0
-            },
-            `${label}${required ? " *" : ""}`
-          ),
-          /* @__PURE__ */ import_react21.default.createElement(FormControl, null, /* @__PURE__ */ import_react21.default.createElement("div", { className: "phsa-flex phsa-w-full phsa-items-center phsa-space-x-2" }, /* @__PURE__ */ import_react21.default.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, props), rest), { selected: value })))),
-          /* @__PURE__ */ import_react21.default.createElement(
-            FormMessage,
-            {
-              role: "alert",
-              "data-testid": testId ? `form-message-${testId}` : void 0
-            }
-          )
+            "data-testid": testId ? `form-item-${testId}` : void 0,
+            children: [
+              label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                FormLabel,
+                {
+                  htmlFor: name,
+                  "data-testid": testId ? `form-label-${testId}` : void 0,
+                  children: `${label}${required ? " *" : ""}`
+                }
+              ),
+              /* @__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",
+                  "data-testid": testId ? `form-message-${testId}` : void 0
+                }
+              )
+            ]
+          }
         );
       }
     }
@@ -3731,11 +4200,12 @@ function MultiSelect(_a) {
 }
 
 // src/components/ui/switch.tsx
-var React40 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React40.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__ */ React40.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     SwitchPrimitives.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -3743,22 +4213,23 @@ var Switch = React40.forwardRef((_a, ref) => {
         className
       )
     }, props), {
-      ref
-    }),
-    /* @__PURE__ */ React40.createElement(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        SwitchPrimitives.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    })
   );
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/dataInput/Switch/Switch.tsx
 var import_react_hook_form8 = require("react-hook-form");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function Switch2(_a) {
   var _b = _a, {
     label,
@@ -3773,162 +4244,28 @@ function Switch2(_a) {
   const form = (0, import_react_hook_form8.useFormContext)();
   const hasForm = !!form && !withoutForm && !!props.name;
   if (!hasForm)
-    return /* @__PURE__ */ React.createElement("div", { className: "phsa-flex phsa-items-center phsa-space-x-2" }, /* @__PURE__ */ React.createElement(Switch, __spreadValues({}, props)), label && /* @__PURE__ */ React.createElement(Label3, { htmlFor: props.id }, label));
-  return /* @__PURE__ */ React.createElement(
+    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_runtime66.jsx)(
     FormField,
     {
       control: form.control,
       name: (_a2 = props.name) != null ? _a2 : "",
-      render: ({ field }) => /* @__PURE__ */ React.createElement(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
         FormItem,
         {
-          className: cn(className, "flex items-center space-x-2 space-y-0")
-        },
-        /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(Switch2, { checked: field.value, onCheckedChange: field.onChange })),
-        /* @__PURE__ */ React.createElement(FormLabel, null, label)
+          className: cn(className, "flex items-center space-x-2 space-y-0"),
+          children: [
+            /* @__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_react22 = __toESM(require("react"));
-var stylesInjected = false;
-var normalizeColor = (color) => {
-  if (!color) return void 0;
-  if (/^\d+\s+\d+%\s+\d+%$/.test(color)) {
-    return color;
-  }
-  if (/^#?[0-9A-Fa-f]{6}$/.test(color)) {
-    return hexToHsl(color);
-  }
-  return color;
-};
-function DesignSystemProvider({
-  children,
-  className = "",
-  colors,
-  theme
-}) {
-  const uniqueId = (0, import_react22.useId)().replace(/:/g, "_");
-  const scopeClass = `ds-${uniqueId}`;
-  const themeColors = (theme == null ? void 0 : theme.colors) || colors;
-  (0, import_react22.useLayoutEffect)(() => {
-    if (stylesInjected) return;
-    const styleId = "phsa-design-system-styles";
-    let styleElement = document.getElementById(styleId);
-    if (!styleElement) {
-      const stylesPath = "@phsa.tec/design-system-react/styles";
-      import(stylesPath).then((module2) => {
-        const css = module2.default || "";
-        if (css) {
-          styleElement = document.createElement("style");
-          styleElement.id = styleId;
-          styleElement.textContent = css;
-          document.head.appendChild(styleElement);
-          stylesInjected = true;
-        }
-      }).catch((error) => {
-        if (process.env.NODE_ENV === "development") {
-          console.warn('\u26A0\uFE0F CSS do design system n\xE3o encontrado. Execute "npm run build:lib" para compilar.');
-        }
-      });
-    }
-  }, []);
-  const themeVariables = (0, import_react22.useMemo)(() => {
-    const vars = {};
-    if (themeColors) {
-      vars["--background"] = normalizeColor(themeColors.background) || "";
-      vars["--foreground"] = normalizeColor(themeColors.foreground) || "";
-      vars["--card"] = normalizeColor(themeColors.card) || "";
-      vars["--card-foreground"] = normalizeColor(themeColors.cardForeground) || "";
-      vars["--popover"] = normalizeColor(themeColors.popover) || "";
-      vars["--popover-foreground"] = normalizeColor(themeColors.popoverForeground) || "";
-      vars["--primary"] = normalizeColor(themeColors.primary) || "";
-      vars["--primary-foreground"] = normalizeColor(themeColors.primaryForeground) || "";
-      vars["--secondary"] = normalizeColor(themeColors.secondary) || "";
-      vars["--secondary-foreground"] = normalizeColor(themeColors.secondaryForeground) || "";
-      vars["--muted"] = normalizeColor(themeColors.muted) || "";
-      vars["--muted-foreground"] = normalizeColor(themeColors.mutedForeground) || "";
-      vars["--accent"] = normalizeColor(themeColors.accent) || "";
-      vars["--accent-foreground"] = normalizeColor(themeColors.accentForeground) || "";
-      vars["--success"] = normalizeColor(themeColors.success) || "";
-      vars["--success-foreground"] = normalizeColor(themeColors.successForeground) || "";
-      vars["--warning"] = normalizeColor(themeColors.warning) || "";
-      vars["--destructive"] = normalizeColor(themeColors.destructive) || "";
-      vars["--destructive-foreground"] = normalizeColor(themeColors.destructiveForeground) || "";
-      vars["--border"] = normalizeColor(themeColors.border) || "";
-      vars["--input"] = normalizeColor(themeColors.input) || "";
-      vars["--ring"] = normalizeColor(themeColors.ring) || "";
-      vars["--radius"] = themeColors.radius || "";
-    }
-    if (theme == null ? void 0 : theme.spacing) {
-      if (theme.spacing.base) vars["--spacing-base"] = theme.spacing.base;
-      if (theme.spacing.xs) vars["--spacing-xs"] = theme.spacing.xs;
-      if (theme.spacing.sm) vars["--spacing-sm"] = theme.spacing.sm;
-      if (theme.spacing.md) vars["--spacing-md"] = theme.spacing.md;
-      if (theme.spacing.lg) vars["--spacing-lg"] = theme.spacing.lg;
-      if (theme.spacing.xl) vars["--spacing-xl"] = theme.spacing.xl;
-      if (theme.spacing["2xl"]) vars["--spacing-2xl"] = theme.spacing["2xl"];
-      if (theme.spacing["3xl"]) vars["--spacing-3xl"] = theme.spacing["3xl"];
-    }
-    if (theme == null ? void 0 : theme.typography) {
-      if (theme.typography.fontFamily) vars["--font-family"] = theme.typography.fontFamily;
-      if (theme.typography.fontSize) {
-        Object.entries(theme.typography.fontSize).forEach(([key, value]) => {
-          vars[`--font-size-${key}`] = value;
-        });
-      }
-      if (theme.typography.fontWeight) {
-        Object.entries(theme.typography.fontWeight).forEach(([key, value]) => {
-          vars[`--font-weight-${key}`] = value;
-        });
-      }
-      if (theme.typography.lineHeight) {
-        Object.entries(theme.typography.lineHeight).forEach(([key, value]) => {
-          vars[`--line-height-${key}`] = value;
-        });
-      }
-    }
-    if (theme == null ? void 0 : theme.borderRadius) {
-      Object.entries(theme.borderRadius).forEach(([key, value]) => {
-        vars[`--radius-${key}`] = value;
-      });
-    }
-    if (theme == null ? void 0 : theme.boxShadow) {
-      Object.entries(theme.boxShadow).forEach(([key, value]) => {
-        vars[`--shadow-${key}`] = value;
-      });
-    }
-    if (theme == null ? void 0 : theme.breakpoints) {
-      Object.entries(theme.breakpoints).forEach(([key, value]) => {
-        vars[`--breakpoint-${key}`] = value;
-      });
-    }
-    return Object.fromEntries(
-      Object.entries(vars).filter(([, value]) => value !== void 0 && value !== "")
-    );
-  }, [theme, themeColors]);
-  (0, import_react22.useLayoutEffect)(() => {
-    if (Object.keys(themeVariables).length === 0) return;
-    const styleId = `design-system-theme-${uniqueId}`;
-    let styleElement = document.getElementById(styleId);
-    if (!styleElement) {
-      styleElement = document.createElement("style");
-      styleElement.id = styleId;
-      document.head.appendChild(styleElement);
-    }
-    const cssVariables = Object.entries(themeVariables).map(([key, value]) => `  ${key}: ${value};`).join("\n");
-    styleElement.textContent = `.${scopeClass} {
-${cssVariables}
-}`;
-    return () => {
-      styleElement.remove();
-    };
-  }, [themeVariables, uniqueId, scopeClass]);
-  const inlineStyle = Object.keys(themeVariables).length > 0 ? themeVariables : void 0;
-  return /* @__PURE__ */ import_react22.default.createElement("div", { className: `ds ${scopeClass} ${className}`.trim(), style: inlineStyle }, children);
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AlertDialog,
@@ -3936,7 +4273,6 @@ ${cssVariables}
   AvatarFallback,
   AvatarImage,
   Badge,
-  BaseDesignSystemProvider,
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,
@@ -3945,13 +4281,19 @@ ${cssVariables}
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  Card,
+  CardBase,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
   Checkbox,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
   CustomDrawer,
   DataPairList,
-  DesignSystemProvider,
   Dialog,
   DialogWithForm,
   Drawer,