@a2v2ai/uikit 0.0.3 → 0.0.5

package/Separator/Separator.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/Separator/Separator.js

@@ -0,0 +1,43 @@
+"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.Separator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const SeparatorPrimitive = __importStar(require("@radix-ui/react-separator"));
+const utils_1 = require("../lib/utils");
+const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: (0, utils_1.cn)("shrink-0 bg-grey-200", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
+exports.Separator = Separator;
+Separator.displayName = SeparatorPrimitive.Root.displayName;

package/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
+declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };

package/Skeleton/Skeleton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = Skeleton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../lib/utils");
+function Skeleton({ className, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("animate-pulse rounded-md bg-grey-100", className), ...props }));
+}

package/Spinner/Spinner.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+type SpinnerSize = "sm" | "default" | "md" | "lg" | "xl";
+type SpinnerVariant = "default" | "primary" | "secondary" | "muted" | "white";
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | "xl" | null | undefined;
+    variant?: "default" | "secondary" | "primary" | "white" | "muted" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
+    size?: SpinnerSize;
+    variant?: SpinnerVariant;
+    /**
+     * Screen reader label for accessibility
+     * @default "Loading"
+     */
+    label?: string;
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
+export { Spinner, spinnerVariants };
+export type { SpinnerSize, SpinnerVariant };

package/Spinner/Spinner.js

@@ -0,0 +1,68 @@
+"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.spinnerVariants = exports.Spinner = 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 spinnerVariants = (0, class_variance_authority_1.cva)("animate-spin", {
+    variants: {
+        size: {
+            sm: "size-4",
+            default: "size-6",
+            md: "size-8",
+            lg: "size-12",
+            xl: "size-16",
+        },
+        variant: {
+            default: "text-brand-500",
+            primary: "text-brand-500",
+            secondary: "text-grey-500",
+            muted: "text-grey-400",
+            white: "text-white",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+        variant: "default",
+    },
+});
+exports.spinnerVariants = spinnerVariants;
+const Spinner = React.forwardRef(({ className, size, variant, label = "Loading", ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)("svg", { ref: ref, className: (0, utils_1.cn)(spinnerVariants({ size, variant, className })), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", role: "status", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
+});
+exports.Spinner = Spinner;
+Spinner.displayName = "Spinner";

package/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+type SwitchSize = "small" | "regular";
+declare const switchVariants: (props?: ({
+    size?: "small" | "regular" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
+    size?: SwitchSize;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch, switchVariants };
+export type { SwitchSize };

package/Switch/Switch.js

@@ -0,0 +1,67 @@
+"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.switchVariants = exports.Switch = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const SwitchPrimitive = __importStar(require("@radix-ui/react-switch"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../lib/utils");
+const switchVariants = (0, class_variance_authority_1.cva)("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-main-950 data-[state=unchecked]:bg-grey-200", {
+    variants: {
+        size: {
+            small: "h-5 w-9",
+            regular: "h-6 w-11",
+        },
+    },
+    defaultVariants: {
+        size: "regular",
+    },
+});
+exports.switchVariants = switchVariants;
+const switchThumbVariants = (0, class_variance_authority_1.cva)("pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0", {
+    variants: {
+        size: {
+            small: "size-4 data-[state=checked]:translate-x-4",
+            regular: "size-5 data-[state=checked]:translate-x-5",
+        },
+    },
+    defaultVariants: {
+        size: "regular",
+    },
+});
+const Switch = React.forwardRef(({ className, size, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SwitchPrimitive.Root, { className: (0, utils_1.cn)(switchVariants({ size }), className), ...props, ref: ref, children: (0, jsx_runtime_1.jsx)(SwitchPrimitive.Thumb, { className: (0, utils_1.cn)(switchThumbVariants({ size })) }) })));
+exports.Switch = Switch;
+Switch.displayName = SwitchPrimitive.Root.displayName;

package/Tabs/Tabs.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+type TabsListVariant = "default" | "outline";
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    variant?: TabsListVariant;
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+export type { TabsListVariant };

package/Tabs/Tabs.js

@@ -0,0 +1,64 @@
+"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.tabsListVariants = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../lib/utils");
+const Tabs = TabsPrimitive.Root;
+exports.Tabs = Tabs;
+const tabsListVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center rounded-lg bg-grey-100 p-1 text-grey-500", {
+    variants: {
+        variant: {
+            default: "bg-grey-100",
+            outline: "bg-transparent border border-grey-200",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+exports.tabsListVariants = tabsListVariants;
+const TabsList = React.forwardRef(({ className, variant, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { ref: ref, className: (0, utils_1.cn)(tabsListVariants({ variant }), className), ...props })));
+exports.TabsList = TabsList;
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-main-950 data-[state=active]:shadow-sm", className), ...props })));
+exports.TabsTrigger = TabsTrigger;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2", className), ...props })));
+exports.TabsContent = TabsContent;
+TabsContent.displayName = TabsPrimitive.Content.displayName;

package/Textarea/Textarea.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+type TextareaVariant = "default" | "error";
+type TextareaResize = "none" | "vertical" | "horizontal" | "both";
+declare const textareaVariants: (props?: ({
+    variant?: "default" | "error" | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    variant?: TextareaVariant;
+    resize?: TextareaResize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea, textareaVariants };
+export type { TextareaVariant, TextareaResize };

package/Textarea/Textarea.js

@@ -0,0 +1,64 @@
+"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.textareaVariants = exports.Textarea = 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 textareaVariants = (0, class_variance_authority_1.cva)("flex min-h-[80px] w-full rounded-lg border bg-white px-3 py-2 text-sm font-normal font-sans transition-colors placeholder:text-grey-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-grey-50", {
+    variants: {
+        variant: {
+            default: "border-grey-300 focus-visible:border-grey-300 focus-visible:ring-[3px] focus-visible:ring-grey-300/50",
+            error: "border-error-500 focus-visible:border-error-500 focus-visible:ring-[3px] focus-visible:ring-error-200",
+        },
+        resize: {
+            none: "resize-none",
+            vertical: "resize-y",
+            horizontal: "resize-x",
+            both: "resize",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        resize: "vertical",
+    },
+});
+exports.textareaVariants = textareaVariants;
+const Textarea = React.forwardRef(({ className, variant, resize, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("textarea", { className: (0, utils_1.cn)(textareaVariants({ variant, resize }), className), ref: ref, ...props }));
+});
+exports.Textarea = Textarea;
+Textarea.displayName = "Textarea";

package/Toast/Toast.d.ts

@@ -0,0 +1,12 @@
+import { toast, type ToasterProps } from "sonner";
+type ToastTheme = "light" | "dark" | "system";
+export interface ToastProps extends ToasterProps {
+    /**
+     * Theme for the toaster
+     * @default "light"
+     */
+    theme?: ToastTheme;
+}
+declare const Toaster: ({ theme, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster, toast };
+export type { ToastTheme };

package/Toast/Toast.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = exports.Toaster = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const sonner_1 = require("sonner");
+Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return sonner_1.toast; } });
+const Toaster = ({ theme = "light", ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, className: "toaster group", icons: {
+            success: (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheckIcon, { className: "size-4" }),
+            info: (0, jsx_runtime_1.jsx)(lucide_react_1.InfoIcon, { className: "size-4" }),
+            warning: (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlertIcon, { className: "size-4" }),
+            error: (0, jsx_runtime_1.jsx)(lucide_react_1.OctagonXIcon, { className: "size-4" }),
+            loading: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2Icon, { className: "size-4 animate-spin" }),
+        }, toastOptions: {
+            classNames: {
+                toast: "group toast group-[.toaster]:bg-white group-[.toaster]:text-main-950 group-[.toaster]:border-grey-200 group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
+                description: "group-[.toast]:text-main-500",
+                actionButton: "group-[.toast]:bg-main-900 group-[.toast]:text-white",
+                cancelButton: "group-[.toast]:bg-grey-100 group-[.toast]:text-main-500",
+                success: "group-[.toaster]:border-success-200 group-[.toaster]:bg-success-50 group-[.toaster]:text-success-900 [&_svg]:text-success-600",
+                error: "group-[.toaster]:border-error-200 group-[.toaster]:bg-error-50 group-[.toaster]:text-error-900 [&_svg]:text-error-600",
+                warning: "group-[.toaster]:border-warning-200 group-[.toaster]:bg-warning-50 group-[.toaster]:text-warning-900 [&_svg]:text-warning-600",
+                info: "group-[.toaster]:border-info-200 group-[.toaster]:bg-info-50 group-[.toaster]:text-info-900 [&_svg]:text-info-600",
+            },
+        }, ...props }));
+};
+exports.Toaster = Toaster;

package/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+type TooltipContentVariant = "default" | "light";
+declare const tooltipContentVariants: (props?: ({
+    variant?: "default" | "light" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content> & {
+    variant?: TooltipContentVariant;
+    /** Whether to show the arrow */
+    showArrow?: boolean;
+};
+declare function TooltipContent({ className, sideOffset, variant, showArrow, children, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };
+export type { TooltipContentVariant };

package/Tooltip/Tooltip.js

@@ -0,0 +1,68 @@
+"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.tooltipContentVariants = void 0;
+exports.Tooltip = Tooltip;
+exports.TooltipTrigger = TooltipTrigger;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../lib/utils");
+const tooltipContentVariants = (0, class_variance_authority_1.cva)("z-50 overflow-hidden rounded-lg bg-neutral-950 px-2 py-1.5 text-xs text-neutral-50 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", {
+    variants: {
+        variant: {
+            default: "bg-neutral-950 text-neutral-50",
+            light: "bg-white text-neutral-900 border border-neutral-200 shadow-md",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+exports.tooltipContentVariants = tooltipContentVariants;
+function TooltipProvider({ delayDuration = 200, skipDelayDuration = 300, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
+}
+function Tooltip({ ...props }) {
+    return (0, jsx_runtime_1.jsx)(TooltipPrimitive.Root, { ...props });
+}
+function TooltipTrigger({ ...props }) {
+    return (0, jsx_runtime_1.jsx)(TooltipPrimitive.Trigger, { ...props });
+}
+function TooltipContent({ className, sideOffset = 4, variant, showArrow = true, children, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, { sideOffset: sideOffset, className: (0, utils_1.cn)(tooltipContentVariants({ variant }), className), ...props, children: [children, showArrow && ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: (0, utils_1.cn)("fill-neutral-950", variant === "light" && "fill-white"), width: 11, height: 5 }))] }) }));
+}

package/Typography/Typography.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const typographyVariants: (props?: ({
+    align?: "center" | "left" | "right" | "justify" | null | undefined;
+    variant?: "h5" | "h2" | "h3" | "caption" | "h1" | "h4" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "body3" | null | undefined;
+    color?: "default" | "main-50" | "main-100" | "main-200" | "main-300" | "main-400" | "main-500" | "main-600" | "main-700" | "main-800" | "main-900" | "main-950" | "success-50" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "success-600" | "success-700" | "success-800" | "success-900" | "success-950" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-950" | "error-50" | "error-100" | "error-200" | "error-300" | "error-400" | "error-500" | "error-600" | "error-700" | "error-800" | "error-900" | "error-950" | "warning-50" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "warning-600" | "warning-700" | "warning-800" | "warning-900" | "warning-950" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "grey-950" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "body3" | "caption";
+type TypographyColor = "default" | "main-50" | "main-100" | "main-200" | "main-300" | "main-400" | "main-500" | "main-600" | "main-700" | "main-800" | "main-900" | "main-950" | "success-50" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "success-600" | "success-700" | "success-800" | "success-900" | "success-950" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-950" | "error-50" | "error-100" | "error-200" | "error-300" | "error-400" | "error-500" | "error-600" | "error-700" | "error-800" | "error-900" | "error-950" | "warning-50" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "warning-600" | "warning-700" | "warning-800" | "warning-900" | "warning-950" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "grey-950";
+type TypographyAlign = "left" | "center" | "right" | "justify";
+type TypographyProps<T extends React.ElementType = "p"> = {
+    as?: T;
+    asChild?: boolean;
+    variant?: TypographyVariant;
+    color?: TypographyColor;
+    align?: TypographyAlign;
+} & Omit<React.ComponentPropsWithoutRef<T>, "as" | "asChild" | "color" | "variant" | "align">;
+declare function Typography<T extends React.ElementType = "p">({ className, variant, color, align, as, asChild, ...props }: TypographyProps<T>): import("react/jsx-runtime").JSX.Element;
+export { Typography, typographyVariants };
+export type { TypographyVariant, TypographyColor, TypographyAlign };