linkedunion-design-kit 1.5.2 → 1.5.4

package/dist/src/components/ui/accordion.js

@@ -0,0 +1,43 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "../../lib/utils";
+function Accordion(_a) {
+    var props = __rest(_a, []);
+    return _jsx(AccordionPrimitive.Root, __assign({ "data-slot": "accordion" }, props));
+}
+function AccordionItem(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(AccordionPrimitive.Item, __assign({ "data-slot": "accordion-item", className: cn("!border-b last:!border-b-0", className) }, props)));
+}
+function AccordionTrigger(_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 !flex !flex-1 !items-start !justify-between gap-4 !rounded-md !py-2 !text-left !text-base !font-medium transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className) }, props, { children: [children, _jsx(ChevronDownIcon, { className: "!text-muted-foreground pointer-events-none !size-6 shrink-0 translate-y-0.5 transition-transform duration-200" })] })) }));
+}
+function AccordionContent(_a) {
+    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
+    return (_jsx(AccordionPrimitive.Content, __assign({ "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" }, props, { children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) })));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "sm" | "lg" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/src/components/ui/button.js

@@ -0,0 +1,54 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 !px-4 !py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 !px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md !px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button(_a) {
+    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 (_jsx(Comp, __assign({ "data-slot": "button", className: cn(buttonVariants({ variant: variant, size: size, className: className })) }, props)));
+}
+export { Button, buttonVariants };

package/dist/src/components/ui/imageUploader.d.ts

@@ -0,0 +1,3 @@
+import { ImageUploaderProps } from "../ImageUploader/type";
+declare const ImageUploader: ({ value, onChange, required, className, maxFileSizeMB, acceptedTypes, }: ImageUploaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageUploader;

package/dist/src/components/ui/imageUploader.js

@@ -0,0 +1,68 @@
+"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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useDropzone } from "react-dropzone";
+import { Button } from "../../components/ui/button";
+import { cn } from "../../lib/utils";
+import LUIcon from "../Icons/LUIcon";
+import Typography from "../Typography/Typography";
+import LuImage from "../Images/LuImage";
+var ImageUploader = function (_a) {
+    var value = _a.value, onChange = _a.onChange, required = _a.required, className = _a.className, _b = _a.maxFileSizeMB, maxFileSizeMB = _b === void 0 ? 6 : _b, _c = _a.acceptedTypes, acceptedTypes = _c === void 0 ? ["image/png", "image/jpeg", "image/jpg", "image/svg+xml"] : _c;
+    var _d = useState(null), preview = _d[0], setPreview = _d[1];
+    var _e = useState(""), fileError = _e[0], setFileError = _e[1];
+    useEffect(function () {
+        if (value && typeof value === "string") {
+            setPreview(value);
+        }
+        else if (value instanceof File) {
+            setPreview(URL.createObjectURL(value));
+        }
+        else {
+            setPreview(null);
+        }
+    }, [value]);
+    var onDrop = function (acceptedFiles) {
+        var file = acceptedFiles[0];
+        if (!file)
+            return;
+        if (!acceptedTypes.includes(file.type)) {
+            setFileError("Only JPEG, PNG, JPG, and SVG files are supported.");
+            return;
+        }
+        var sizeMB = file.size / 1024 / 1024;
+        if (sizeMB > maxFileSizeMB) {
+            setFileError("File size exceeds ".concat(maxFileSizeMB, "MB."));
+            return;
+        }
+        var previewUrl = URL.createObjectURL(file);
+        setPreview(previewUrl);
+        setFileError("");
+        onChange(previewUrl, file);
+    };
+    var removeFile = function () {
+        setPreview(null);
+        setFileError("");
+        onChange(null, null);
+    };
+    var _f = useDropzone({
+        onDrop: onDrop,
+        multiple: false,
+        accept: {
+            "image/*": acceptedTypes,
+        },
+    }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
+    return (_jsxs("div", { className: cn("flex flex-col items-center", className), children: [_jsx("div", __assign({}, getRootProps(), { className: cn("!border !border-dashed !border-neutral-300 !rounded-lg cursor-pointer w-64 !p-2"), children: _jsxs("div", { className: "min-h-40 flex items-center justify-center bg-neutral-100 !rounded-lg", children: [_jsx("input", __assign({}, getInputProps())), preview ? (_jsx("div", { className: "relative w-full h-40 !mx-auto overflow-hidden", children: _jsx(LuImage, { src: preview, alt: "Uploaded", className: "aspect-square object-contain", fill: true }) })) : (_jsxs("div", { className: "text-center text-sm text-muted-foreground", children: [_jsx(LUIcon, { icon: "upload", size: "lg", className: "!mx-auto !mb-4" }), _jsx(Typography, { variant: "b4", className: "!px-1", children: "Choose a file or drag & drop it here" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "JPEG, PNG, and SVG formats" })] }))] }) })), fileError && (_jsx("p", { className: "text-sm text-danger-500 text-center mt-2", children: fileError })), required && !preview && !fileError && (_jsx("p", { className: "text-sm text-danger-500 text-center", children: "Image is required." })), preview && (_jsx(Button, { variant: "link", onClick: removeFile, className: "!mt-2 text-sm text-neutral-700", children: "Remove Image" }))] }));
+};
+export default ImageUploader;

package/dist/src/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };

package/dist/src/components/ui/input.js

@@ -0,0 +1,29 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+function Input(_a) {
+    var className = _a.className, type = _a.type, props = __rest(_a, ["className", "type"]);
+    return (_jsx("input", __assign({ type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground rounded selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-11 w-full min-w-0 border bg-transparent !px-3 !py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:shadow-outline-primary focus-visible:outline-none", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className) }, props)));
+}
+export { Input };

package/dist/src/components/ui/label.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps } from "class-variance-authority";
+export declare const variant: {
+    default: string;
+    editorLabel: string;
+};
+declare const labelVariants: (props?: ({
+    variant?: "default" | "editorLabel" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Label({ className, variant, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): import("react/jsx-runtime").JSX.Element;
+export { Label, labelVariants };

package/dist/src/components/ui/label.js

@@ -0,0 +1,41 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export var variant = {
+    default: "!text-base leading-none !font-medium",
+    editorLabel: "!text-lg !font-medium leading-[1.5] !mb-1",
+};
+var labelVariants = cva("flex items-center !gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", {
+    variants: { variant: variant },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Label(_a) {
+    var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
+    return (_jsx(LabelPrimitive.Root, __assign({ "data-slot": "label", className: cn(labelVariants({ variant: variant, className: className })) }, props)));
+}
+export { Label, labelVariants };

package/dist/src/components/ui/switch.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { type VariantProps } from "class-variance-authority";
+export declare const size: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export declare const variant: {
+    default: string;
+    primary: string;
+    success: string;
+    danger: string;
+};
+declare const switchVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "primary" | "success" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
+}
+declare function Switch({ className, size, variant, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch };

package/dist/src/components/ui/switch.js

@@ -0,0 +1,70 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export var size = {
+    sm: "h-4 w-6",
+    md: "w-12 h-6", // default
+    lg: "h-6 w-14",
+};
+export var variant = {
+    default: "data-[state=checked]:bg-primary-500 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 focus-visible:ring-ring/50 focus-visible:border-ring",
+    primary: "data-[state=checked]:bg-primary-500 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 focus-visible:ring-ring/50 focus-visible:border-ring",
+    success: "data-[state=checked]:bg-success-500 data-[state=unchecked]:bg-input focus-visible:ring-green-500",
+    danger: "data-[state=checked]:bg-danger-500 data-[state=unchecked]:bg-input focus-visible:ring-red-500",
+};
+var switchVariants = cva("peer inline-flex shrink-0 items-center !rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", {
+    variants: {
+        size: size,
+        variant: variant,
+    },
+    defaultVariants: {
+        size: "md",
+        variant: "default",
+    },
+});
+var thumbVariants = cva("pointer-events-none block !rounded-full ring-0 transition-transform", {
+    variants: {
+        size: {
+            sm: "size-3",
+            md: "size-4", // default
+            lg: "size-5",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+// Define translate distance for each size
+var thumbTranslateVariants = {
+    sm: "data-[state=checked]:translate-x-3",
+    md: "data-[state=checked]:translate-x-7",
+    lg: "data-[state=checked]:translate-x-9",
+};
+function Switch(_a) {
+    var className = _a.className, size = _a.size, variant = _a.variant, props = __rest(_a, ["className", "size", "variant"]);
+    return (_jsx(SwitchPrimitive.Root, __assign({ "data-slot": "switch", className: cn(switchVariants({ size: size, variant: variant }), className) }, props, { children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(thumbVariants({ size: size }), size ? thumbTranslateVariants[size] : "", "data-[state=unchecked]:translate-x-0 bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground") }) })));
+}
+export { Switch };

package/dist/src/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare function TooltipProvider({ delayDuration, ...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;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/components/ui/tooltip.js

@@ -0,0 +1,42 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../lib/utils";
+function TooltipProvider(_a) {
+    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
+    return (_jsx(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, __assign({ "data-slot": "tooltip" }, props)) }));
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return _jsx(TooltipPrimitive.Trigger, __assign({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("!bg-primary !text-primary-foreground 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 z-50 !w-fit origin-(--radix-tooltip-content-transform-origin) !rounded-md !px-3 !py-1.5 !text-xs !text-balance", className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "!bg-primary !fill-primary z-50 !size-3 translate-y-[calc(-50%_-_2px)] rotate-45 !rounded-[2px]" })] })) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/components/ui/typography.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const variant: {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    d1: string;
+    d2: string;
+    d3: string;
+    d4: string;
+    b1: string;
+    b2: string;
+    b3: string;
+    b4: string;
+};
+declare const typographyVariants: (props?: ({
+    variant?: "h2" | "h1" | "h3" | "h4" | "h5" | "h6" | "b3" | "d1" | "d2" | "d3" | "d4" | "b1" | "b2" | "b4" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TypographyProps = React.HTMLProps<HTMLElement> & VariantProps<typeof typographyVariants> & {
+    variant?: keyof typeof variant;
+};
+declare function Typography({ className, variant, children, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+export { Typography, typographyVariants };

package/dist/src/components/ui/typography.js

@@ -0,0 +1,65 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export var variant = {
+    h1: "text-5xl font-bold",
+    h2: "text-4xl font-bold",
+    h3: "text-3xl font-bold",
+    h4: "text-2xl font-semibold",
+    h5: "text-xl font-semibold",
+    h6: "text-lg font-semibold",
+    d1: "text-9xl font-bold",
+    d2: "text-8xl font-bold",
+    d3: "text-7xl font-bold",
+    d4: "text-6xl font-bold",
+    b1: "text-xl font-normal !m-0",
+    b2: "text-lg font-normal !m-0",
+    b3: "text-base font-normal !m-0",
+    b4: "text-sm font-medium !m-0",
+};
+var typographyVariants = cva("!leading-normal", // Default base class
+{
+    variants: {
+        variant: variant,
+    },
+    defaultVariants: {
+        variant: "b3",
+    },
+});
+function Typography(_a) {
+    var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
+    var Tag = "span";
+    if (variant === null || variant === void 0 ? void 0 : variant.startsWith("h")) {
+        Tag = variant;
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("d")) {
+        Tag = "div";
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("b")) {
+        Tag = "p";
+    }
+    return (_jsx(Tag, __assign({ className: cn(typographyVariants({ variant: variant, className: className })) }, props, { children: children })));
+}
+export { Typography, typographyVariants };

package/dist/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return twMerge(clsx(inputs));
+}

package/dist/src/utils/colors.d.ts

@@ -0,0 +1,70 @@
+export declare const colors: {
+    white: string;
+    black: string;
+    "primary-0": string;
+    "primary-100": string;
+    "primary-200": string;
+    "primary-300": string;
+    "primary-400": string;
+    "primary-500": string;
+    "primary-600": string;
+    "primary-700": string;
+    "primary-800": string;
+    "primary-900": string;
+    "primary-1000": string;
+    "neutral-0": string;
+    "neutral-100": string;
+    "neutral-200": string;
+    "neutral-300": string;
+    "neutral-400": string;
+    "neutral-500": string;
+    "neutral-600": string;
+    "neutral-700": string;
+    "neutral-800": string;
+    "neutral-900": string;
+    "neutral-1000": string;
+    "success-0": string;
+    "success-100": string;
+    "success-200": string;
+    "success-300": string;
+    "success-400": string;
+    "success-500": string;
+    "success-600": string;
+    "success-700": string;
+    "success-800": string;
+    "success-900": string;
+    "success-1000": string;
+    "warning-0": string;
+    "warning-100": string;
+    "warning-200": string;
+    "warning-300": string;
+    "warning-400": string;
+    "warning-500": string;
+    "warning-600": string;
+    "warning-700": string;
+    "warning-800": string;
+    "warning-900": string;
+    "warning-1000": string;
+    "danger-0": string;
+    "danger-100": string;
+    "danger-200": string;
+    "danger-300": string;
+    "danger-400": string;
+    "danger-500": string;
+    "danger-600": string;
+    "danger-700": string;
+    "danger-800": string;
+    "danger-900": string;
+    "danger-1000": string;
+    "info-0": string;
+    "info-100": string;
+    "info-200": string;
+    "info-300": string;
+    "info-400": string;
+    "info-500": string;
+    "info-600": string;
+    "info-700": string;
+    "info-800": string;
+    "info-900": string;
+    "info-1000": string;
+};