@alquimia-ai/ui 1.9.3 → 2.0.0

package/dist/components/templates/index.mjs

@@ -1,1562 +1,1694 @@
 "use client";
 // src/components/templates/messages-window.tsx
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_destructuring_empty(o) {
+    if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
+    return o;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { forwardRef } from "react";
-
 // src/lib/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
+function cn() {
+    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
+        inputs[_key] = arguments[_key];
+    }
+    return twMerge(clsx(inputs));
 }
-
 // src/components/templates/messages-window.tsx
 import { jsx } from "react/jsx-runtime";
-var MessagesWindow = forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { className: cn(className, "alq--messages--window"), ...props });
-  }
-);
+var MessagesWindow = forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx("div", _object_spread({
+        className: cn(className, "alq--messages--window")
+    }, props));
+});
 MessagesWindow.displayName = "MessagesWindow";
-
 // src/components/templates/query-box.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var QueryBox = forwardRef2(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx2("div", { className: cn(className, "alq--querybox"), ...props });
-  }
-);
+var QueryBox = forwardRef2(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx2("div", _object_spread({
+        className: cn(className, "alq--querybox")
+    }, props));
+});
 QueryBox.displayName = "QueryBox";
-
 // src/components/templates/hero/index.tsx
 import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var Hero = forwardRef3(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx3(
-      "div",
-      {
-        ref,
-        className: cn("alq--hero-container", "grid", className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-var HeroContent = forwardRef3(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx3(
-      "div",
-      {
-        ref,
-        className: cn("alq--hero-container", className),
-        ...props,
-        children
-      }
-    );
-  }
-);
+var Hero = forwardRef3(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx3("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("alq--hero-container", "grid", className)
+    }, props), {
+        children: children
+    }));
+});
+var HeroContent = forwardRef3(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsx3("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("alq--hero-container", className)
+    }, props), {
+        children: children
+    }));
+});
 Hero.displayName = "Hero";
 HeroContent.displayName = "HeroContent";
-
 // src/components/atoms/ui/button.tsx
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
     variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 rounded-md px-3",
+            lg: "h-11 rounded-md px-8",
+            icon: "h-10 w-10"
+        }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default"
+        variant: "default",
+        size: "default"
     }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx4(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+});
+var Button = React.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "asChild"
+    ]);
+    var Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx4(Comp, _object_spread({
+        className: cn(buttonVariants({
+            variant: variant,
+            size: size,
+            className: className
+        })),
+        ref: ref
+    }, props));
+});
 Button.displayName = "Button";
-
 // src/components/atoms/ui/textarea.tsx
 import * as React2 from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var Textarea = React2.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx5(
-      "textarea",
-      {
-        className: cn(
-          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
-          "alq--textarea"
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+var Textarea = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx5("textarea", _object_spread({
+        className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className, "alq--textarea"),
+        ref: ref
+    }, props));
+});
 Textarea.displayName = "Textarea";
-
 // src/components/atoms/ui/input.tsx
 import { forwardRef as forwardRef6 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Input = forwardRef6(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx6(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-          className,
-          "alq--input"
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
+var Input = forwardRef6(function(_param, ref) {
+    var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
+        "className",
+        "type"
+    ]);
+    return /* @__PURE__ */ jsx6("input", _object_spread({
+        type: type,
+        className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className, "alq--input"),
+        ref: ref
+    }, props));
+});
 Input.displayName = "Input";
-
 // src/components/atoms/ui/select.tsx
 import * as React3 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
 import { jsx as jsx7, jsxs } from "react/jsx-runtime";
-var SelectTrigger = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className,
-      "alq--select"
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx7(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx7(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
+var SelectTrigger = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className, "alq--select")
+    }, props), {
+        children: [
+            children,
+            /* @__PURE__ */ jsx7(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /* @__PURE__ */ jsx7(ChevronDown, {
+                    className: "h-4 w-4 opacity-50"
+                })
+            })
+        ]
+    }));
+});
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx7(ChevronUp, { className: "h-4 w-4" })
-  }
-));
+var SelectScrollUpButton = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx7(SelectPrimitive.ScrollUpButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx7(ChevronUp, {
+            className: "h-4 w-4"
+        })
+    }));
+});
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx7(ChevronDown, { className: "h-4 w-4" })
-  }
-));
+var SelectScrollDownButton = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx7(SelectPrimitive.ScrollDownButton, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx7(ChevronDown, {
+            className: "h-4 w-4"
+        })
+    }));
+});
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React3.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx7(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-  SelectPrimitive.Content,
-  {
-    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",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx7(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx7(
-        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__ */ jsx7(SelectScrollDownButton, {})
-    ]
-  }
-) }));
+var SelectContent = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
+        "className",
+        "children",
+        "position"
+    ]);
+    return /* @__PURE__ */ jsx7(SelectPrimitive.Portal, {
+        children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, _object_spread_props(_object_spread({
+            ref: 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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position
+        }, props), {
+            children: [
+                /* @__PURE__ */ jsx7(SelectScrollUpButton, {}),
+                /* @__PURE__ */ jsx7(SelectPrimitive.Viewport, {
+                    className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+                    children: children
+                }),
+                /* @__PURE__ */ jsx7(SelectScrollDownButton, {})
+            ]
+        }))
+    });
+});
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
-    ...props
-  }
-));
+var SelectLabel = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx7(SelectPrimitive.Label, _object_spread({
+        ref: ref,
+        className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)
+    }, props));
+});
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx7("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx7(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx7(Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx7(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
+var SelectItem = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Item, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx7("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /* @__PURE__ */ jsx7(SelectPrimitive.ItemIndicator, {
+                    children: /* @__PURE__ */ jsx7(Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /* @__PURE__ */ jsx7(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    }));
+});
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
+var SelectSeparator = React3.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx7(SelectPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props));
+});
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
 // src/components/atoms/ui/avatar.tsx
 import * as React4 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { jsx as jsx8 } from "react/jsx-runtime";
-var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
+var Avatar = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx8(AvatarPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)
+    }, props));
+});
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
+var AvatarImage = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx8(AvatarPrimitive.Image, _object_spread({
+        ref: ref,
+        className: cn("aspect-square h-full w-full", className)
+    }, props));
+});
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
+var AvatarFallback = React4.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx8(AvatarPrimitive.Fallback, _object_spread({
+        ref: ref,
+        className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)
+    }, props));
+});
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
 // src/components/atoms/ui/scroll-area.tsx
 import * as React5 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var ScrollArea = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx9(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx9(ScrollBar, {}),
-      /* @__PURE__ */ jsx9(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
+var ScrollArea = React5.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs2(ScrollAreaPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative overflow-hidden", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx9(ScrollAreaPrimitive.Viewport, {
+                className: "h-full w-full rounded-[inherit]",
+                children: children
+            }),
+            /* @__PURE__ */ jsx9(ScrollBar, {}),
+            /* @__PURE__ */ jsx9(ScrollAreaPrimitive.Corner, {})
+        ]
+    }));
+});
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React5.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx9(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx9(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
+var ScrollBar = React5.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "vertical" : _param_orientation, props = _object_without_properties(_param, [
+        "className",
+        "orientation"
+    ]);
+    return /* @__PURE__ */ jsx9(ScrollAreaPrimitive.ScrollAreaScrollbar, _object_spread_props(_object_spread({
+        ref: ref,
+        orientation: orientation,
+        className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx9(ScrollAreaPrimitive.ScrollAreaThumb, {
+            className: "relative flex-1 rounded-full bg-border"
+        })
+    }));
+});
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
 // src/components/atoms/ui/rich-text.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { jsx as jsx10 } from "react/jsx-runtime";
-
 // src/components/atoms/ui/skeleton.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
-
 // src/components/atoms/ui/card.tsx
 import * as React6 from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
-var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  "div",
-  {
-    ref,
-    className: cn(
-      "rounded-lg",
-      " border",
-      "bg-card",
-      "text-card-foreground",
-      "shadow-raised",
-      className
-    ),
-    ...props
-  }
-));
+var Card = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx12("div", _object_spread({
+        ref: ref,
+        className: cn("rounded-lg", " border", "bg-card", "text-card-foreground", "shadow-raised", className)
+    }, props));
+});
 Card.displayName = "Card";
-var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
+var CardHeader = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx12("div", _object_spread({
+        ref: ref,
+        className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props));
+});
 CardHeader.displayName = "CardHeader";
-var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  "h3",
-  {
-    ref,
-    className: cn("alq--typography-heading4", className),
-    ...props
-  }
-));
+var CardTitle = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx12("h3", _object_spread({
+        ref: ref,
+        className: cn("alq--typography-heading4", className)
+    }, props));
+});
 CardTitle.displayName = "CardTitle";
-var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  "p",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+var CardDescription = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx12("p", _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
 CardDescription.displayName = "CardDescription";
-var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx12("div", _object_spread({
+        ref: ref,
+        className: cn("p-6 pt-0", className)
+    }, props));
+});
 CardContent.displayName = "CardContent";
-var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
+var CardFooter = React6.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx12("div", _object_spread({
+        ref: ref,
+        className: cn("flex items-center p-6 pt-0", className)
+    }, props));
+});
 CardFooter.displayName = "CardFooter";
-
 // src/components/atoms/ui/drawer.tsx
 import * as React7 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
-var Drawer = ({
-  shouldScaleBackground = true,
-  ...props
-}) => /* @__PURE__ */ jsx13(
-  DrawerPrimitive.Root,
-  {
-    shouldScaleBackground,
-    ...props
-  }
-);
+var Drawer = function(_param) {
+    var _param_shouldScaleBackground = _param.shouldScaleBackground, shouldScaleBackground = _param_shouldScaleBackground === void 0 ? true : _param_shouldScaleBackground, props = _object_without_properties(_param, [
+        "shouldScaleBackground"
+    ]);
+    return /* @__PURE__ */ jsx13(DrawerPrimitive.Root, _object_spread({
+        shouldScaleBackground: shouldScaleBackground
+    }, props));
+};
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  DrawerPrimitive.Overlay,
-  {
-    ref,
-    className: cn("fixed inset-0 z-50 bg-black/80", className),
-    ...props
-  }
-));
+var DrawerOverlay = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx13(DrawerPrimitive.Overlay, _object_spread({
+        ref: ref,
+        className: cn("fixed inset-0 z-50 bg-black/80", className)
+    }, props));
+});
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx13(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs3(
-    DrawerPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border bg-background text-foreground alq--drawer-content",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx13("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
-        children
-      ]
-    }
-  )
-] }));
+var DrawerContent = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs3(DrawerPortal, {
+        children: [
+            /* @__PURE__ */ jsx13(DrawerOverlay, {}),
+            /* @__PURE__ */ jsxs3(DrawerPrimitive.Content, _object_spread_props(_object_spread({
+                ref: ref,
+                className: cn("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border border-border bg-background text-foreground alq--drawer-content", className)
+            }, props), {
+                children: [
+                    /* @__PURE__ */ jsx13("div", {
+                        className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"
+                    }),
+                    children
+                ]
+            }))
+        ]
+    });
+});
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx13(
-  "div",
-  {
-    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header"),
-    ...props
-  }
-);
+var DrawerHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx13("div", _object_spread({
+        className: cn("grid gap-1.5 p-4 text-center sm:text-left", className, "alq--drawer-header")
+    }, props));
+};
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx13(
-  "div",
-  {
-    className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer"),
-    ...props
-  }
-);
+var DrawerFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx13("div", _object_spread({
+        className: cn("mt-auto flex flex-col gap-2 p-4", className, "alq--drawer-footer")
+    }, props));
+};
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  DrawerPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className,
-      "alq--drawer-title"
-    ),
-    ...props
-  }
-));
+var DrawerTitle = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx13(DrawerPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold leading-none tracking-tight", className, "alq--drawer-title")
+    }, props));
+});
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
-  DrawerPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className, "alq--drawer-description"),
-    ...props
-  }
-));
+var DrawerDescription = React7.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx13(DrawerPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className, "alq--drawer-description")
+    }, props));
+});
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
-
 // src/components/atoms/ui/typography/index.tsx
 import { forwardRef as forwardRef12 } from "react";
 import { jsx as jsx14 } from "react/jsx-runtime";
-var Typography = forwardRef12(
-  ({ as: Component = "p", typeStyle, ...props }, ref) => {
-    return /* @__PURE__ */ jsx14(
-      Component,
-      {
-        ...props,
-        className: cn(props.className, `alq--typography-${typeStyle}`),
-        ref
-      }
-    );
-  }
-);
+var Typography = forwardRef12(function(_param, ref) {
+    var tmp = _param.as, Component = tmp === void 0 ? "p" : tmp, typeStyle = _param.typeStyle, props = _object_without_properties(_param, [
+        "as",
+        "typeStyle"
+    ]);
+    return /* @__PURE__ */ jsx14(Component, _object_spread_props(_object_spread({}, props), {
+        className: cn(props.className, "alq--typography-".concat(typeStyle)),
+        ref: ref
+    }));
+});
 Typography.displayName = "Typography";
-
 // src/components/atoms/ui/badge.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "inline-flex items-center rounded-full 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",
-  {
+var badgeVariants = cva2("inline-flex items-center rounded-full 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: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+            outline: "text-foreground"
+        }
     },
     defaultVariants: {
-      variant: "default"
+        variant: "default"
     }
-  }
-);
-
+});
 // src/components/atoms/ui/alert.tsx
 import * as React8 from "react";
 import { cva as cva3 } from "class-variance-authority";
 import { jsx as jsx16 } from "react/jsx-runtime";
-var alertVariants = cva3(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
-  {
+var alertVariants = cva3("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
     variants: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-      }
+        variant: {
+            default: "bg-background text-foreground",
+            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+        }
     },
     defaultVariants: {
-      variant: "default"
+        variant: "default"
     }
-  }
-);
-var Alert = React8.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx16(
-  "div",
-  {
-    ref,
-    role: "alert",
-    className: cn(alertVariants({ variant }), className),
-    ...props
-  }
-));
+});
+var Alert = React8.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
+        "className",
+        "variant"
+    ]);
+    return /* @__PURE__ */ jsx16("div", _object_spread({
+        ref: ref,
+        role: "alert",
+        className: cn(alertVariants({
+            variant: variant
+        }), className)
+    }, props));
+});
 Alert.displayName = "Alert";
-var AlertTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  "h5",
-  {
-    ref,
-    className: cn("mb-1 font-medium leading-none tracking-tight", className),
-    ...props
-  }
-));
+var AlertTitle = React8.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx16("h5", _object_spread({
+        ref: ref,
+        className: cn("mb-1 font-medium leading-none tracking-tight", className)
+    }, props));
+});
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  "div",
-  {
-    ref,
-    className: cn("text-sm [&_p]:leading-relaxed", className),
-    ...props
-  }
-));
+var AlertDescription = React8.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx16("div", _object_spread({
+        ref: ref,
+        className: cn("text-sm [&_p]:leading-relaxed", className)
+    }, props));
+});
 AlertDescription.displayName = "AlertDescription";
-
 // src/components/atoms/ui/label.tsx
 import * as React9 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var labelVariants = cva4(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label2 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className, "alq--label"),
-    ...props
-  }
-));
+var labelVariants = cva4("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+var Label2 = React9.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx17(LabelPrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn(labelVariants(), className, "alq--label")
+    }, props));
+});
 Label2.displayName = LabelPrimitive.Root.displayName;
-
 // src/components/atoms/ui/checkbox.tsx
 import * as React10 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check2 } from "lucide-react";
 import { jsx as jsx18 } from "react/jsx-runtime";
-var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-      className,
-      "alq--checkbox"
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx18(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx18(Check2, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
+var Checkbox = React10.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx18(CheckboxPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className, "alq--checkbox")
+    }, props), {
+        children: /* @__PURE__ */ jsx18(CheckboxPrimitive.Indicator, {
+            className: cn("flex items-center justify-center text-current"),
+            children: /* @__PURE__ */ jsx18(Check2, {
+                className: "h-4 w-4"
+            })
+        })
+    }));
+});
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
 // src/components/atoms/ui/toggle.tsx
 import * as React11 from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva5 } from "class-variance-authority";
 import { jsx as jsx19 } from "react/jsx-runtime";
-var toggleVariants = cva5(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
-  {
+var toggleVariants = cva5("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
     variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-10 px-3",
-        sm: "h-9 px-2.5",
-        lg: "h-11 px-5"
-      }
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+        },
+        size: {
+            default: "h-10 px-3",
+            sm: "h-9 px-2.5",
+            lg: "h-11 px-5"
+        }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default"
+        variant: "default",
+        size: "default"
     }
-  }
-);
-var Toggle = React11.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx19(
-  TogglePrimitive.Root,
-  {
-    ref,
-    className: cn(toggleVariants({ variant, size, className }), "alq--toggle"),
-    ...props
-  }
-));
+});
+var Toggle = React11.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size"
+    ]);
+    return /* @__PURE__ */ jsx19(TogglePrimitive.Root, _object_spread({
+        ref: ref,
+        className: cn(toggleVariants({
+            variant: variant,
+            size: size,
+            className: className
+        }), "alq--toggle")
+    }, props));
+});
 Toggle.displayName = TogglePrimitive.Root.displayName;
-
 // src/components/atoms/ui/slider.tsx
 import * as React12 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
-var Slider = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4(
-  SliderPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex w-44 touch-none select-none items-center",
-      className,
-      "alq--slider"
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx20(SliderPrimitive.Track, { className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary", children: /* @__PURE__ */ jsx20(SliderPrimitive.Range, { className: "absolute h-full bg-secondary" }) }),
-      /* @__PURE__ */ jsx20(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-gray bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
-    ]
-  }
-));
+var Slider = React12.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs4(SliderPrimitive.Root, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative flex w-44 touch-none select-none items-center", className, "alq--slider")
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx20(SliderPrimitive.Track, {
+                className: "relative h-2 w-44 grow overflow-hidden rounded-full bg-primary",
+                children: /* @__PURE__ */ jsx20(SliderPrimitive.Range, {
+                    className: "absolute h-full bg-secondary"
+                })
+            }),
+            /* @__PURE__ */ jsx20(SliderPrimitive.Thumb, {
+                className: "block h-5 w-5 rounded-full border-2 border-gray bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            })
+        ]
+    }));
+});
 Slider.displayName = SliderPrimitive.Root.displayName;
-
 // src/components/atoms/ui/switch.tsx
 import * as React13 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import { jsx as jsx21 } from "react/jsx-runtime";
-var Switch = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
-  SwitchPrimitives.Root,
-  {
-    className: cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className,
-      "alq--switch"
-    ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsx21(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
+var Switch = React13.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx21(SwitchPrimitives.Root, _object_spread_props(_object_spread({
+        className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className, "alq--switch")
+    }, props), {
+        ref: ref,
+        children: /* @__PURE__ */ jsx21(SwitchPrimitives.Thumb, {
+            className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")
+        })
+    }));
+});
 Switch.displayName = SwitchPrimitives.Root.displayName;
-
 // src/components/atoms/ui/tabs.tsx
 import * as React14 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx22 } from "react/jsx-runtime";
-var TabsList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
-  TabsPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-10 items-center justify-center rounded-md  p-1 text-muted-foreground",
-      className,
-      "alq--tabs"
-    ),
-    ...props
-  }
-));
+var TabsList = React14.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(TabsPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn("inline-flex h-10 items-center justify-center rounded-md  p-1 text-muted-foreground", className, "alq--tabs")
+    }, props));
+});
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:border-b-2 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
+var TabsTrigger = React14.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(TabsPrimitive.Trigger, _object_spread({
+        ref: ref,
+        className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:border-b-2 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 data-[state=active]:text-foreground data-[state=active]:shadow-sm", className)
+    }, props));
+});
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
+var TabsContent = React14.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx22(TabsPrimitive.Content, _object_spread({
+        ref: ref,
+        className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className)
+    }, props));
+});
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-
 // src/components/atoms/ui/aspect-ratio.tsx
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-
 // src/components/atoms/ui/table.tsx
 import * as React15 from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
-var Table = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx23(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm text-foreground bg-background", className, "alq--table"),
-    ...props
-  }
-) }));
+var Table = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("div", {
+        className: "relative w-full overflow-auto",
+        children: /* @__PURE__ */ jsx23("table", _object_spread({
+            ref: ref,
+            className: cn("w-full caption-bottom text-sm text-foreground bg-background", className, "alq--table")
+        }, props))
+    });
+});
 Table.displayName = "Table";
-var TableHeader = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("thead", { ref, className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header"), ...props }));
+var TableHeader = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("thead", _object_spread({
+        ref: ref,
+        className: cn("[&_tr]:border-b border-border bg-muted", className, "alq--table-header")
+    }, props));
+});
 TableHeader.displayName = "TableHeader";
-var TableBody = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0 [&_tr]:border-b border-border", className, "alq--table-body"),
-    ...props
-  }
-));
+var TableBody = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("tbody", _object_spread({
+        ref: ref,
+        className: cn("[&_tr:last-child]:border-0 [&_tr]:border-b border-border", className, "alq--table-body")
+    }, props));
+});
 TableBody.displayName = "TableBody";
-var TableFooter = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className,
-      "alq--table-footer"
-    ),
-    ...props
-  }
-));
+var TableFooter = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("tfoot", _object_spread({
+        ref: ref,
+        className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className, "alq--table-footer")
+    }, props));
+});
 TableFooter.displayName = "TableFooter";
-var TableRow = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
-    ),
-    ...props
-  }
-));
+var TableRow = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("tr", _object_spread({
+        ref: ref,
+        className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)
+    }, props));
+});
 TableRow.displayName = "TableRow";
-var TableHead = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
-    ),
-    ...props
-  }
-));
+var TableHead = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("th", _object_spread({
+        ref: ref,
+        className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className)
+    }, props));
+});
 TableHead.displayName = "TableHead";
-var TableCell = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
+var TableCell = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("td", _object_spread({
+        ref: ref,
+        className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)
+    }, props));
+});
 TableCell.displayName = "TableCell";
-var TableCaption = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+var TableCaption = React15.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx23("caption", _object_spread({
+        ref: ref,
+        className: cn("mt-4 text-sm text-muted-foreground", className)
+    }, props));
+});
 TableCaption.displayName = "TableCaption";
-
 // src/components/atoms/ui/breadcrumb.tsx
 import * as React16 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
-var Breadcrumb = React16.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx24("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React16.forwardRef(function(_param, ref) {
+    var props = _extends({}, _object_destructuring_empty(_param));
+    return /* @__PURE__ */ jsx24("nav", _object_spread({
+        ref: ref,
+        "aria-label": "breadcrumb"
+    }, props));
+});
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "ol",
-  {
-    ref,
-    className: cn(
-      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
-      className
-    ),
-    ...props
-  }
-));
+var BreadcrumbList = React16.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24("ol", _object_spread({
+        ref: ref,
+        className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className)
+    }, props));
+});
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "li",
-  {
-    ref,
-    className: cn("inline-flex items-center gap-1.5", className),
-    ...props
-  }
-));
+var BreadcrumbItem = React16.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24("li", _object_spread({
+        ref: ref,
+        className: cn("inline-flex items-center gap-1.5", className)
+    }, props));
+});
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React16.forwardRef(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx24(
-    Comp,
-    {
-      ref,
-      className: cn("transition-colors hover:text-foreground", className),
-      ...props
-    }
-  );
+var BreadcrumbLink = React16.forwardRef(function(_param, ref) {
+    var asChild = _param.asChild, className = _param.className, props = _object_without_properties(_param, [
+        "asChild",
+        "className"
+    ]);
+    var Comp = asChild ? Slot2 : "a";
+    return /* @__PURE__ */ jsx24(Comp, _object_spread({
+        ref: ref,
+        className: cn("transition-colors hover:text-foreground", className)
+    }, props));
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "span",
-  {
-    ref,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: cn("font-normal text-foreground", className),
-    ...props
-  }
-));
+var BreadcrumbPage = React16.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24("span", _object_spread({
+        ref: ref,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("font-normal text-foreground", className)
+    }, props));
+});
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({
-  children,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx24(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className),
-    ...props,
-    children: children ?? /* @__PURE__ */ jsx24(ChevronRight, {})
-  }
-);
+var BreadcrumbSeparator = function(_param) {
+    var children = _param.children, className = _param.className, props = _object_without_properties(_param, [
+        "children",
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx24("li", _object_spread_props(_object_spread({
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)
+    }, props), {
+        children: children !== null && children !== void 0 ? children : /* @__PURE__ */ jsx24(ChevronRight, {})
+    }));
+};
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxs5(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: cn("flex h-9 w-9 items-center justify-center", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx24(MoreHorizontal, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
+var BreadcrumbEllipsis = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs5("span", _object_spread_props(_object_spread({
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("flex h-9 w-9 items-center justify-center", className)
+    }, props), {
+        children: [
+            /* @__PURE__ */ jsx24(MoreHorizontal, {
+                className: "h-4 w-4"
+            }),
+            /* @__PURE__ */ jsx24("span", {
+                className: "sr-only",
+                children: "More"
+            })
+        ]
+    }));
+};
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-
 // src/components/molecules/alert-dialog.tsx
 import * as React17 from "react";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { jsx as jsx25, jsxs as jsxs6 } from "react/jsx-runtime";
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  AlertDialogPrimitive.Overlay,
-  {
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
+var AlertDialogOverlay = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25(AlertDialogPrimitive.Overlay, _object_spread_props(_object_spread({
+        className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
+    }, props), {
+        ref: ref
+    }));
+});
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs6(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx25(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx25(
-    AlertDialogPrimitive.Content,
-    {
-      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
-    }
-  )
-] }));
+var AlertDialogContent = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs6(AlertDialogPortal, {
+        children: [
+            /* @__PURE__ */ jsx25(AlertDialogOverlay, {}),
+            /* @__PURE__ */ jsx25(AlertDialogPrimitive.Content, _object_spread({
+                ref: 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 = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx25(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
+var AlertDialogHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25("div", _object_spread({
+        className: cn("flex flex-col space-y-2 text-center sm:text-left", className)
+    }, props));
+};
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx25(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
+var AlertDialogFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25("div", _object_spread({
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props));
+};
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  AlertDialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-lg font-semibold", className),
-    ...props
-  }
-));
+var AlertDialogTitle = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25(AlertDialogPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold", className)
+    }, props));
+});
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  AlertDialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+var AlertDialogDescription = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25(AlertDialogPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  AlertDialogPrimitive.Action,
-  {
-    ref,
-    className: cn(buttonVariants(), className),
-    ...props
-  }
-));
+var AlertDialogAction = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25(AlertDialogPrimitive.Action, _object_spread({
+        ref: ref,
+        className: cn(buttonVariants(), className)
+    }, props));
+});
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
-  AlertDialogPrimitive.Cancel,
-  {
-    ref,
-    className: cn(
-      buttonVariants({ variant: "outline" }),
-      "mt-2 sm:mt-0",
-      className
-    ),
-    ...props
-  }
-));
+var AlertDialogCancel = React17.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx25(AlertDialogPrimitive.Cancel, _object_spread({
+        ref: ref,
+        className: cn(buttonVariants({
+            variant: "outline"
+        }), "mt-2 sm:mt-0", className)
+    }, props));
+});
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
 // src/components/atoms/ui/popover.tsx
 import * as React18 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { jsx as jsx26 } from "react/jsx-runtime";
-var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
-      className
-    ),
-    ...props
-  }
-) }));
+var PopoverContent = React18.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "align",
+        "sideOffset"
+    ]);
+    return /* @__PURE__ */ jsx26(PopoverPrimitive.Portal, {
+        children: /* @__PURE__ */ jsx26(PopoverPrimitive.Content, _object_spread({
+            ref: ref,
+            align: align,
+            sideOffset: sideOffset,
+            className: cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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", className)
+        }, props))
+    });
+});
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
 // src/components/atoms/ui/command.tsx
 import * as React20 from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-
 // src/components/atoms/ui/dialog.tsx
 import * as React19 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
+var DialogOverlay = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx27(DialogPrimitive.Overlay, _object_spread({
+        ref: ref,
+        className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
+    }, props));
+});
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs7(DialogPortal, { children: [
-  /* @__PURE__ */ jsx27(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs7(
-    DialogPrimitive.Content,
-    {
-      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,
-        "alq--dialog-content"
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxs7(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__ */ jsx27(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
+var DialogContent = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "children"
+    ]);
+    return /* @__PURE__ */ jsxs7(DialogPortal, {
+        children: [
+            /* @__PURE__ */ jsx27(DialogOverlay, {}),
+            /* @__PURE__ */ jsxs7(DialogPrimitive.Content, _object_spread_props(_object_spread({
+                ref: 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, "alq--dialog-content")
+            }, props), {
+                children: [
+                    children,
+                    /* @__PURE__ */ jsxs7(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__ */ jsx27(X, {
+                                className: "h-4 w-4"
+                            }),
+                            /* @__PURE__ */ jsx27("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            }))
+        ]
+    });
+});
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx27(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left text-foreground",
-      className,
-      "alq--dialog-header"
-    ),
-    ...props
-  }
-);
+var DialogHeader = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx27("div", _object_spread({
+        className: cn("flex flex-col space-y-1.5 text-center sm:text-left text-foreground", className, "alq--dialog-header")
+    }, props));
+};
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx27(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
+var DialogFooter = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx27("div", _object_spread({
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props));
+};
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight text-foreground",
-      className,
-      "alq--dialog-title"
-    ),
-    ...props
-  }
-));
+var DialogTitle = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx27(DialogPrimitive.Title, _object_spread({
+        ref: ref,
+        className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className, "alq--dialog-title")
+    }, props));
+});
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
+var DialogDescription = React19.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx27(DialogPrimitive.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm text-muted-foreground", className)
+    }, props));
+});
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
 // src/components/atoms/ui/command.tsx
 import { jsx as jsx28, jsxs as jsxs8 } from "react/jsx-runtime";
-var Command = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  CommandPrimitive,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
+var Command = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx28(CommandPrimitive, _object_spread({
+        ref: ref,
+        className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className)
+    }, props));
+});
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs8("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx28(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx28(
-    CommandPrimitive.Input,
-    {
-      ref,
-      className: cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
+var CommandInput = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsxs8("div", {
+        className: "flex items-center border-b px-3",
+        "cmdk-input-wrapper": "",
+        children: [
+            /* @__PURE__ */ jsx28(Search, {
+                className: "mr-2 h-4 w-4 shrink-0 opacity-50"
+            }),
+            /* @__PURE__ */ jsx28(CommandPrimitive.Input, _object_spread({
+                ref: ref,
+                className: cn("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className)
+            }, props))
+        ]
+    });
+});
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  CommandPrimitive.List,
-  {
-    ref,
-    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-    ...props
-  }
-));
+var CommandList = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx28(CommandPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)
+    }, props));
+});
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React20.forwardRef((props, ref) => /* @__PURE__ */ jsx28(
-  CommandPrimitive.Empty,
-  {
-    ref,
-    className: "py-6 text-center text-sm",
-    ...props
-  }
-));
+var CommandEmpty = React20.forwardRef(function(props, ref) {
+    return /* @__PURE__ */ jsx28(CommandPrimitive.Empty, _object_spread({
+        ref: ref,
+        className: "py-6 text-center text-sm"
+    }, props));
+});
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  CommandPrimitive.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
+var CommandGroup = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx28(CommandPrimitive.Group, _object_spread({
+        ref: ref,
+        className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className)
+    }, props));
+});
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  CommandPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 h-px bg-border", className),
-    ...props
-  }
-));
+var CommandSeparator = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx28(CommandPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn("-mx-1 h-px bg-border", className)
+    }, props));
+});
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  CommandPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    ),
-    ...props
-  }
-));
+var CommandItem = React20.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx28(CommandPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className)
+    }, props));
+});
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx28(
-    "span",
-    {
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
+var CommandShortcut = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx28("span", _object_spread({
+        className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className)
+    }, props));
 };
 CommandShortcut.displayName = "CommandShortcut";
-
 // src/components/atoms/ui/toast.tsx
 import * as React21 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva6 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
 import { jsx as jsx29 } from "react/jsx-runtime";
-var ToastViewport = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Viewport,
-  {
-    ref,
-    className: cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    ),
-    ...props
-  }
-));
+var ToastViewport = React21.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx29(ToastPrimitives.Viewport, _object_spread({
+        ref: ref,
+        className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className)
+    }, props));
+});
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva6(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 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",
-  {
+var toastVariants = cva6("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 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: {
-        default: "border bg-background text-foreground",
-        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
-      }
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+        }
     },
     defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Toast = React21.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx29(
-    ToastPrimitives.Root,
-    {
-      ref,
-      className: cn(toastVariants({ variant }), className),
-      ...props
+        variant: "default"
     }
-  );
+});
+var Toast = React21.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
+        "className",
+        "variant"
+    ]);
+    return /* @__PURE__ */ jsx29(ToastPrimitives.Root, _object_spread({
+        ref: ref,
+        className: cn(toastVariants({
+            variant: variant
+        }), className)
+    }, props));
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Action,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      className
-    ),
-    ...props
-  }
-));
+var ToastAction = React21.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx29(ToastPrimitives.Action, _object_spread({
+        ref: ref,
+        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive", className)
+    }, props));
+});
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Close,
-  {
-    ref,
-    className: cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 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,
-    children: /* @__PURE__ */ jsx29(X2, { className: "h-4 w-4" })
-  }
-));
+var ToastClose = React21.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx29(ToastPrimitives.Close, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 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), {
+        children: /* @__PURE__ */ jsx29(X2, {
+            className: "h-4 w-4"
+        })
+    }));
+});
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Title,
-  {
-    ref,
-    className: cn("text-sm font-semibold", className),
-    ...props
-  }
-));
+var ToastTitle = React21.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx29(ToastPrimitives.Title, _object_spread({
+        ref: ref,
+        className: cn("text-sm font-semibold", className)
+    }, props));
+});
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
-  ToastPrimitives.Description,
-  {
-    ref,
-    className: cn("text-sm opacity-90", className),
-    ...props
-  }
-));
+var ToastDescription = React21.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /* @__PURE__ */ jsx29(ToastPrimitives.Description, _object_spread({
+        ref: ref,
+        className: cn("text-sm opacity-90", className)
+    }, props));
+});
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
 // src/components/atoms/ui/loader.tsx
 import * as React22 from "react";
 import { cva as cva7 } from "class-variance-authority";
 import { Loader2 } from "lucide-react";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var loaderVariants = cva7(
-  "flex justify-center items-center w-full",
-  {
+var loaderVariants = cva7("flex justify-center items-center w-full", {
     variants: {
-      size: {
-        small: "h-6 w-6",
-        medium: "h-8 w-8",
-        large: "h-12 w-12",
-        xl: "h-24 w-24"
-      },
-      colorVariant: {
-        default: "text-primary",
-        primary: "text-primary",
-        secondary: "text-secondary",
-        destructive: "text-destructive"
-      }
+        size: {
+            small: "h-6 w-6",
+            medium: "h-8 w-8",
+            large: "h-12 w-12",
+            xl: "h-24 w-24"
+        },
+        colorVariant: {
+            default: "text-primary",
+            primary: "text-primary",
+            secondary: "text-secondary",
+            destructive: "text-destructive"
+        }
     },
     defaultVariants: {
-      size: "medium",
-      colorVariant: "default"
+        size: "medium",
+        colorVariant: "default"
     }
-  }
-);
-var Loader = React22.forwardRef(
-  ({ className, size, colorVariant, ...props }, ref) => /* @__PURE__ */ jsx30(
-    "div",
-    {
-      ref,
-      className: cn(loaderVariants({ size, colorVariant }), "flex justify-center items-center h-full w-full", className),
-      ...props,
-      children: /* @__PURE__ */ jsx30(Loader2, { className: "animate-spin" })
-    }
-  )
-);
+});
+var Loader = React22.forwardRef(function(_param, ref) {
+    var className = _param.className, size = _param.size, colorVariant = _param.colorVariant, props = _object_without_properties(_param, [
+        "className",
+        "size",
+        "colorVariant"
+    ]);
+    return /* @__PURE__ */ jsx30("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn(loaderVariants({
+            size: size,
+            colorVariant: colorVariant
+        }), "flex justify-center items-center h-full w-full", className)
+    }, props), {
+        children: /* @__PURE__ */ jsx30(Loader2, {
+            className: "animate-spin"
+        })
+    }));
+});
 Loader.displayName = "Loader";
-
 // src/components/atoms/ui/separator.tsx
 import * as React23 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { jsx as jsx31 } from "react/jsx-runtime";
-var Separator2 = React23.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx31(
-  SeparatorPrimitive.Root,
-  {
-    ref,
-    decorative,
-    orientation,
-    className: cn(
-      "shrink-0 bg-border",
-      orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-      className,
-      "alq--separator"
-    ),
-    ...props
-  }
-));
+var Separator2 = React23.forwardRef(function(_param, ref) {
+    var className = _param.className, _param_orientation = _param.orientation, orientation = _param_orientation === void 0 ? "horizontal" : _param_orientation, _param_decorative = _param.decorative, decorative = _param_decorative === void 0 ? true : _param_decorative, props = _object_without_properties(_param, [
+        "className",
+        "orientation",
+        "decorative"
+    ]);
+    return /* @__PURE__ */ jsx31(SeparatorPrimitive.Root, _object_spread({
+        ref: ref,
+        decorative: decorative,
+        orientation: orientation,
+        className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className, "alq--separator")
+    }, props));
+});
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
-
 // src/components/hooks/use-toast.ts
 import * as React24 from "react";
-
 // src/components/atoms/ui/toaster.tsx
 import { jsx as jsx32, jsxs as jsxs9 } from "react/jsx-runtime";
-
 // src/components/atoms/ui/think-indicator.tsx
 import * as React25 from "react";
 import { useState as useState2, useEffect as useEffect2 } from "react";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx33, jsxs as jsxs10 } from "react/jsx-runtime";
-var thinkIndicatorVariants = cva8(
-  "flex items-center gap-3",
-  {
+var thinkIndicatorVariants = cva8("flex items-center gap-3", {
     variants: {
-      variant: {
-        default: "text-muted-foreground",
-        primary: "text-primary",
-        secondary: "text-secondary"
-      },
-      size: {
-        default: "gap-3",
-        sm: "gap-2",
-        lg: "gap-4"
-      }
+        variant: {
+            default: "text-muted-foreground",
+            primary: "text-primary",
+            secondary: "text-secondary"
+        },
+        size: {
+            default: "gap-3",
+            sm: "gap-2",
+            lg: "gap-4"
+        }
     },
     defaultVariants: {
-      variant: "default",
-      size: "default"
+        variant: "default",
+        size: "default"
     }
-  }
-);
-var ThinkIndicator = React25.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    thoughts = [
-      "Analyzing your request...",
-      "Processing information...",
-      "Formulating response..."
-    ],
-    interval = 5e3,
-    loader,
-    ...props
-  }, ref) => {
-    const [currentThoughtIndex, setCurrentThoughtIndex] = useState2(0);
-    const [isAnimating, setIsAnimating] = useState2(false);
-    useEffect2(() => {
-      const timer = setInterval(() => {
-        setIsAnimating(true);
-        setTimeout(() => {
-          setCurrentThoughtIndex((prev) => {
-            return prev < thoughts.length - 1 ? prev + 1 : prev;
-          });
-          setIsAnimating(false);
-        }, 300);
-      }, interval);
-      if (currentThoughtIndex === thoughts.length - 1) {
-        clearInterval(timer);
-      }
-      return () => clearInterval(timer);
-    }, [thoughts, interval, currentThoughtIndex]);
-    return /* @__PURE__ */ jsxs10(
-      "div",
-      {
-        ref,
-        className: cn(thinkIndicatorVariants({ variant, size }), className, "alq--think-indicator"),
-        ...props,
+});
+var ThinkIndicator = React25.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_thoughts = _param.thoughts, thoughts = _param_thoughts === void 0 ? [
+        "Analyzing your request...",
+        "Processing information...",
+        "Formulating response..."
+    ] : _param_thoughts, _param_interval = _param.interval, interval = _param_interval === void 0 ? 5e3 : _param_interval, loader = _param.loader, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "thoughts",
+        "interval",
+        "loader"
+    ]);
+    var _useState2 = _sliced_to_array(useState2(0), 2), currentThoughtIndex = _useState2[0], setCurrentThoughtIndex = _useState2[1];
+    var _useState21 = _sliced_to_array(useState2(false), 2), isAnimating = _useState21[0], setIsAnimating = _useState21[1];
+    useEffect2(function() {
+        var timer = setInterval(function() {
+            setIsAnimating(true);
+            setTimeout(function() {
+                setCurrentThoughtIndex(function(prev) {
+                    return prev < thoughts.length - 1 ? prev + 1 : prev;
+                });
+                setIsAnimating(false);
+            }, 300);
+        }, interval);
+        if (currentThoughtIndex === thoughts.length - 1) {
+            clearInterval(timer);
+        }
+        return function() {
+            return clearInterval(timer);
+        };
+    }, [
+        thoughts,
+        interval,
+        currentThoughtIndex
+    ]);
+    return /* @__PURE__ */ jsxs10("div", _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn(thinkIndicatorVariants({
+            variant: variant,
+            size: size
+        }), className, "alq--think-indicator")
+    }, props), {
         children: [
-          loader || /* @__PURE__ */ jsx33(
-            Loader,
-            {
-              className: cn(
-                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx33(
-            "div",
-            {
-              className: cn(
-                "alq--think-indicator-text",
-                "transition-all duration-300",
-                isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"
-              ),
-              children: thoughts[currentThoughtIndex]
-            }
-          )
+            loader || /* @__PURE__ */ jsx33(Loader, {
+                className: cn(size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4")
+            }),
+            /* @__PURE__ */ jsx33("div", {
+                className: cn("alq--think-indicator-text", "transition-all duration-300", isAnimating ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"),
+                children: thoughts[currentThoughtIndex]
+            })
         ]
-      }
-    );
-  }
-);
+    }));
+});
 ThinkIndicator.displayName = "ThinkIndicator";
-
 // src/components/templates/cards/with-image-heading-description.tsx
 import { jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
-var CardWithImageHeadingDescriptionVertical = (props) => {
-  const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ jsxs11(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
-    image,
-    /* @__PURE__ */ jsxs11(CardHeader, { children: [
-      /* @__PURE__ */ jsx34(CardTitle, { children: heading }),
-      /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
-    ] }),
-    /* @__PURE__ */ jsx34(CardContent, {})
-  ] });
+var CardWithImageHeadingDescriptionVertical = function(props) {
+    var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
+    return /* @__PURE__ */ jsxs11(Card, {
+        className: cn("w-[360px]", !showBorder && "border-none shadow-none"),
+        children: [
+            image,
+            /* @__PURE__ */ jsxs11(CardHeader, {
+                children: [
+                    /* @__PURE__ */ jsx34(CardTitle, {
+                        children: heading
+                    }),
+                    /* @__PURE__ */ jsx34(Typography, {
+                        typeStyle: "small",
+                        className: "text-font-weak-color",
+                        children: description
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx34(CardContent, {})
+        ]
+    });
 };
-var CardImageWithHeadingAndDescriptionHorizontal = (props) => {
-  const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ jsxs11(
-    Card,
-    {
-      className: cn(
-        "lg:w-[600px] w-[360px] lg:flex  lg:h-[150px]",
-        !showBorder && "border-none shadow-none "
-      ),
-      children: [
-        image,
-        /* @__PURE__ */ jsxs11(CardHeader, { children: [
-          /* @__PURE__ */ jsx34(CardTitle, { children: heading }),
-          /* @__PURE__ */ jsx34(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
-        ] }),
-        /* @__PURE__ */ jsx34(CardContent, {})
-      ]
-    }
-  );
+var CardImageWithHeadingAndDescriptionHorizontal = function(props) {
+    var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
+    return /* @__PURE__ */ jsxs11(Card, {
+        className: cn("lg:w-[600px] w-[360px] lg:flex  lg:h-[150px]", !showBorder && "border-none shadow-none "),
+        children: [
+            image,
+            /* @__PURE__ */ jsxs11(CardHeader, {
+                children: [
+                    /* @__PURE__ */ jsx34(CardTitle, {
+                        children: heading
+                    }),
+                    /* @__PURE__ */ jsx34(Typography, {
+                        typeStyle: "small",
+                        className: "text-font-weak-color",
+                        children: description
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx34(CardContent, {})
+        ]
+    });
 };
-
 // src/components/templates/cards/with-image-heading-description-avatar.tsx
 import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
-var AvatarInfo = (props) => {
-  const { userName, email, avatarImage } = props;
-  return /* @__PURE__ */ jsxs12("div", { className: "flex space-x-2 items-center", children: [
-    /* @__PURE__ */ jsx35(Avatar, { className: "w-16 h-16", children: /* @__PURE__ */ jsx35(AvatarImage, { src: avatarImage }) }),
-    /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx35(Typography, { typeStyle: "small", className: "font-semibold", children: userName }),
-      /* @__PURE__ */ jsx35(Typography, { typeStyle: "tiny", className: "text-font-weak-color", children: email })
-    ] })
-  ] });
-};
-var CardWithImageHeadingDescriptionAvatarVertical = (props) => {
-  const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ jsxs12(Card, { className: cn("w-[360px]", !showBorder && "border-none shadow-none"), children: [
-    image,
-    /* @__PURE__ */ jsxs12(CardHeader, { children: [
-      /* @__PURE__ */ jsx35(CardTitle, { children: heading }),
-      /* @__PURE__ */ jsx35(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
-    ] }),
-    /* @__PURE__ */ jsx35(CardContent, { children: /* @__PURE__ */ jsx35(AvatarInfo, { ...props }) })
-  ] });
+var AvatarInfo = function(props) {
+    var userName = props.userName, email = props.email, avatarImage = props.avatarImage;
+    return /* @__PURE__ */ jsxs12("div", {
+        className: "flex space-x-2 items-center",
+        children: [
+            /* @__PURE__ */ jsx35(Avatar, {
+                className: "w-16 h-16",
+                children: /* @__PURE__ */ jsx35(AvatarImage, {
+                    src: avatarImage
+                })
+            }),
+            /* @__PURE__ */ jsxs12("div", {
+                children: [
+                    /* @__PURE__ */ jsx35(Typography, {
+                        typeStyle: "small",
+                        className: "font-semibold",
+                        children: userName
+                    }),
+                    /* @__PURE__ */ jsx35(Typography, {
+                        typeStyle: "tiny",
+                        className: "text-font-weak-color",
+                        children: email
+                    })
+                ]
+            })
+        ]
+    });
 };
-var CardImageWithHeadingAndDescriptionAvatarHorizontal = (props) => {
-  const { showBorder, image, heading, description } = props;
-  return /* @__PURE__ */ jsxs12(
-    Card,
-    {
-      className: cn(
-        "lg:w-[600px] w-[360px] lg:flex  lg:h-[246px]",
-        !showBorder && "border-none shadow-none "
-      ),
-      children: [
-        image,
-        /* @__PURE__ */ jsxs12("div", { children: [
-          /* @__PURE__ */ jsxs12(CardHeader, { children: [
-            /* @__PURE__ */ jsx35(CardTitle, { children: heading }),
-            /* @__PURE__ */ jsx35(Typography, { typeStyle: "small", className: "text-font-weak-color", children: description })
-          ] }),
-          /* @__PURE__ */ jsx35(CardContent, { children: /* @__PURE__ */ jsx35(AvatarInfo, { ...props }) })
-        ] })
-      ]
-    }
-  );
+var CardWithImageHeadingDescriptionAvatarVertical = function(props) {
+    var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
+    return /* @__PURE__ */ jsxs12(Card, {
+        className: cn("w-[360px]", !showBorder && "border-none shadow-none"),
+        children: [
+            image,
+            /* @__PURE__ */ jsxs12(CardHeader, {
+                children: [
+                    /* @__PURE__ */ jsx35(CardTitle, {
+                        children: heading
+                    }),
+                    /* @__PURE__ */ jsx35(Typography, {
+                        typeStyle: "small",
+                        className: "text-font-weak-color",
+                        children: description
+                    })
+                ]
+            }),
+            /* @__PURE__ */ jsx35(CardContent, {
+                children: /* @__PURE__ */ jsx35(AvatarInfo, _object_spread({}, props))
+            })
+        ]
+    });
 };
-export {
-  CardImageWithHeadingAndDescriptionAvatarHorizontal,
-  CardImageWithHeadingAndDescriptionHorizontal,
-  CardWithImageHeadingDescriptionAvatarVertical,
-  CardWithImageHeadingDescriptionVertical,
-  Hero,
-  HeroContent,
-  MessagesWindow,
-  QueryBox
+var CardImageWithHeadingAndDescriptionAvatarHorizontal = function(props) {
+    var showBorder = props.showBorder, image = props.image, heading = props.heading, description = props.description;
+    return /* @__PURE__ */ jsxs12(Card, {
+        className: cn("lg:w-[600px] w-[360px] lg:flex  lg:h-[246px]", !showBorder && "border-none shadow-none "),
+        children: [
+            image,
+            /* @__PURE__ */ jsxs12("div", {
+                children: [
+                    /* @__PURE__ */ jsxs12(CardHeader, {
+                        children: [
+                            /* @__PURE__ */ jsx35(CardTitle, {
+                                children: heading
+                            }),
+                            /* @__PURE__ */ jsx35(Typography, {
+                                typeStyle: "small",
+                                className: "text-font-weak-color",
+                                children: description
+                            })
+                        ]
+                    }),
+                    /* @__PURE__ */ jsx35(CardContent, {
+                        children: /* @__PURE__ */ jsx35(AvatarInfo, _object_spread({}, props))
+                    })
+                ]
+            })
+        ]
+    });
 };
+export { CardImageWithHeadingAndDescriptionAvatarHorizontal, CardImageWithHeadingAndDescriptionHorizontal, CardWithImageHeadingDescriptionAvatarVertical, CardWithImageHeadingDescriptionVertical, Hero, HeroContent, MessagesWindow, QueryBox };
 //# sourceMappingURL=index.mjs.map