@grupor5/raya 0.2.21 → 0.2.22

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React27 = require('react');
+var React28 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -48,7 +48,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React27__namespace = /*#__PURE__*/_interopNamespace(React27);
+var React28__namespace = /*#__PURE__*/_interopNamespace(React28);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
@@ -1567,13 +1567,13 @@ var loadingSpinnerSVG = `
     />
   </svg>
 `;
-var ThemeContext = React27.createContext(void 0);
+var ThemeContext = React28.createContext(void 0);
 function ThemeProvider({ children }) {
-  const [theme, setTheme] = React27.useState("light");
+  const [theme, setTheme] = React28.useState("light");
   return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: { theme, setTheme }, children });
 }
 function useTheme() {
-  const context = React27.useContext(ThemeContext);
+  const context = React28.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -1587,6 +1587,41 @@ function classNames(...classes) {
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function getInitials(name) {
+  const [firstName, lastName] = name.split(" ");
+  if (firstName && lastName) {
+    return `${firstName[0]}${lastName[0]}`.toUpperCase();
+  }
+  return firstName ? `${firstName.substring(0, 2)}`.toUpperCase() : "N/A";
+}
+var Avatar = React28__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { src, name, className } = _b, props = __objRest(_b, ["src", "name", "className"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "relative flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-neutral-200 text-sm font-semibold text-primary",
+          className
+        )
+      }, props), {
+        children: src ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src,
+            alt: name,
+            className: "h-full w-full rounded-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: getInitials(name) })
+      })
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+function AvatarSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 shrink-0 animate-pulse rounded-full bg-neutral-200" });
+}
 var badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center rounded-badge border px-badge-x py-badge-y text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -1721,7 +1756,7 @@ var LoadingSpinner = ({
     )
   ] }) });
 };
-var Button = React27.forwardRef((_a, ref) => {
+var Button = React28.forwardRef((_a, ref) => {
   var _b = _a, {
     variant = defaultButtonConfig.variant,
     size = defaultButtonConfig.size,
@@ -1758,7 +1793,7 @@ var Button = React27.forwardRef((_a, ref) => {
     "onClick"
   ]);
   const isIconOnly = variant === "icon" || !!(!children && (icon || iconLeft || iconRight));
-  const buttonClasses = React27.useMemo(() => {
+  const buttonClasses = React28.useMemo(() => {
     const sizeClasses = getButtonSizeClasses(size, isIconOnly);
     const variantClasses = getButtonVariantClasses(variant, color);
     return cn(
@@ -1768,7 +1803,7 @@ var Button = React27.forwardRef((_a, ref) => {
       className
     );
   }, [variant, size, color, isIconOnly, className]);
-  const buttonContent = React27.useMemo(() => {
+  const buttonContent = React28.useMemo(() => {
     if (loading) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: buttonLoadingClasses.container, children: [
         /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { size }),
@@ -1777,8 +1812,8 @@ var Button = React27.forwardRef((_a, ref) => {
     }
     const iconSizeClass = getButtonIconSize(size);
     const renderIcon = (iconNode) => {
-      if (React27__namespace.default.isValidElement(iconNode)) {
-        return React27__namespace.default.cloneElement(iconNode, {
+      if (React28__namespace.default.isValidElement(iconNode)) {
+        return React28__namespace.default.cloneElement(iconNode, {
           className: cn(iconSizeClass, iconNode.props.className),
           "aria-hidden": true
         });
@@ -1794,7 +1829,7 @@ var Button = React27.forwardRef((_a, ref) => {
       iconRight && renderIcon(iconRight)
     ] });
   }, [loading, loadingText, isIconOnly, icon, iconLeft, iconRight, children, size]);
-  const accessibilityProps = React27.useMemo(() => {
+  const accessibilityProps = React28.useMemo(() => {
     const props2 = {};
     if (isIconOnly && !ariaLabel) {
       console.warn("Icon-only buttons should have an aria-label for accessibility");
@@ -1877,7 +1912,7 @@ var Button = React27.forwardRef((_a, ref) => {
   );
 });
 Button.displayName = "Button";
-var Checkbox = React27__namespace.forwardRef((_a, ref) => {
+var Checkbox = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
@@ -1909,10 +1944,10 @@ var Checkbox = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var Input = React27__namespace.forwardRef(
+var Input = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type, error, helperText, label, required, id, icon } = _b, props = __objRest(_b, ["className", "type", "error", "helperText", "label", "required", "id", "icon"]);
-    const inputId = id || `input-${React27__namespace.useId()}`;
+    const inputId = id || `input-${React28__namespace.useId()}`;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       label && /* @__PURE__ */ jsxRuntime.jsx(
         "label",
@@ -1956,7 +1991,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React27__namespace.forwardRef((_a, ref) => {
+var Label = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     LabelPrimitive__namespace.Root,
@@ -1967,7 +2002,57 @@ var Label = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var RadioGroup = React27__namespace.forwardRef((_a, ref) => {
+
+// src/atoms/logo/logo.png
+var logo_default = "./logo-N622EUTF.png";
+var Logo = React28.forwardRef((_a, ref) => {
+  var _b = _a, {
+    size = 120,
+    variant = "default",
+    wordmarkOnly = false,
+    className,
+    alt = "Manta Seguros Logo",
+    src
+  } = _b, props = __objRest(_b, [
+    "size",
+    "variant",
+    "wordmarkOnly",
+    "className",
+    "alt",
+    "src"
+  ]);
+  const getVariantFilter = () => {
+    switch (variant) {
+      case "white":
+        return "brightness(0) invert(1)";
+      // Convert to white
+      case "dark":
+        return "brightness(0) saturate(100%)";
+      // Convert to black
+      default:
+        return "none";
+    }
+  };
+  const logoStyles = __spreadValues({
+    width: typeof size === "number" ? `${size}px` : size,
+    height: "auto",
+    filter: getVariantFilter(),
+    maxWidth: "100%"
+  }, props.style);
+  const logoSrc = src || logo_default;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    __spreadValues({
+      ref,
+      src: logoSrc,
+      alt,
+      className: cn("logo", className),
+      style: logoStyles
+    }, props)
+  );
+});
+Logo.displayName = "Logo";
+var RadioGroup = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Root,
@@ -1979,7 +2064,7 @@ var RadioGroup = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 RadioGroup.displayName = RadioGroupPrimitive__namespace.Root.displayName;
-var RadioGroupItem = React27__namespace.forwardRef((_a, ref) => {
+var RadioGroupItem = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     RadioGroupPrimitive__namespace.Item,
@@ -1997,7 +2082,7 @@ var RadioGroupItem = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
-var Switch = React27__namespace.forwardRef((_a, ref) => {
+var Switch = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitives__namespace.Root,
@@ -2074,7 +2159,7 @@ var closeButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Tag = React27__namespace.default.forwardRef(
+var Tag = React28__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, children, showBullet = false, onClose, variant } = _b, props = __objRest(_b, ["className", "children", "showBullet", "onClose", "variant"]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2108,11 +2193,11 @@ var Tag = React27__namespace.default.forwardRef(
   }
 );
 Tag.displayName = "Tag";
-var Textarea = React27__namespace.forwardRef(
+var Textarea = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, error, helperText, label, required, id, maxLength, value, onChange, defaultValue } = _b, props = __objRest(_b, ["className", "error", "helperText", "label", "required", "id", "maxLength", "value", "onChange", "defaultValue"]);
-    const textareaId = id || `textarea-${React27__namespace.useId()}`;
-    const [charCount, setCharCount] = React27__namespace.useState(String(defaultValue || "").length);
+    const textareaId = id || `textarea-${React28__namespace.useId()}`;
+    const [charCount, setCharCount] = React28__namespace.useState(String(defaultValue || "").length);
     const isControlled = value !== void 0;
     const currentLength = isControlled ? String(value).length : charCount;
     const handleOnChange = (e) => {
@@ -2199,7 +2284,7 @@ var typographyVariants = classVarianceAuthority.cva("font-primary", {
     variant: "body-md"
   }
 });
-var Typography = React27__namespace.forwardRef(
+var Typography = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, variant, as: Component = "p" } = _b, props = __objRest(_b, ["className", "variant", "as"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2220,7 +2305,7 @@ var levelMapping = {
   5: { as: "h5", variant: "heading-sm" },
   6: { as: "h6", variant: "subheading-lg" }
 };
-var Title = React27__namespace.forwardRef(
+var Title = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { level, variant } = _b, props = __objRest(_b, ["level", "variant"]);
     const { as, variant: defaultVariant } = levelMapping[level];
@@ -2235,7 +2320,7 @@ var Title = React27__namespace.forwardRef(
   }
 );
 Title.displayName = "Title";
-var Paragraph = React27__namespace.forwardRef(
+var Paragraph = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { variant = "body-md" } = _b, props = __objRest(_b, ["variant"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2249,7 +2334,7 @@ var Paragraph = React27__namespace.forwardRef(
   }
 );
 Paragraph.displayName = "Paragraph";
-var AccordionItemContext = React27__namespace.createContext({});
+var AccordionItemContext = React28__namespace.createContext({});
 var accordionItemVariants = classVarianceAuthority.cva("w-full", {
   variants: {
     variant: {
@@ -2261,9 +2346,9 @@ var accordionItemVariants = classVarianceAuthority.cva("w-full", {
     variant: "default"
   }
 });
-var AccordionTrigger = React27__namespace.forwardRef((_a, ref) => {
+var AccordionTrigger = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children, icon } = _b, props = __objRest(_b, ["className", "children", "icon"]);
-  const { variant } = React27__namespace.useContext(AccordionItemContext);
+  const { variant } = React28__namespace.useContext(AccordionItemContext);
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Trigger,
     __spreadProps(__spreadValues({
@@ -2295,7 +2380,7 @@ var AccordionTrigger = React27__namespace.forwardRef((_a, ref) => {
   ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React27__namespace.forwardRef((_a, ref) => {
+var AccordionContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Content,
@@ -2308,7 +2393,7 @@ var AccordionContent = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 AccordionContent.displayName = AccordionPrimitive__namespace.Content.displayName;
-var AccordionItem = React27__namespace.forwardRef((_a, ref) => {
+var AccordionItem = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "default", children } = _b, props = __objRest(_b, ["className", "variant", "children"]);
   const variantValue = variant != null ? variant : "default";
   return /* @__PURE__ */ jsxRuntime.jsx(AccordionItemContext.Provider, { value: { variant: variantValue }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2322,7 +2407,7 @@ var AccordionItem = React27__namespace.forwardRef((_a, ref) => {
   ) });
 });
 AccordionItem.displayName = "AccordionItem";
-var Accordion = React27__namespace.forwardRef((_a, ref) => {
+var Accordion = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     AccordionPrimitive__namespace.Root,
@@ -2349,17 +2434,17 @@ var alertVariants = classVarianceAuthority.cva(
     }
   }
 );
-var AlertContext = React27__namespace.createContext(null);
+var AlertContext = React28__namespace.createContext(null);
 var useAlertContext = () => {
-  const context = React27__namespace.useContext(AlertContext);
+  const context = React28__namespace.useContext(AlertContext);
   if (!context) {
     throw new Error("useAlertContext must be used inside an Alert");
   }
   return context;
 };
-var Alert = React27__namespace.forwardRef((_a, ref) => {
+var Alert = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, variant, children, isClosable, actions } = _b, props = __objRest(_b, ["className", "variant", "children", "isClosable", "actions"]);
-  const [isVisible, setIsVisible] = React27__namespace.useState(true);
+  const [isVisible, setIsVisible] = React28__namespace.useState(true);
   if (!isVisible) {
     return null;
   }
@@ -2388,7 +2473,7 @@ var Alert = React27__namespace.forwardRef((_a, ref) => {
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React27__namespace.forwardRef((_a, ref) => {
+var AlertTitle = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { variant } = useAlertContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2410,7 +2495,7 @@ var AlertTitle = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React27__namespace.forwardRef((_a, ref) => {
+var AlertDescription = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { variant } = useAlertContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2431,7 +2516,7 @@ var AlertDescription = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 AlertDescription.displayName = "AlertDescription";
-var Card = React27__namespace.forwardRef((_a, ref) => {
+var Card = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2445,7 +2530,7 @@ var Card = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 Card.displayName = "Card";
-var CardHeader = React27__namespace.forwardRef((_a, ref) => {
+var CardHeader = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2456,7 +2541,7 @@ var CardHeader = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 CardHeader.displayName = "CardHeader";
-var CardTitle = React27__namespace.forwardRef((_a, ref) => {
+var CardTitle = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2467,7 +2552,7 @@ var CardTitle = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 CardTitle.displayName = "CardTitle";
-var CardDescription = React27__namespace.forwardRef((_a, ref) => {
+var CardDescription = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2478,12 +2563,12 @@ var CardDescription = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 CardDescription.displayName = "CardDescription";
-var CardContent = React27__namespace.forwardRef((_a, ref) => {
+var CardContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
 });
 CardContent.displayName = "CardContent";
-var CardFooter = React27__namespace.forwardRef((_a, ref) => {
+var CardFooter = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -2495,17 +2580,17 @@ var CardFooter = React27__namespace.forwardRef((_a, ref) => {
 });
 CardFooter.displayName = "CardFooter";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React27__namespace.createContext(null);
+var ChartContext = React28__namespace.createContext(null);
 function useChart() {
-  const context = React27__namespace.useContext(ChartContext);
+  const context = React28__namespace.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React27__namespace.forwardRef((_a, ref) => {
+var ChartContainer = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { id, className, children, config } = _b, props = __objRest(_b, ["id", "className", "children", "config"]);
-  const uniqueId = React27__namespace.useId();
+  const uniqueId = React28__namespace.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -2552,7 +2637,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive__namespace.Tooltip;
-var ChartTooltipContent = React27__namespace.forwardRef(
+var ChartTooltipContent = React28__namespace.forwardRef(
   ({
     active,
     payload,
@@ -2569,7 +2654,7 @@ var ChartTooltipContent = React27__namespace.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React27__namespace.useMemo(() => {
+    const tooltipLabel = React28__namespace.useMemo(() => {
       var _a;
       if (hideLabel || !(payload == null ? void 0 : payload.length)) {
         return null;
@@ -2666,7 +2751,7 @@ var ChartTooltipContent = React27__namespace.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive__namespace.Legend;
-var ChartLegendContent = React27__namespace.forwardRef(
+var ChartLegendContent = React28__namespace.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!(payload == null ? void 0 : payload.length)) {
@@ -2724,7 +2809,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var ScrollArea = React27__namespace.forwardRef((_a, ref) => {
+var ScrollArea = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScrollAreaPrimitive__namespace.Root,
@@ -2741,7 +2826,7 @@ var ScrollArea = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React27__namespace.forwardRef((_a, ref) => {
+var ScrollBar = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
@@ -2772,7 +2857,7 @@ var ScrollBar = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
-var Table = React27__namespace.forwardRef((_a, ref) => {
+var Table = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "relative w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -2786,12 +2871,12 @@ var Table = React27__namespace.forwardRef((_a, ref) => {
   ] });
 });
 Table.displayName = "Table";
-var TableHeader = React27__namespace.forwardRef((_a, ref) => {
+var TableHeader = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("thead", __spreadValues({ ref, className: cn("[&_tr]:border-b", className) }, props));
 });
 TableHeader.displayName = "TableHeader";
-var TableBody = React27__namespace.forwardRef((_a, ref) => {
+var TableBody = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
@@ -2802,7 +2887,7 @@ var TableBody = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TableBody.displayName = "TableBody";
-var TableFooter = React27__namespace.forwardRef((_a, ref) => {
+var TableFooter = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tfoot",
@@ -2816,7 +2901,7 @@ var TableFooter = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TableFooter.displayName = "TableFooter";
-var TableRow = React27__namespace.forwardRef((_a, ref) => {
+var TableRow = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
@@ -2830,7 +2915,7 @@ var TableRow = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React27__namespace.forwardRef((_a, ref) => {
+var TableHead = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "th",
@@ -2844,7 +2929,7 @@ var TableHead = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React27__namespace.forwardRef((_a, ref) => {
+var TableCell = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "td",
@@ -2858,7 +2943,7 @@ var TableCell = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React27__namespace.forwardRef((_a, ref) => {
+var TableCaption = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "caption",
@@ -2880,7 +2965,7 @@ var usePagination = ({
   siblingCount = 1,
   currentPage
 }) => {
-  const paginationRange = React27.useMemo(() => {
+  const paginationRange = React28.useMemo(() => {
     const totalPageCount = Math.ceil(totalCount / pageSize);
     if (totalPageCount <= 10) {
       return range(1, totalPageCount);
@@ -2918,7 +3003,7 @@ var usePagination = ({
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React27__namespace.forwardRef((_a, ref) => {
+var SelectTrigger = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Trigger,
@@ -2937,7 +3022,7 @@ var SelectTrigger = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React27__namespace.forwardRef((_a, ref) => {
+var SelectScrollUpButton = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.ScrollUpButton,
@@ -2953,7 +3038,7 @@ var SelectScrollUpButton = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React27__namespace.forwardRef((_a, ref) => {
+var SelectScrollDownButton = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.ScrollDownButton,
@@ -2969,7 +3054,7 @@ var SelectScrollDownButton = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React27__namespace.forwardRef((_a, ref) => {
+var SelectContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
   return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Content,
@@ -3000,7 +3085,7 @@ var SelectContent = React27__namespace.forwardRef((_a, ref) => {
   ) });
 });
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React27__namespace.forwardRef((_a, ref) => {
+var SelectLabel = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Label,
@@ -3011,7 +3096,7 @@ var SelectLabel = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React27__namespace.forwardRef((_a, ref) => {
+var SelectItem = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     SelectPrimitive__namespace.Item,
@@ -3030,7 +3115,7 @@ var SelectItem = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React27__namespace.forwardRef((_a, ref) => {
+var SelectSeparator = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     SelectPrimitive__namespace.Separator,
@@ -3207,12 +3292,12 @@ function DataTable(_a) {
     "stickyLastColumn"
   ]);
   var _a2, _b2;
-  const [sorting, setSorting] = React27__namespace.useState([]);
-  const [columnFilters, setColumnFilters] = React27__namespace.useState(
+  const [sorting, setSorting] = React28__namespace.useState([]);
+  const [columnFilters, setColumnFilters] = React28__namespace.useState(
     []
   );
-  const [columnVisibility, setColumnVisibility] = React27__namespace.useState({});
-  const [rowSelection, setRowSelection] = React27__namespace.useState({});
+  const [columnVisibility, setColumnVisibility] = React28__namespace.useState({});
+  const [rowSelection, setRowSelection] = React28__namespace.useState({});
   const table = reactTable.useReactTable({
     data,
     columns: columns2,
@@ -3281,7 +3366,7 @@ function DataTable(_a) {
               "sticky right-0 bg-white shadow-lg z-10": shouldStick,
               "border-l border-primary-300": shouldStick
             }),
-            children: ((_a3 = column.columnDef.meta) == null ? void 0 : _a3.skeleton) ? React27__namespace.createElement(
+            children: ((_a3 = column.columnDef.meta) == null ? void 0 : _a3.skeleton) ? React28__namespace.createElement(
               column.columnDef.meta.skeleton
             ) : null
           },
@@ -3356,41 +3441,6 @@ function TextCellSkeleton() {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-24 animate-pulse rounded-md bg-neutral-200" })
   ] });
 }
-function getInitials(name) {
-  const [firstName, lastName] = name.split(" ");
-  if (firstName && lastName) {
-    return `${firstName[0]}${lastName[0]}`.toUpperCase();
-  }
-  return firstName ? `${firstName.substring(0, 2)}`.toUpperCase() : "N/A";
-}
-var Avatar = React27__namespace.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { src, name, className } = _b, props = __objRest(_b, ["src", "name", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(
-          "relative flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-neutral-200 text-sm font-semibold text-primary",
-          className
-        )
-      }, props), {
-        children: src ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src,
-            alt: name,
-            className: "h-full w-full rounded-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: getInitials(name) })
-      })
-    );
-  }
-);
-Avatar.displayName = "Avatar";
-function AvatarSkeleton() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-10 shrink-0 animate-pulse rounded-full bg-neutral-200" });
-}
 function UserCell({ avatarUrl, name, email }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: avatarUrl, name }),
@@ -3714,7 +3764,7 @@ function Calendar(_a) {
 var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSubTrigger = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuSubTrigger = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, inset, children } = _b, props = __objRest(_b, ["className", "inset", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuPrimitive__namespace.SubTrigger,
@@ -3734,7 +3784,7 @@ var DropdownMenuSubTrigger = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuSubContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.SubContent,
@@ -3748,7 +3798,7 @@ var DropdownMenuSubContent = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
   return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Content,
@@ -3764,7 +3814,7 @@ var DropdownMenuContent = React27__namespace.forwardRef((_a, ref) => {
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuItem = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Item,
@@ -3779,7 +3829,7 @@ var DropdownMenuItem = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuCheckboxItem = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children, checked } = _b, props = __objRest(_b, ["className", "children", "checked"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuPrimitive__namespace.CheckboxItem,
@@ -3799,7 +3849,7 @@ var DropdownMenuCheckboxItem = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuRadioItem = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     DropdownMenuPrimitive__namespace.RadioItem,
@@ -3818,7 +3868,7 @@ var DropdownMenuRadioItem = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuLabel = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, inset } = _b, props = __objRest(_b, ["className", "inset"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Label,
@@ -3833,7 +3883,7 @@ var DropdownMenuLabel = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React27__namespace.forwardRef((_a, ref) => {
+var DropdownMenuSeparator = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenuPrimitive__namespace.Separator,
@@ -3850,10 +3900,10 @@ function DatePickerWithRange({
   onDateChange,
   label
 }) {
-  const [month, setMonth] = React27__namespace.useState((date == null ? void 0 : date.from) || /* @__PURE__ */ new Date());
-  const [open, setOpen] = React27__namespace.useState(false);
-  const [inputValue, setInputValue] = React27__namespace.useState("");
-  React27__namespace.useEffect(() => {
+  const [month, setMonth] = React28__namespace.useState((date == null ? void 0 : date.from) || /* @__PURE__ */ new Date());
+  const [open, setOpen] = React28__namespace.useState(false);
+  const [inputValue, setInputValue] = React28__namespace.useState("");
+  React28__namespace.useEffect(() => {
     if (date == null ? void 0 : date.from) {
       if (date.to) {
         setInputValue(
@@ -3907,7 +3957,7 @@ function DatePickerWithRange({
     onDateChange(range2);
     setMonth(range2.from || /* @__PURE__ */ new Date());
   };
-  const isCustomDate = React27__namespace.useMemo(() => {
+  const isCustomDate = React28__namespace.useMemo(() => {
     if (!date || !date.from) return false;
     return !presets2.some(
       (p) => dateFns.isEqual(p.range.from, date.from || /* @__PURE__ */ new Date(0)) && dateFns.isEqual(p.range.to || /* @__PURE__ */ new Date(0), date.to || /* @__PURE__ */ new Date(0))
@@ -3984,7 +4034,7 @@ function DatePickerWithRange({
     ] })
   ] });
 }
-var Dropdown = React27__namespace.forwardRef(
+var Dropdown = React28__namespace.forwardRef(
   ({
     label,
     options,
@@ -3997,10 +4047,10 @@ var Dropdown = React27__namespace.forwardRef(
     helperText,
     required
   }, ref) => {
-    const [open, setOpen] = React27__namespace.useState(false);
-    const [inputValue, setInputValue] = React27__namespace.useState("");
-    const inputId = name || `dropdown-${React27__namespace.useId()}`;
-    const popoverRef = React27__namespace.useRef(null);
+    const [open, setOpen] = React28__namespace.useState(false);
+    const [inputValue, setInputValue] = React28__namespace.useState("");
+    const inputId = name || `dropdown-${React28__namespace.useId()}`;
+    const popoverRef = React28__namespace.useRef(null);
     const handleSelect = (currentValue) => {
       if (onChange) {
         onChange(currentValue);
@@ -4009,11 +4059,11 @@ var Dropdown = React27__namespace.forwardRef(
       setInputValue(selectedOption ? selectedOption.label : "");
       setOpen(false);
     };
-    React27__namespace.useEffect(() => {
+    React28__namespace.useEffect(() => {
       const selectedOption = options.find((o) => o.value === value);
       setInputValue(selectedOption ? selectedOption.label : "");
     }, [value, options]);
-    React27__namespace.useEffect(() => {
+    React28__namespace.useEffect(() => {
       const handleClickOutside = (event) => {
         if (popoverRef.current && !popoverRef.current.contains(event.target)) {
           setOpen(false);
@@ -4126,7 +4176,7 @@ var Dropdown = React27__namespace.forwardRef(
   }
 );
 Dropdown.displayName = "Dropdown";
-var Form = React27__namespace.forwardRef(
+var Form = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4139,7 +4189,7 @@ var Form = React27__namespace.forwardRef(
   }
 );
 Form.displayName = "Form";
-var FormField = React27__namespace.forwardRef(
+var FormField = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, error } = _b, props = __objRest(_b, ["className", "error"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4157,7 +4207,7 @@ var FormField = React27__namespace.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormLabel = React27__namespace.forwardRef(
+var FormLabel = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, required, children } = _b, props = __objRest(_b, ["className", "required", "children"]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4178,7 +4228,7 @@ var FormLabel = React27__namespace.forwardRef(
   }
 );
 FormLabel.displayName = "FormLabel";
-var FormMessage = React27__namespace.forwardRef(
+var FormMessage = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, { className, type = "helper" } = _b, props = __objRest(_b, ["className", "type"]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4319,7 +4369,7 @@ var getColPositionClasses = (colStart, colEnd) => {
   }
   return classes.join(" ");
 };
-var Grid = React27__namespace.default.forwardRef(
+var Grid = React28__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       container = true,
@@ -4375,7 +4425,7 @@ var Grid = React27__namespace.default.forwardRef(
   }
 );
 Grid.displayName = "Grid";
-var GridItem = React27__namespace.default.forwardRef(
+var GridItem = React28__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       span,
@@ -4451,7 +4501,7 @@ var progressBarIndicatorVariants = classVarianceAuthority.cva(
     defaultVariants: {}
   }
 );
-var ProgressBar = React27__namespace.default.forwardRef(
+var ProgressBar = React28__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -4503,15 +4553,15 @@ var ProgressBar = React27__namespace.default.forwardRef(
   }
 );
 ProgressBar.displayName = "ProgressBar";
-var StepperContext = React27__namespace.createContext(null);
+var StepperContext = React28__namespace.createContext(null);
 var useStepper = () => {
-  const context = React27__namespace.useContext(StepperContext);
+  const context = React28__namespace.useContext(StepperContext);
   if (!context) {
     throw new Error("useStepper must be used within a Stepper component");
   }
   return context;
 };
-var Stepper = React27__namespace.forwardRef(
+var Stepper = React28__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -4527,8 +4577,8 @@ var Stepper = React27__namespace.forwardRef(
       "onStepChange"
     ]);
     var _a2;
-    const [activeStep, setActiveStep] = React27__namespace.useState(initialStep);
-    React27__namespace.useImperativeHandle(ref, () => ({
+    const [activeStep, setActiveStep] = React28__namespace.useState(initialStep);
+    React28__namespace.useImperativeHandle(ref, () => ({
       goToNextStep: () => {
         setActiveStep((prev) => {
           const nextStep = prev < steps.length - 1 ? prev + 1 : prev;
@@ -4545,14 +4595,14 @@ var Stepper = React27__namespace.forwardRef(
       },
       activeStep
     }));
-    const stepStatuses = React27__namespace.useMemo(() => {
+    const stepStatuses = React28__namespace.useMemo(() => {
       return steps.map((_, index) => {
         if (index < activeStep) return { status: "completed" };
         if (index === activeStep) return { status: "current" };
         return { status: "upcoming" };
       });
     }, [activeStep, steps]);
-    const contextValue = React27__namespace.useMemo(
+    const contextValue = React28__namespace.useMemo(
       () => ({
         activeStep,
         orientation,
@@ -4614,7 +4664,7 @@ var connectorVariants = classVarianceAuthority.cva("", {
     status: "upcoming"
   }
 });
-var Step = React27__namespace.forwardRef(({ className, children, index }, ref) => {
+var Step = React28__namespace.forwardRef(({ className, children, index }, ref) => {
   const { steps, stepCount, orientation } = useStepper();
   const status = steps[index].status;
   const isFirst = index === 0;
@@ -4698,12 +4748,12 @@ var Step = React27__namespace.forwardRef(({ className, children, index }, ref) =
   ] });
 });
 Step.displayName = "Step";
-var StepLabel = React27__namespace.forwardRef((_a, ref) => {
+var StepLabel = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx("p", __spreadValues({ ref, className: cn("text-lg font-normal", className) }, props));
 });
 StepLabel.displayName = "StepLabel";
-var StepDescription = React27__namespace.forwardRef((_a, ref) => {
+var StepDescription = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "p",
@@ -4714,7 +4764,7 @@ var StepDescription = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 StepDescription.displayName = "StepDescription";
-var StepContent = React27__namespace.forwardRef((_a, ref) => {
+var StepContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className, index, children } = _b, props = __objRest(_b, ["className", "index", "children"]);
   const { activeStep } = useStepper();
   if (activeStep !== index) return null;
@@ -4722,7 +4772,7 @@ var StepContent = React27__namespace.forwardRef((_a, ref) => {
 });
 StepContent.displayName = "StepContent";
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React27__namespace.forwardRef((_a, ref) => {
+var TabsList = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
@@ -4736,7 +4786,7 @@ var TabsList = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React27__namespace.forwardRef((_a, ref) => {
+var TabsTrigger = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,
@@ -4754,7 +4804,7 @@ var TabsTrigger = React27__namespace.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React27__namespace.forwardRef((_a, ref) => {
+var TabsContent = React28__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Content,
@@ -4774,9 +4824,9 @@ function Modal({ open, onClose, children }) {
 }
 var MainNavigationItemComponent = ({ item, isActive, hasActiveSubItem, onNavigate, collapsed = false, currentPath }) => {
   var _a;
-  const [isExpanded, setIsExpanded] = React27__namespace.default.useState(hasActiveSubItem);
+  const [isExpanded, setIsExpanded] = React28__namespace.default.useState(hasActiveSubItem);
   const hasSubItems = item.subItems && item.subItems.length > 0;
-  React27__namespace.default.useEffect(() => {
+  React28__namespace.default.useEffect(() => {
     if (hasActiveSubItem) {
       setIsExpanded(true);
     }
@@ -4882,7 +4932,7 @@ var FooterMenuItemComponent = ({ item, isActive, onNavigate, collapsed = false }
     }
   );
 };
-var Sidebar = React27__namespace.default.forwardRef(
+var Sidebar = React28__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       brand,
@@ -4925,12 +4975,19 @@ var Sidebar = React27__namespace.default.forwardRef(
       }, props), {
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
-            "p-4 border-b border-gray-100 overflow-hidden",
+            "p-4 overflow-hidden",
             collapsed && "px-2"
           ), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-              brand.logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: brand.logo }),
-              !collapsed && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 mx-auto", children: brand.logo ? brand.logo : /* @__PURE__ */ jsxRuntime.jsx(
+                Logo,
+                {
+                  size: collapsed ? 32 : 180,
+                  variant: "default",
+                  className: "transition-all duration-300"
+                }
+              ) }),
+              !collapsed && brand.logo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "subheading-md", className: "text-gray-900 font-bold truncate block", children: brand.name }),
                 brand.tagline && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body-xs", className: "text-gray-500 truncate block", children: brand.tagline })
               ] })
@@ -4969,7 +5026,7 @@ var Sidebar = React27__namespace.default.forwardRef(
             item.id
           )) }),
           showFooterMenu && footerMenu.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-            "p-4 border-t border-gray-100 space-y-2 overflow-hidden",
+            "p-4 space-y-2 overflow-hidden",
             collapsed && "px-2"
           ), children: footerMenu.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
             FooterMenuItemComponent,
@@ -5056,7 +5113,7 @@ var UserProfileComponent = ({ userProfile, onUserMenuClick }) => {
         userProfile.role && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-none text-muted-foreground", children: userProfile.role })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
-      menuOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(React27__namespace.default.Fragment, { children: [
+      menuOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(React28__namespace.default.Fragment, { children: [
         option.separator && index > 0 && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsx(
           DropdownMenuItem,
@@ -5073,7 +5130,7 @@ var UserProfileComponent = ({ userProfile, onUserMenuClick }) => {
     ] })
   ] });
 };
-var TopNavbar = React27__namespace.default.forwardRef(
+var TopNavbar = React28__namespace.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       sidebarCollapsed = false,
@@ -5143,7 +5200,7 @@ function AuthLayout({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: "100vh", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("main", { children }) });
 }
 function useModal(initialOpen = false) {
-  const [open, setOpen] = React27.useState(initialOpen);
+  const [open, setOpen] = React28.useState(initialOpen);
   function openModal() {
     setOpen(true);
   }
@@ -5163,6 +5220,8 @@ exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
 exports.AlertTitle = AlertTitle;
 exports.AuthLayout = AuthLayout;
+exports.Avatar = Avatar;
+exports.AvatarSkeleton = AvatarSkeleton;
 exports.Badge = Badge;
 exports.BadgeCell = BadgeCell;
 exports.BadgeCellSkeleton = BadgeCellSkeleton;
@@ -5192,6 +5251,7 @@ exports.Grid = Grid;
 exports.GridItem = GridItem;
 exports.Input = Input;
 exports.Label = Label;
+exports.Logo = Logo;
 exports.Modal = Modal;
 exports.Pagination = Pagination;
 exports.Paragraph = Paragraph;