@a2v2ai/uikit 0.0.29 → 0.0.31

package/Calendar/Calendar.js

@@ -1,114 +1,78 @@
-"use strict";
 "use client";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Calendar = Calendar;
-exports.CalendarDayButton = CalendarDayButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const react_day_picker_1 = require("react-day-picker");
-const utils_1 = require("../lib/utils");
-const Button_1 = require("../Button/Button");
-const Typography_1 = require("../Typography/Typography");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
+import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn } from "../lib/utils";
+import { Button, buttonVariants } from "../Button/Button";
+import { Typography } from "../Typography/Typography";
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, error, ...props }) {
-    const defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col w-fit", children: [(0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { showOutsideDays: showOutsideDays, className: (0, utils_1.cn)("bg-white group/calendar p-3 rounded-lg border", error ? "border-error-500" : "border-grey-200", className), captionLayout: captionLayout, formatters: {
+    const defaultClassNames = getDefaultClassNames();
+    return (_jsxs("div", { className: "flex flex-col w-fit", children: [_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-white group/calendar p-3 rounded-lg border", error ? "border-error-500" : "border-grey-200", className), captionLayout: captionLayout, formatters: {
                     formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
                     ...formatters,
                 }, classNames: {
-                    root: (0, utils_1.cn)("w-fit", defaultClassNames.root),
-                    months: (0, utils_1.cn)("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
-                    month: (0, utils_1.cn)("flex flex-col w-full gap-4", defaultClassNames.month),
-                    nav: (0, utils_1.cn)("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
-                    button_previous: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: buttonVariant, size: "small" }), "size-8 aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
-                    button_next: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: buttonVariant, size: "small" }), "size-8 aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
-                    month_caption: (0, utils_1.cn)("flex items-center justify-center h-8 w-full px-8", defaultClassNames.month_caption),
-                    dropdowns: (0, utils_1.cn)("w-full flex items-center text-sm font-medium justify-center h-8 gap-1.5", defaultClassNames.dropdowns),
-                    dropdown_root: (0, utils_1.cn)("relative has-focus:border-grey-400 border border-grey-300 shadow-xs has-focus:ring-grey-300/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
-                    dropdown: (0, utils_1.cn)("absolute bg-white inset-0 opacity-0", defaultClassNames.dropdown),
-                    caption_label: (0, utils_1.cn)("select-none font-medium text-main-900", captionLayout === "label"
+                    root: cn("w-fit", defaultClassNames.root),
+                    months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+                    month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+                    nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+                    button_previous: cn(buttonVariants({ variant: buttonVariant, size: "small" }), "size-8 aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+                    button_next: cn(buttonVariants({ variant: buttonVariant, size: "small" }), "size-8 aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+                    month_caption: cn("flex items-center justify-center h-8 w-full px-8", defaultClassNames.month_caption),
+                    dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-8 gap-1.5", defaultClassNames.dropdowns),
+                    dropdown_root: cn("relative has-focus:border-grey-400 border border-grey-300 shadow-xs has-focus:ring-grey-300/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+                    dropdown: cn("absolute bg-white inset-0 opacity-0", defaultClassNames.dropdown),
+                    caption_label: cn("select-none font-medium text-main-900", captionLayout === "label"
                         ? "text-sm"
                         : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-main-400 [&>svg]:size-3.5", defaultClassNames.caption_label),
                     table: "w-full border-collapse",
-                    weekdays: (0, utils_1.cn)("flex", defaultClassNames.weekdays),
-                    weekday: (0, utils_1.cn)("text-main-500 rounded-md flex-1 font-normal text-[0.8rem] select-none w-8 h-8 flex items-center justify-center", defaultClassNames.weekday),
-                    week: (0, utils_1.cn)("flex w-full mt-2", defaultClassNames.week),
-                    week_number_header: (0, utils_1.cn)("select-none w-8", defaultClassNames.week_number_header),
-                    week_number: (0, utils_1.cn)("text-[0.8rem] select-none text-main-400", defaultClassNames.week_number),
-                    day: (0, utils_1.cn)("relative w-8 h-8 p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day select-none", props.showWeekNumber
+                    weekdays: cn("flex", defaultClassNames.weekdays),
+                    weekday: cn("text-main-500 rounded-md flex-1 font-normal text-[0.8rem] select-none w-8 h-8 flex items-center justify-center", defaultClassNames.weekday),
+                    week: cn("flex w-full mt-2", defaultClassNames.week),
+                    week_number_header: cn("select-none w-8", defaultClassNames.week_number_header),
+                    week_number: cn("text-[0.8rem] select-none text-main-400", defaultClassNames.week_number),
+                    day: cn("relative w-8 h-8 p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day select-none", props.showWeekNumber
                         ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md"
                         : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day),
-                    range_start: (0, utils_1.cn)("rounded-l-md bg-main-100", defaultClassNames.range_start),
-                    range_middle: (0, utils_1.cn)("rounded-none", defaultClassNames.range_middle),
-                    range_end: (0, utils_1.cn)("rounded-r-md bg-main-100", defaultClassNames.range_end),
-                    today: (0, utils_1.cn)("bg-main-100 text-main-900 rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
-                    outside: (0, utils_1.cn)("text-main-300 aria-selected:text-main-400", defaultClassNames.outside),
-                    disabled: (0, utils_1.cn)("text-main-300 opacity-50", defaultClassNames.disabled),
-                    hidden: (0, utils_1.cn)("invisible", defaultClassNames.hidden),
+                    range_start: cn("rounded-l-md bg-main-100", defaultClassNames.range_start),
+                    range_middle: cn("rounded-none", defaultClassNames.range_middle),
+                    range_end: cn("rounded-r-md bg-main-100", defaultClassNames.range_end),
+                    today: cn("bg-main-100 text-main-900 rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+                    outside: cn("text-main-300 aria-selected:text-main-400", defaultClassNames.outside),
+                    disabled: cn("text-main-300 opacity-50", defaultClassNames.disabled),
+                    hidden: cn("invisible", defaultClassNames.hidden),
                     ...classNames,
                 }, components: {
                     Root: ({ className, rootRef, ...props }) => {
-                        return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "calendar", ref: rootRef, className: (0, utils_1.cn)(className), ...props }));
+                        return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
                     },
                     Chevron: ({ className, orientation, ...props }) => {
                         if (orientation === "left") {
-                            return ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeftIcon, { className: (0, utils_1.cn)("size-4", className), ...props }));
+                            return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
                         }
                         if (orientation === "right") {
-                            return ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightIcon, { className: (0, utils_1.cn)("size-4", className), ...props }));
+                            return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
                         }
-                        return ((0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: (0, utils_1.cn)("size-4", className), ...props }));
+                        return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
                     },
                     DayButton: CalendarDayButton,
                     WeekNumber: ({ children, ...props }) => {
-                        return ((0, jsx_runtime_1.jsx)("td", { ...props, children: (0, jsx_runtime_1.jsx)("div", { className: "flex size-8 items-center justify-center text-center", children: children }) }));
+                        return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-8 items-center justify-center text-center", children: children }) }));
                     },
                     ...components,
-                }, ...props }), error && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
+                }, ...props }), error && (_jsx(Typography, { variant: "caption", color: "error-600", className: "mt-1", children: error }))] }));
 }
 function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
+    const defaultClassNames = getDefaultClassNames();
     const ref = React.useRef(null);
     React.useEffect(() => {
         if (modifiers.focused)
             ref.current?.focus();
     }, [modifiers.focused]);
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: ref, variant: "ghost", size: "small", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+    return (_jsx(Button, { ref: ref, variant: "ghost", size: "small", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
             !modifiers.range_start &&
             !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: (0, utils_1.cn)("size-8 p-0 font-normal", "data-[selected-single=true]:bg-main-900 data-[selected-single=true]:text-white", "data-[range-middle=true]:bg-main-100 data-[range-middle=true]:text-main-900", "data-[range-start=true]:bg-main-900 data-[range-start=true]:text-white", "data-[range-end=true]:bg-main-900 data-[range-end=true]:text-white", "group-data-[focused=true]/day:border-grey-400 group-data-[focused=true]/day:ring-grey-300/50", "hover:bg-main-100 hover:text-main-900", "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px]", "data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md", "data-[range-middle=true]:rounded-none", "data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md", defaultClassNames.day, className), ...props }));
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("size-8 p-0 font-normal", "data-[selected-single=true]:bg-main-900 data-[selected-single=true]:text-white", "data-[range-middle=true]:bg-main-100 data-[range-middle=true]:text-main-900", "data-[range-start=true]:bg-main-900 data-[range-start=true]:text-white", "data-[range-end=true]:bg-main-900 data-[range-end=true]:text-white", "group-data-[focused=true]/day:border-grey-400 group-data-[focused=true]/day:ring-grey-300/50", "hover:bg-main-100 hover:text-main-900", "group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px]", "data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md", "data-[range-middle=true]:rounded-none", "data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md", defaultClassNames.day, className), ...props }));
 }
 Calendar.displayName = "Calendar";
+export { Calendar, CalendarDayButton };

package/Card/Card.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 type CardVariant = "default" | "outline";
 declare const cardVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: CardVariant;
 }

package/Card/Card.js

@@ -1,44 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardVariants = exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../lib/utils");
-const cardVariants = (0, class_variance_authority_1.cva)("rounded-xl border bg-white text-main-950 shadow-sm", {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const cardVariants = cva("rounded-xl border bg-white text-main-950 shadow-sm", {
     variants: {
         variant: {
             default: "border-grey-200",
@@ -49,22 +13,16 @@ const cardVariants = (0, class_variance_authority_1.cva)("rounded-xl border bg-w
         variant: "default",
     },
 });
-exports.cardVariants = cardVariants;
-const Card = React.forwardRef(({ className, variant, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)(cardVariants({ variant }), className), ...props })));
-exports.Card = Card;
+const Card = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(cardVariants({ variant }), className), ...props })));
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("flex flex-col space-y-1.5 p-6", className), ...props })));
-exports.CardHeader = CardHeader;
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("font-semibold leading-none tracking-tight", className), ...props })));
-exports.CardTitle = CardTitle;
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("font-semibold leading-none tracking-tight", className), ...props })));
 CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("text-sm text-grey-500", className), ...props })));
-exports.CardDescription = CardDescription;
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("text-sm text-grey-500", className), ...props })));
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("p-6 pt-0", className), ...props })));
-exports.CardContent = CardContent;
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
 CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("flex items-center p-6 pt-0", className), ...props })));
-exports.CardFooter = CardFooter;
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
 CardFooter.displayName = "CardFooter";
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants };

package/Carousel/Carousel.d.ts

@@ -16,13 +16,13 @@ type CarouselContextProps = {
 declare function useCarousel(): CarouselContextProps;
 declare const carouselVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const carouselContentVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const carouselItemVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface CarouselProps {
     opts?: CarouselOptions;
     plugins?: CarouselPlugin;
@@ -32,6 +32,6 @@ interface CarouselProps {
 declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("../Button/Button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("../Button/Button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, carouselVariants, carouselContentVariants, carouselItemVariants, useCarousel, type CarouselApi, type CarouselProps, type CarouselOptions, type CarouselPlugin, type CarouselOrientation, };

package/Carousel/Carousel.js

@@ -1,50 +1,10 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.carouselItemVariants = exports.carouselContentVariants = exports.carouselVariants = exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = void 0;
-exports.useCarousel = useCarousel;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const embla_carousel_react_1 = __importDefault(require("embla-carousel-react"));
-const class_variance_authority_1 = require("class-variance-authority");
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../lib/utils");
-const Button_1 = require("../Button/Button");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import useEmblaCarousel, {} from "embla-carousel-react";
+import { cva } from "class-variance-authority";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import { cn } from "../lib/utils";
+import { Button } from "../Button/Button";
 const CarouselContext = React.createContext(null);
 function useCarousel() {
     const context = React.useContext(CarouselContext);
@@ -53,7 +13,7 @@ function useCarousel() {
     }
     return context;
 }
-const carouselVariants = (0, class_variance_authority_1.cva)("relative", {
+const carouselVariants = cva("relative", {
     variants: {
         orientation: {
             horizontal: "",
@@ -64,8 +24,7 @@ const carouselVariants = (0, class_variance_authority_1.cva)("relative", {
         orientation: "horizontal",
     },
 });
-exports.carouselVariants = carouselVariants;
-const carouselContentVariants = (0, class_variance_authority_1.cva)("flex", {
+const carouselContentVariants = cva("flex", {
     variants: {
         orientation: {
             horizontal: "-ml-4",
@@ -76,8 +35,7 @@ const carouselContentVariants = (0, class_variance_authority_1.cva)("flex", {
         orientation: "horizontal",
     },
 });
-exports.carouselContentVariants = carouselContentVariants;
-const carouselItemVariants = (0, class_variance_authority_1.cva)("min-w-0 shrink-0 grow-0 basis-full", {
+const carouselItemVariants = cva("min-w-0 shrink-0 grow-0 basis-full", {
     variants: {
         orientation: {
             horizontal: "pl-4",
@@ -88,9 +46,8 @@ const carouselItemVariants = (0, class_variance_authority_1.cva)("min-w-0 shrink
         orientation: "horizontal",
     },
 });
-exports.carouselItemVariants = carouselItemVariants;
 const Carousel = React.forwardRef(({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }, ref) => {
-    const [carouselRef, api] = (0, embla_carousel_react_1.default)({
+    const [carouselRef, api] = useEmblaCarousel({
         ...opts,
         axis: orientation === "horizontal" ? "x" : "y",
     }, plugins);
@@ -136,7 +93,7 @@ const Carousel = React.forwardRef(({ orientation = "horizontal", opts, setApi, p
             api?.off("select", onSelect);
         };
     }, [api, onSelect]);
-    return ((0, jsx_runtime_1.jsx)(CarouselContext.Provider, { value: {
+    return (_jsx(CarouselContext.Provider, { value: {
             carouselRef,
             api: api,
             opts,
@@ -145,35 +102,31 @@ const Carousel = React.forwardRef(({ orientation = "horizontal", opts, setApi, p
             scrollNext,
             canScrollPrev,
             canScrollNext,
-        }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: (0, utils_1.cn)(carouselVariants({ orientation }), className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
+        }, children: _jsx("div", { ref: ref, onKeyDownCapture: handleKeyDown, className: cn(carouselVariants({ orientation }), className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
 });
-exports.Carousel = Carousel;
 Carousel.displayName = "Carousel";
 const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
     const { carouselRef, orientation } = useCarousel();
-    return ((0, jsx_runtime_1.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)(carouselContentVariants({ orientation }), className), ...props }) }));
+    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", children: _jsx("div", { ref: ref, className: cn(carouselContentVariants({ orientation }), className), ...props }) }));
 });
-exports.CarouselContent = CarouselContent;
 CarouselContent.displayName = "CarouselContent";
 const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
     const { orientation } = useCarousel();
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: (0, utils_1.cn)(carouselItemVariants({ orientation }), className), ...props }));
+    return (_jsx("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: cn(carouselItemVariants({ orientation }), className), ...props }));
 });
-exports.CarouselItem = CarouselItem;
 CarouselItem.displayName = "CarouselItem";
 const CarouselPrevious = React.forwardRef(({ className, variant = "outline", size = "small", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { ref: ref, variant: variant, size: size, roundness: "round", className: (0, utils_1.cn)("absolute h-8 w-8 p-0", orientation === "horizontal"
+    return (_jsxs(Button, { ref: ref, variant: variant, size: size, roundness: "round", className: cn("absolute h-8 w-8 p-0", 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, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Previous slide" })] }));
+            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
 });
-exports.CarouselPrevious = CarouselPrevious;
 CarouselPrevious.displayName = "CarouselPrevious";
 const CarouselNext = React.forwardRef(({ className, variant = "outline", size = "small", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return ((0, jsx_runtime_1.jsxs)(Button_1.Button, { ref: ref, variant: variant, size: size, roundness: "round", className: (0, utils_1.cn)("absolute h-8 w-8 p-0", orientation === "horizontal"
+    return (_jsxs(Button, { ref: ref, variant: variant, size: size, roundness: "round", className: cn("absolute h-8 w-8 p-0", 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, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Next slide" })] }));
+            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
 });
-exports.CarouselNext = CarouselNext;
 CarouselNext.displayName = "CarouselNext";
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, carouselVariants, carouselContentVariants, carouselItemVariants, useCarousel, };

package/ChatBubble/ChatBubble.d.ts

@@ -5,13 +5,13 @@ type ChatBubbleTheme = "dark" | "light";
 type ChatBubbleSize = "small" | "medium" | "large" | "xlarge";
 declare const chatBubbleVariants: (props?: ({
     side?: "left" | "right" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const bubbleContentVariants: (props?: ({
     color?: "blue" | "grey" | "green" | null | undefined;
     theme?: "dark" | "light" | null | undefined;
     side?: "left" | "right" | null | undefined;
     size?: "small" | "large" | "xlarge" | "medium" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
     /** The side of the chat bubble (left for received, right for sent) */
     side?: ChatBubbleSide;

package/ChatBubble/ChatBubble.js

@@ -1,44 +1,8 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bubbleContentVariants = exports.chatBubbleVariants = exports.ChatBubble = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../lib/utils");
-const chatBubbleVariants = (0, class_variance_authority_1.cva)("flex flex-col gap-1.5 w-full", {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const chatBubbleVariants = cva("flex flex-col gap-1.5 w-full", {
     variants: {
         side: {
             left: "items-start",
@@ -49,8 +13,7 @@ const chatBubbleVariants = (0, class_variance_authority_1.cva)("flex flex-col ga
         side: "left",
     },
 });
-exports.chatBubbleVariants = chatBubbleVariants;
-const bubbleContentVariants = (0, class_variance_authority_1.cva)("px-4 py-3 leading-normal max-w-[85%]", {
+const bubbleContentVariants = cva("px-4 py-3 leading-normal max-w-[85%]", {
     variants: {
         color: {
             blue: "bg-blue-500",
@@ -114,8 +77,7 @@ const bubbleContentVariants = (0, class_variance_authority_1.cva)("px-4 py-3 lea
         size: "small",
     },
 });
-exports.bubbleContentVariants = bubbleContentVariants;
-const labelVariants = (0, class_variance_authority_1.cva)("text-sm text-neutral-400 mb-0.5", {
+const labelVariants = cva("text-sm text-neutral-400 mb-0.5", {
     variants: {
         side: {
             left: "ml-3",
@@ -127,7 +89,7 @@ const labelVariants = (0, class_variance_authority_1.cva)("text-sm text-neutral-
     },
 });
 const ChatBubble = React.forwardRef(({ className, side = "left", color = "blue", theme = "dark", size = "small", children, label, showLabel = true, ...props }, ref) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: (0, utils_1.cn)(chatBubbleVariants({ side, className })), ...props, children: [showLabel && label && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)(labelVariants({ side })), children: label })), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(bubbleContentVariants({ color, theme, side, size })), children: children })] }));
+    return (_jsxs("div", { ref: ref, className: cn(chatBubbleVariants({ side, className })), ...props, children: [showLabel && label && (_jsx("span", { className: cn(labelVariants({ side })), children: label })), _jsx("div", { className: cn(bubbleContentVariants({ color, theme, side, size })), children: children })] }));
 });
-exports.ChatBubble = ChatBubble;
 ChatBubble.displayName = "ChatBubble";
+export { ChatBubble, chatBubbleVariants, bubbleContentVariants };

package/Checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 type CheckboxSize = "small" | "regular";
 declare const checkboxVariants: (props?: ({
     size?: "small" | "regular" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     size?: CheckboxSize;
 }

package/Checkbox/Checkbox.js

@@ -1,46 +1,10 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkboxVariants = exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
-const lucide_react_1 = require("lucide-react");
-const class_variance_authority_1 = require("class-variance-authority");
-const utils_1 = require("../lib/utils");
-const checkboxVariants = (0, class_variance_authority_1.cva)("peer shrink-0 border border-grey-300 bg-white ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-600 data-[state=checked]:border-accent-600 data-[state=checked]:text-white data-[state=indeterminate]:bg-accent-600 data-[state=indeterminate]:border-accent-600 data-[state=indeterminate]:text-white", {
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check, Minus } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const checkboxVariants = cva("peer shrink-0 border border-grey-300 bg-white ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-600 data-[state=checked]:border-accent-600 data-[state=checked]:text-white data-[state=indeterminate]:bg-accent-600 data-[state=indeterminate]:border-accent-600 data-[state=indeterminate]:text-white", {
     variants: {
         size: {
             small: "size-4 rounded-[4px]",
@@ -51,7 +15,6 @@ const checkboxVariants = (0, class_variance_authority_1.cva)("peer shrink-0 bord
         size: "regular",
     },
 });
-exports.checkboxVariants = checkboxVariants;
-const Checkbox = React.forwardRef(({ className, size, ...props }, ref) => ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Root, { ref: ref, className: (0, utils_1.cn)(checkboxVariants({ size }), className), ...props, children: (0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, { className: (0, utils_1.cn)("flex items-center justify-center text-current"), children: props.checked === "indeterminate" ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Minus, { className: (0, utils_1.cn)(size === "small" ? "size-3" : "size-3.5") })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: (0, utils_1.cn)(size === "small" ? "size-3" : "size-3.5") })) }) })));
-exports.Checkbox = Checkbox;
+const Checkbox = React.forwardRef(({ className, size, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn(checkboxVariants({ size }), className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: props.checked === "indeterminate" ? (_jsx(Minus, { className: cn(size === "small" ? "size-3" : "size-3.5") })) : (_jsx(Check, { className: cn(size === "small" ? "size-3" : "size-3.5") })) }) })));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export { Checkbox, checkboxVariants };