@devvistatech/devvista-kit 0.0.1

package/dist/components/other/button.jsx

@@ -0,0 +1,321 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Edit, Trash2, LogIn, UserPlus, Settings, LogOut, Phone, ArrowUp } from "lucide-react";
+var buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md 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", {
+    variants: {
+        variant: {
+            default: "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500",
+            destructive: "bg-blue-700 text-white hover:bg-blue-800 focus:ring-blue-700",
+            outline: "border border-blue-500 bg-transparent text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 focus:ring-blue-500",
+            secondary: "bg-blue-200 text-blue-900 hover:bg-blue-300 focus:ring-blue-500",
+            ghost: "text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 focus:ring-blue-500",
+            link: "text-blue-500 underline-offset-4 hover:underline focus:ring-blue-500",
+            edit: "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 min-w-[80px] text-base min-h-[2.5rem] rounded-lg touch-action-manipulation",
+            "edit-bio": "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 min-w-[80px] text-base min-h-[2.5rem] rounded-lg touch-action-manipulation",
+            "edit-icon": "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500 rounded-full h-10 w-10 flex items-center justify-center",
+            create: "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 min-w-[80px] text-base",
+            upload: "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 w-full sm:w-auto text-base sm:text-lg px-4 py-2 sm:px-6 sm:py-3 font-bold",
+            update: "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 disabled:bg-gray-600 w-full sm:w-auto min-w-[80px] text-base min-h-[2.5rem] rounded-lg font-semibold",
+            cancel: "bg-gray-600 text-white hover:bg-gray-500 focus:ring-gray-600 w-full sm:w-auto min-w-[80px] text-base min-h-[2.5rem] rounded-lg font-semibold",
+            close: "text-blue-300 hover:text-white hover:bg-blue-600/50 focus:ring-blue-500 h-12 w-12 p-3 rounded-full absolute top-4 right-4 z-50 transition-all duration-200 flex items-center justify-center",
+            "close-form": "text-blue-300 hover:text-white hover:bg-blue-600/50 focus:ring-blue-500 rounded-full p-2 sm:p-3 transition-all duration-300 w-10 h-10 sm:w-12 sm:h-12 flex items-center justify-center absolute top-1 right-1 sm:top-1 sm:right-1 z-50",
+            "close-confirm": "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500 rounded-full p-2 w-10 h-10 flex items-center justify-center absolute top-2 right-2",
+            toggle: "bg-transparent text-blue-500 hover:bg-blue-500/10 hover:scale-105 focus:ring-blue-500 text-base sm:text-lg px-6 py-3 h-auto font-bold transform transition-all duration-300 ease-in-out",
+            "toggle-bio": "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 focus:ring-blue-500 text-lg px-8 py-3 rounded-[1.5rem] font-bold",
+            "toggle-keywords": "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 text-sm px-4 py-2 rounded-md font-semibold",
+            delete: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-600 disabled:bg-gray-600 w-full sm:w-auto min-w-[80px] text-base min-h-[2.5rem] rounded-lg font-semibold",
+            "delete-icon": "text-blue-500 hover:text-blue-600 focus:ring-blue-500 p-3 min-h-[2rem] min-w-[2rem] text-2xl font-bold transition-colors",
+            trash: "text-[#F47C7C] hover:bg-[#2A3A66]/70 focus:ring-[#F47C7C] mt-2 sm:mt-0 z-10",
+            "trash-icon": "bg-red-600 text-white hover:bg-red-700 focus:ring-red-600 rounded-full h-10 w-10 flex items-center justify-center",
+            action: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 focus:ring-blue-500 w-full sm:w-auto text-lg px-6 py-3 rounded-full font-bold",
+            add: "bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white w-full sm:w-auto rounded-lg font-medium py-3",
+            "chat-toggle": "hidden sm:flex absolute right-0 top-1/2 -translate-y-1/2 p-2 w-10 h-10 bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 transition-colors",
+            "chat-submit": "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 disabled:bg-gray-600 px-4 py-2 rounded-md font-semibold",
+            "external-link": "bg-blue-600 text-white px-3 py-1 sm:px-4 sm:py-2 rounded-lg text-sm sm:text-base hover:bg-blue-700 focus:ring-blue-500",
+            retry: "bg-blue-600 text-white px-3 py-1 rounded-lg hover:bg-blue-700 focus:ring-blue-500",
+            reset: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500 rounded-lg",
+            "cancel-outline": "border border-gray-600 text-gray-300 hover:bg-gray-700/50 focus:ring-gray-600 rounded-lg",
+            confirm: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500 rounded-lg",
+            submit: "w-full bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white font-medium py-3 rounded-lg transition-all duration-300 disabled:cursor-not-allowed",
+            "contact-submit": "w-full bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white font-semibold py-4 px-10 rounded-2xl text-lg tracking-wide transition-all duration-300 disabled:bg-gray-400/80 disabled:cursor-not-allowed shadow-lg hover:shadow-xl",
+            "edit-toggle": "bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white font-medium rounded-lg",
+            "form-submit": "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 disabled:bg-gray-600 w-full sm:w-auto min-w-[80px] text-base min-h-[2.5rem] rounded-lg font-semibold",
+            filter: "bg-blue-200 text-blue-900 hover:bg-blue-300 focus:ring-blue-500 px-4 py-2 sm:px-6 sm:py-3 rounded-[1.5rem] text-base sm:text-lg font-medium transition-all duration-300",
+            "filter-active": "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 focus:ring-blue-500 px-4 py-2 sm:px-6 sm:py-3 rounded-[1.5rem] text-base sm:text-lg font-medium transition-all duration-300",
+            "filter-blue-active": "bg-blue-500 text-white hover:bg-blue-600 focus:ring-blue-500 px-4 py-2 sm:px-6 sm:py-3 rounded-md text-base sm:text-lg font-medium transition-all duration-300",
+            hero: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 focus:ring-blue-500 text-lg px-8 py-3 rounded-lg font-bold shadow-lg hover:shadow-xl transition-all duration-300",
+            readMore: "bg-transparent border-2 border-blue-500 text-blue-500 hover:bg-blue-500/10 focus:ring-blue-500 text-lg px-6 py-2 rounded-lg font-semibold transition-all duration-300",
+            scrollToTop: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 focus:ring-blue-500 rounded-full shadow-xl transition-all duration-200 transform hover:scale-105",
+            phone: "bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 focus:ring-blue-500 rounded-full shadow-xl transition-all duration-200 transform hover:scale-105",
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            sm: "h-9 px-4 py-2",
+            lg: "h-11 px-8",
+            icon: "h-10 w-10",
+            close: "h-12 w-12 p-3",
+            hero: "h-12 px-10 py-4",
+            readMore: "h-11 px-6 py-2",
+            bubble: "h-12 w-12 md:h-16 md:w-16 p-4 md:p-6",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+var Button = React.forwardRef(function (_a, ref) {
+    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    var Comp = asChild ? Slot : "button";
+    return (<Comp className={cn(buttonVariants({ variant: variant, size: size, className: className }))} ref={ref} {...props}/>);
+});
+Button.displayName = "Button";
+var EditIconButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "icon" : _b, _c = _a.variant, variant = _c === void 0 ? "edit-icon" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("absolute top-1 right-12", className)} ref={ref} aria-label="Edit image" {...props}>
+        {children || <Edit className="h-5 w-5"/>}
+      </Button>);
+});
+EditIconButton.displayName = "EditIconButton";
+var CreateButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.children, children = _c === void 0 ? "Create" : _c, props = __rest(_a, ["className", "size", "children"]);
+    return (<Button variant="create" size={size} className={cn(className)} ref={ref} aria-label="Create new item" {...props}>
+        {children}
+      </Button>);
+});
+CreateButton.displayName = "CreateButton";
+var UploadButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "lg" : _b, _c = _a.children, children = _c === void 0 ? "Upload" : _c, props = __rest(_a, ["className", "size", "children"]);
+    return (<Button variant="upload" size={size} className={cn(className)} ref={ref} aria-label="Upload file" {...props}>
+        {children}
+      </Button>);
+});
+UploadButton.displayName = "UploadButton";
+var UpdateButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "update" : _c, _d = _a.children, children = _d === void 0 ? "Update" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Update item" {...props}>
+        {children}
+      </Button>);
+});
+UpdateButton.displayName = "UpdateButton";
+var CancelButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "cancel" : _c, _d = _a.children, children = _d === void 0 ? "Cancel" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Cancel action" {...props}>
+        {children}
+      </Button>);
+});
+CancelButton.displayName = "CancelButton";
+var CloseButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "close" : _b, _c = _a.variant, variant = _c === void 0 ? "close" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Close modal" {...props}>
+        {children}
+      </Button>);
+});
+CloseButton.displayName = "CloseButton";
+var ToggleButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "lg" : _b, _c = _a.variant, variant = _c === void 0 ? "toggle" : _c, _d = _a.children, children = _d === void 0 ? "Toggle" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Toggle content visibility" {...props}>
+        {children}
+      </Button>);
+});
+ToggleButton.displayName = "ToggleButton";
+var DeleteButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "delete" : _c, _d = _a.children, children = _d === void 0 ? "Delete" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Delete item" {...props}>
+        {children}
+      </Button>);
+});
+DeleteButton.displayName = "DeleteButton";
+var TrashIconButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "icon" : _b, _c = _a.variant, variant = _c === void 0 ? "trash-icon" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("absolute top-1 right-1", className)} ref={ref} aria-label="Delete image" {...props}>
+        {children || <Trash2 className="h-5 w-5"/>}
+      </Button>);
+});
+TrashIconButton.displayName = "TrashIconButton";
+var DeleteIconButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "delete-icon" : _c, _d = _a.children, children = _d === void 0 ? "✕" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("absolute top-1 right-1", className)} ref={ref} aria-label="Delete item" {...props}>
+        {children}
+      </Button>);
+});
+DeleteIconButton.displayName = "DeleteIconButton";
+var ActionButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "lg" : _b, _c = _a.children, children = _c === void 0 ? "Action" : _c, props = __rest(_a, ["className", "size", "children"]);
+    return (<Button variant="action" size={size} className={cn(className)} ref={ref} aria-label="Perform action" {...props}>
+        {children}
+      </Button>);
+});
+ActionButton.displayName = "ActionButton";
+var AddButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.children, children = _c === void 0 ? "Add" : _c, props = __rest(_a, ["className", "size", "children"]);
+    return (<Button variant="add" size={size} className={cn(className)} ref={ref} aria-label="Add new item" {...props}>
+        {children}
+      </Button>);
+});
+AddButton.displayName = "AddButton";
+var ChatToggleButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "icon" : _b, _c = _a.variant, variant = _c === void 0 ? "chat-toggle" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Toggle chatbot" {...props}>
+        {children}
+      </Button>);
+});
+ChatToggleButton.displayName = "ChatToggleButton";
+var ChatSubmitButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "chat-submit" : _c, _d = _a.children, children = _d === void 0 ? "Submit" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Submit chat message" {...props}>
+        {children}
+      </Button>);
+});
+ChatSubmitButton.displayName = "ChatSubmitButton";
+var RetryButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "retry" : _c, _d = _a.children, children = _d === void 0 ? "Retry" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Retry action" {...props}>
+        {children}
+      </Button>);
+});
+RetryButton.displayName = "RetryButton";
+var ResetButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "reset" : _c, _d = _a.children, children = _d === void 0 ? "Reset" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Reset credits" {...props}>
+        {children}
+      </Button>);
+});
+ResetButton.displayName = "ResetButton";
+var ConfirmButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "confirm" : _c, _d = _a.children, children = _d === void 0 ? "Confirm" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Confirm action" {...props}>
+        {children}
+      </Button>);
+});
+ConfirmButton.displayName = "ConfirmButton";
+var SubmitButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "form-submit" : _c, _d = _a.children, children = _d === void 0 ? "Submit" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Submit form" {...props}>
+        {children}
+      </Button>);
+});
+SubmitButton.displayName = "SubmitButton";
+var ContactSubmitButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "contact-submit" : _c, _d = _a.children, children = _d === void 0 ? "Send Message" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Submit contact form" {...props}>
+        {children}
+      </Button>);
+});
+ContactSubmitButton.displayName = "ContactSubmitButton";
+var ExternalLinkButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "default" : _b, _c = _a.variant, variant = _c === void 0 ? "external-link" : _c, _d = _a.children, children = _d === void 0 ? "Open Link" : _d, _e = _a.asChild, asChild = _e === void 0 ? true : _e, props = __rest(_a, ["className", "size", "variant", "children", "asChild"]);
+    return (<Button variant={variant} size={size} className={cn(className)} asChild={asChild} ref={ref} aria-label="Open external link" {...props}>
+        {children}
+      </Button>);
+});
+ExternalLinkButton.displayName = "ExternalLinkButton";
+var BackButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "submit" : _c, _d = _a.children, children = _d === void 0 ? "Back" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("flex items-center gap-2", className)} ref={ref} aria-label="Navigate back" {...props}>
+        {children}
+      </Button>);
+});
+BackButton.displayName = "BackButton";
+var EditToggleButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "edit-toggle" : _c, _d = _a.children, children = _d === void 0 ? "Edit" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Toggle edit mode" {...props}>
+        {children}
+      </Button>);
+});
+EditToggleButton.displayName = "EditToggleButton";
+var NextButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "update" : _c, _d = _a.children, children = _d === void 0 ? "Next" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Next step" {...props}>
+        {children}
+      </Button>);
+});
+NextButton.displayName = "NextButton";
+var PrevButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "update" : _c, _d = _a.children, children = _d === void 0 ? "Previous" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("flex items-center gap-2", className)} ref={ref} aria-label="Previous step" {...props}>
+        {children}
+      </Button>);
+});
+PrevButton.displayName = "PrevButton";
+var HeroButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "hero" : _b, _c = _a.variant, variant = _c === void 0 ? "hero" : _c, _d = _a.children, children = _d === void 0 ? "Get Started" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Hero section call to action" {...props}>
+        {children}
+      </Button>);
+});
+HeroButton.displayName = "HeroButton";
+var ReadMoreButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "readMore" : _b, _c = _a.variant, variant = _c === void 0 ? "readMore" : _c, _d = _a.children, children = _d === void 0 ? "Read More" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Show more content" {...props}>
+        {children}
+      </Button>);
+});
+ReadMoreButton.displayName = "ReadMoreButton";
+var FilterButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.useBlueActive, useBlueActive = _c === void 0 ? false : _c, children = _a.children, props = __rest(_a, ["className", "isActive", "useBlueActive", "children"]);
+    return (<Button variant={isActive ? (useBlueActive ? "filter-blue-active" : "filter-active") : "filter"} className={cn(className)} ref={ref} aria-label={"Filter by ".concat(children)} {...props}>
+        {children}
+      </Button>);
+});
+FilterButton.displayName = "FilterButton";
+var SignInButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "action" : _c, _d = _a.children, children = _d === void 0 ? "Login" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("flex items-center gap-2", className)} ref={ref} aria-label="Login" {...props}>
+        <LogIn className="h-4 w-4 sm:h-5 sm:w-5"/>
+        {children}
+      </Button>);
+});
+SignInButton.displayName = "SignInButton";
+var SignUpButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "action" : _c, _d = _a.children, children = _d === void 0 ? "Sign Up" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("flex items-center gap-2", className)} ref={ref} aria-label="Sign Up" {...props}>
+        <UserPlus className="h-4 w-4 sm:h-5 sm:w-5"/>
+        {children}
+      </Button>);
+});
+SignUpButton.displayName = "SignUpButton";
+var SettingsButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "action" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("flex items-center gap-2", className)} ref={ref} aria-label="Admin Menu" {...props}>
+        <Settings className="h-4 w-4 sm:h-5 sm:w-5"/>
+        {children}
+      </Button>);
+});
+SettingsButton.displayName = "SettingsButton";
+var SignOutButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.variant, variant = _c === void 0 ? "action" : _c, _d = _a.children, children = _d === void 0 ? "Logout" : _d, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn("flex items-center gap-2", className)} ref={ref} aria-label="Logout" {...props}>
+        <LogOut className="h-4 w-4 sm:h-5 sm:w-5"/>
+        {children}
+      </Button>);
+});
+SignOutButton.displayName = "SignOutButton";
+var ScrollToTopButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "bubble" : _b, _c = _a.variant, variant = _c === void 0 ? "scrollToTop" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Scroll to top" {...props}>
+        {children || <ArrowUp className="h-6 w-6 stroke-2 md:stroke-[3]"/>}
+      </Button>);
+});
+ScrollToTopButton.displayName = "ScrollToTopButton";
+var PhoneButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.size, size = _b === void 0 ? "bubble" : _b, _c = _a.variant, variant = _c === void 0 ? "phone" : _c, children = _a.children, props = __rest(_a, ["className", "size", "variant", "children"]);
+    return (<Button variant={variant} size={size} className={cn(className)} ref={ref} aria-label="Call us" {...props}>
+        {children || <Phone className="h-6 w-6 stroke-2 md:stroke-[3] rotate-12"/>}
+      </Button>);
+});
+PhoneButton.displayName = "PhoneButton";
+export { Button, EditIconButton, CreateButton, UploadButton, UpdateButton, CancelButton, CloseButton, ToggleButton, DeleteButton, TrashIconButton, DeleteIconButton, ActionButton, AddButton, ChatToggleButton, ChatSubmitButton, RetryButton, ResetButton, ConfirmButton, SubmitButton, ContactSubmitButton, ExternalLinkButton, BackButton, EditToggleButton, NextButton, PrevButton, HeroButton, ReadMoreButton, FilterButton, SignInButton, SignUpButton, SettingsButton, SignOutButton, ScrollToTopButton, PhoneButton, buttonVariants, };

package/dist/components/other/calendar.jsx

@@ -0,0 +1,43 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { DayPicker } from 'react-day-picker';
+import { cn } from '@/lib/utils';
+import { buttonVariants } from '@/components/other/button';
+function Calendar(_a) {
+    var className = _a.className, classNames = _a.classNames, _b = _a.showOutsideDays, showOutsideDays = _b === void 0 ? true : _b, props = __rest(_a, ["className", "classNames", "showOutsideDays"]);
+    return (<DayPicker showOutsideDays={showOutsideDays} className={cn('p-3', className)} classNames={__assign({ months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0', month: 'space-y-4', caption: 'flex justify-center pt-1 relative items-center', caption_label: 'text-sm font-medium', nav: 'space-x-1 flex items-center', nav_button: cn(buttonVariants({ variant: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'), nav_button_previous: 'absolute left-1', nav_button_next: 'absolute right-1', table: 'w-full border-collapse space-y-1', head_row: 'flex', head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]', row: 'flex w-full mt-2', cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20', day: cn(buttonVariants({ variant: 'ghost' }), 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'), day_range_end: 'day-range-end', day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground', day_today: 'bg-accent text-accent-foreground', day_outside: 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30', day_disabled: 'text-muted-foreground opacity-50', day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground', day_hidden: 'invisible' }, classNames)} components={{
+            IconLeft: function (_a) {
+                var props = __rest(_a, []);
+                return <ChevronLeft className="h-4 w-4"/>;
+            },
+            IconRight: function (_a) {
+                var props = __rest(_a, []);
+                return <ChevronRight className="h-4 w-4"/>;
+            },
+        }} {...props}/>);
+}
+Calendar.displayName = 'Calendar';
+export { Calendar };

package/dist/components/other/card.jsx

@@ -0,0 +1,44 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+var Card = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<div ref={ref} className={cn('rounded-lg border bg-card text-card-foreground shadow-sm', className)} {...props}/>);
+});
+Card.displayName = 'Card';
+var CardHeader = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<div ref={ref} className={cn('flex flex-col space-y-1.5 p-6', className)} {...props}/>);
+});
+CardHeader.displayName = 'CardHeader';
+var CardTitle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<h3 ref={ref} className={cn('text-2xl font-semibold leading-none tracking-tight', className)} {...props}/>);
+});
+CardTitle.displayName = 'CardTitle';
+var CardDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<p ref={ref} className={cn('text-sm text-muted-foreground', className)} {...props}/>);
+});
+CardDescription.displayName = 'CardDescription';
+var CardContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<div ref={ref} className={cn('p-6 pt-0', className)} {...props}/>);
+});
+CardContent.displayName = 'CardContent';
+var CardFooter = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (<div ref={ref} className={cn('flex items-center p-6 pt-0', className)} {...props}/>);
+});
+CardFooter.displayName = 'CardFooter';
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };

package/dist/components/other/carousel.jsx

@@ -0,0 +1,140 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+import Image from 'next/image';
+import { cn } from '@/lib/utils';
+import { PrevButton, NextButton } from '@/components/other/button';
+var CarouselContext = React.createContext(null);
+function useCarousel() {
+    var context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error('useCarousel must be used within a <Carousel />');
+    }
+    return context;
+}
+var Carousel = React.forwardRef(function (_a, ref) {
+    var _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, opts = _a.opts, setApi = _a.setApi, plugins = _a.plugins, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
+    var _c = useEmblaCarousel(__assign(__assign({}, opts), { axis: orientation === 'horizontal' ? 'x' : 'y' }), plugins), carouselRef = _c[0], api = _c[1];
+    var _d = React.useState(false), canScrollPrev = _d[0], setCanScrollPrev = _d[1];
+    var _e = React.useState(false), canScrollNext = _e[0], setCanScrollNext = _e[1];
+    var onSelect = React.useCallback(function (api) {
+        if (!api) {
+            return;
+        }
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    var scrollPrev = React.useCallback(function () {
+        api === null || api === void 0 ? void 0 : api.scrollPrev();
+    }, [api]);
+    var scrollNext = React.useCallback(function () {
+        api === null || api === void 0 ? void 0 : api.scrollNext();
+    }, [api]);
+    var handleKeyDown = React.useCallback(function (event) {
+        if (event.key === 'ArrowLeft') {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === 'ArrowRight') {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(function () {
+        if (!api || !setApi) {
+            return;
+        }
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(function () {
+        if (!api) {
+            return;
+        }
+        onSelect(api);
+        api.on('reInit', onSelect);
+        api.on('select', onSelect);
+        return function () {
+            api === null || api === void 0 ? void 0 : api.off('select', onSelect);
+        };
+    }, [api, onSelect]);
+    return (<CarouselContext.Provider value={{
+            carouselRef: carouselRef,
+            api: api,
+            opts: opts,
+            orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === 'y' ? 'vertical' : 'horizontal'),
+            scrollPrev: scrollPrev,
+            scrollNext: scrollNext,
+            canScrollPrev: canScrollPrev,
+            canScrollNext: canScrollNext,
+        }}>
+        <div ref={ref} onKeyDownCapture={handleKeyDown} className={cn('relative', className)} role="region" aria-roledescription="carousel" {...props}>
+          {children}
+        </div>
+      </CarouselContext.Provider>);
+});
+Carousel.displayName = 'Carousel';
+var CarouselContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _b = useCarousel(), carouselRef = _b.carouselRef, orientation = _b.orientation;
+    return (<div ref={carouselRef} className="overflow-hidden">
+      <div ref={ref} className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)} {...props}/>
+    </div>);
+});
+CarouselContent.displayName = 'CarouselContent';
+var CarouselItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, imageUrl = _a.imageUrl, props = __rest(_a, ["className", "imageUrl"]);
+    var orientation = useCarousel().orientation;
+    return (<div ref={ref} role="group" aria-roledescription="slide" className={cn('min-w-0 shrink-0 grow-0 basis-full', orientation === 'horizontal' ? 'pl-4' : 'pt-4', className)} {...props}>
+        {imageUrl && (<div className="relative w-full h-48 mb-4">
+            <Image src={imageUrl} alt="Carousel slide image" fill className="object-cover rounded-lg" priority={false} sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"/>
+          </div>)}
+        {props.children}
+      </div>);
+});
+CarouselItem.displayName = 'CarouselItem';
+var CarouselPrevious = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _b = useCarousel(), orientation = _b.orientation, scrollPrev = _b.scrollPrev, canScrollPrev = _b.canScrollPrev;
+    return (<PrevButton ref={ref} className={cn('border border-gray-300 bg-transparent hover:bg-gray-100 text-gray-700 hover:text-gray-900 h-8 w-8 rounded-full', orientation === 'horizontal'
+            ? '-left-12 top-1/2 -translate-y-1/2'
+            : '-top-12 left-1/2 -translate-x-1/2 rotate-90', className)} disabled={!canScrollPrev} onClick={scrollPrev} {...props}>
+      <ArrowLeft className="h-4 w-4"/>
+      <span className="sr-only">Previous slide</span>
+    </PrevButton>);
+});
+CarouselPrevious.displayName = 'CarouselPrevious';
+var CarouselNext = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    var _b = useCarousel(), orientation = _b.orientation, scrollNext = _b.scrollNext, canScrollNext = _b.canScrollNext;
+    return (<NextButton ref={ref} className={cn('border border-gray-300 bg-transparent hover:bg-gray-100 text-gray-700 hover:text-gray-900 h-8 w-8 rounded-full', orientation === 'horizontal'
+            ? '-right-12 top-1/2 -translate-y-1/2'
+            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90', className)} disabled={!canScrollNext} onClick={scrollNext} {...props}>
+      <ArrowRight className="h-4 w-4"/>
+      <span className="sr-only">Next slide</span>
+    </NextButton>);
+});
+CarouselNext.displayName = 'CarouselNext';
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };