pixelize-design-library 2.2.192 → 3.0.1-beta.1

package/dist/components-v2/Toaster/Toaster.js

@@ -0,0 +1,63 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toast = void 0;
+exports.Toaster = Toaster;
+const React = __importStar(require("react"));
+const sonner_1 = require("sonner");
+const ThemeProvider_1 = require("../../theme-v2/ThemeProvider");
+/**
+ * Mount point for toast notifications. Place once in the app root (inside the
+ * ThemeProvider). Themed via CSS variables so it tracks the active preset and
+ * dark-mode state automatically.
+ */
+function Toaster(_a) {
+    var { position = "top-right", toastOptions } = _a, rest = __rest(_a, ["position", "toastOptions"]);
+    const { resolvedMode } = (0, ThemeProvider_1.useTheme)();
+    return (React.createElement(sonner_1.Toaster, Object.assign({ theme: resolvedMode, position: position, toastOptions: Object.assign(Object.assign({}, toastOptions), { classNames: Object.assign({ toast: "group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg", description: "group-[.toast]:text-muted-foreground", actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground", cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground", success: "group-[.toaster]:!text-success", error: "group-[.toaster]:!text-destructive", warning: "group-[.toaster]:!text-warning", info: "group-[.toaster]:!text-primary" }, toastOptions === null || toastOptions === void 0 ? void 0 : toastOptions.classNames) }) }, rest)));
+}
+Toaster.displayName = "Toaster";
+exports.toast = sonner_1.toast;

package/dist/components-v2/Toggle/Toggle.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size">, VariantProps<typeof toggleVariants> {
+    /** Controlled state. Pass with onPressedChange to control. */
+    pressed?: boolean;
+    /** Uncontrolled initial state. */
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    /** Required for accessibility. */
+    "aria-label": string;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Convenience component: a toggle that switches between two icons (e.g. list /
+ * grid view). One icon is shown for "off", the other for "on".
+ */
+export interface TableToggleProps extends Omit<ToggleProps, "children" | "aria-label"> {
+    offIcon: React.ReactNode;
+    onIcon: React.ReactNode;
+    offLabel: string;
+    onLabel: string;
+}
+export declare const TableToggle: React.ForwardRefExoticComponent<TableToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export { toggleVariants };

package/dist/components-v2/Toggle/Toggle.js

@@ -0,0 +1,90 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleVariants = exports.TableToggle = exports.Toggle = void 0;
+const React = __importStar(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const toggleVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none disabled:opacity-50", "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", "hover:bg-accent hover:text-accent-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0"), {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent",
+        },
+        size: {
+            sm: "h-8 w-8 [&_svg]:h-3.5 [&_svg]:w-3.5",
+            md: "h-9 w-9 [&_svg]:h-4 [&_svg]:w-4",
+            lg: "h-10 w-10 [&_svg]:h-5 [&_svg]:w-5",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+exports.toggleVariants = toggleVariants;
+exports.Toggle = React.forwardRef((_a, ref) => {
+    var { className, variant, size, pressed, defaultPressed, onPressedChange, onClick, children } = _a, rest = __rest(_a, ["className", "variant", "size", "pressed", "defaultPressed", "onPressedChange", "onClick", "children"]);
+    const isControlled = pressed !== undefined;
+    const [internalPressed, setInternalPressed] = React.useState(!!defaultPressed);
+    const value = isControlled ? !!pressed : internalPressed;
+    const toggle = (event) => {
+        const next = !value;
+        if (!isControlled)
+            setInternalPressed(next);
+        onPressedChange === null || onPressedChange === void 0 ? void 0 : onPressedChange(next);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    return (React.createElement("button", Object.assign({ ref: ref, type: "button", role: "button", "aria-pressed": value, "data-state": value ? "on" : "off", onClick: toggle, className: (0, utils_1.cn)(toggleVariants({ variant, size }), className) }, rest), children));
+});
+exports.Toggle.displayName = "Toggle";
+exports.TableToggle = React.forwardRef((_a, ref) => {
+    var { offIcon, onIcon, offLabel, onLabel, pressed, defaultPressed } = _a, rest = __rest(_a, ["offIcon", "onIcon", "offLabel", "onLabel", "pressed", "defaultPressed"]);
+    const isControlled = pressed !== undefined;
+    const value = isControlled ? !!pressed : !!defaultPressed;
+    return (React.createElement(exports.Toggle, Object.assign({ ref: ref, pressed: pressed, defaultPressed: defaultPressed, "aria-label": value ? onLabel : offLabel }, rest), value ? onIcon : offIcon));
+});
+exports.TableToggle.displayName = "TableToggle";

package/dist/components-v2/ui/accordion.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { type VariantProps } from "class-variance-authority";
+declare const rootVariants: (props?: ({
+    variant?: "default" | "ghost" | "bordered" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & VariantProps<typeof rootVariants>;
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components-v2/ui/accordion.js

@@ -0,0 +1,104 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
+const React = __importStar(require("react"));
+const AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
+const lucide_react_1 = require("lucide-react");
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const rootVariants = (0, class_variance_authority_1.cva)("flex flex-col", {
+    variants: {
+        variant: {
+            default: "divide-y divide-border border-y border-border",
+            bordered: "gap-2",
+            ghost: "gap-1",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const itemVariants = (0, class_variance_authority_1.cva)("", {
+    variants: {
+        variant: {
+            default: "",
+            bordered: "overflow-hidden rounded-md border border-border bg-card text-card-foreground",
+            ghost: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const AccordionVariantContext = React.createContext("default");
+exports.Accordion = React.forwardRef((_a, ref) => {
+    var { className, variant } = _a, rest = __rest(_a, ["className", "variant"]);
+    const resolvedVariant = variant !== null && variant !== void 0 ? variant : "default";
+    return (React.createElement(AccordionVariantContext.Provider, { value: resolvedVariant },
+        React.createElement(AccordionPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)(rootVariants({ variant: resolvedVariant }), className) }, rest))));
+});
+exports.Accordion.displayName = "Accordion";
+exports.AccordionItem = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    const variant = React.useContext(AccordionVariantContext);
+    return (React.createElement(AccordionPrimitive.Item, Object.assign({ ref: ref, className: (0, utils_1.cn)(itemVariants({ variant }), className) }, rest)));
+});
+exports.AccordionItem.displayName = "AccordionItem";
+exports.AccordionTrigger = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement(AccordionPrimitive.Header, { className: "flex" },
+        React.createElement(AccordionPrimitive.Trigger, Object.assign({ ref: ref, className: (0, utils_1.cn)("flex flex-1 items-center justify-between gap-2 py-3 px-1 text-left text-sm font-medium text-foreground transition-all", "hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", "[&[data-state=open]>svg]:rotate-180", className) }, rest),
+            children,
+            React.createElement(lucide_react_1.ChevronDown, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" }))));
+});
+exports.AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+exports.AccordionContent = React.forwardRef((_a, ref) => {
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (React.createElement(AccordionPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)("overflow-hidden text-sm text-muted-foreground", "data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up") }, rest),
+        React.createElement("div", { className: (0, utils_1.cn)("pb-3 px-1", className) }, children)));
+});
+exports.AccordionContent.displayName = AccordionPrimitive.Content.displayName;

package/dist/components-v2/ui/alert.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof alertVariants> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    /** Override the default variant icon. Pass `null` to hide it. */
+    icon?: React.ReactNode | null;
+    /** Renders a dismiss button when provided. */
+    onClose?: () => void;
+    closeLabel?: string;
+}
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { alertVariants };

package/dist/components-v2/ui/alert.js

@@ -0,0 +1,99 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertVariants = exports.AlertDescription = exports.AlertTitle = exports.Alert = void 0;
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const alertVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("relative w-full rounded-md border p-4 text-sm", "[&>svg+div]:translate-y-[-2px]", "[&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:h-4 [&>svg]:w-4 [&>svg]:text-current"), {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground border-border [&>svg]:text-foreground",
+            destructive: "border-destructive/40 bg-destructive/10 text-destructive [&>svg]:text-destructive",
+            success: "border-success/40 bg-success/10 text-success [&>svg]:text-success",
+            warning: "border-warning/40 bg-warning/10 text-warning [&>svg]:text-warning",
+            info: "border-primary/40 bg-primary/10 text-primary [&>svg]:text-primary",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+exports.alertVariants = alertVariants;
+const DEFAULT_ICONS = {
+    default: lucide_react_1.Info,
+    info: lucide_react_1.Info,
+    success: lucide_react_1.CheckCircle2,
+    warning: lucide_react_1.AlertTriangle,
+    destructive: lucide_react_1.AlertCircle,
+};
+exports.Alert = React.forwardRef((_a, ref) => {
+    var { className, variant, title, description, icon, onClose, closeLabel = "Dismiss", children, role = "alert" } = _a, rest = __rest(_a, ["className", "variant", "title", "description", "icon", "onClose", "closeLabel", "children", "role"]);
+    const resolvedVariant = variant !== null && variant !== void 0 ? variant : "default";
+    const DefaultIcon = DEFAULT_ICONS[resolvedVariant];
+    const renderedIcon = icon === null
+        ? null
+        : icon !== null && icon !== void 0 ? icon : React.createElement(DefaultIcon, { "aria-hidden": "true" });
+    return (React.createElement("div", Object.assign({ ref: ref, role: role, className: (0, utils_1.cn)(alertVariants({ variant: resolvedVariant }), renderedIcon ? "pl-11" : "pl-4", onClose && "pr-10", className) }, rest),
+        renderedIcon,
+        title && React.createElement(exports.AlertTitle, null, title),
+        description && React.createElement(exports.AlertDescription, null, description),
+        children,
+        onClose && (React.createElement("button", { type: "button", onClick: onClose, "aria-label": closeLabel, className: (0, utils_1.cn)("absolute right-3 top-3 rounded-sm opacity-70 transition-opacity hover:opacity-100", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current focus-visible:ring-offset-1") },
+            React.createElement(lucide_react_1.X, { "aria-hidden": "true", className: "h-4 w-4" })))));
+});
+exports.Alert.displayName = "Alert";
+exports.AlertTitle = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("h5", Object.assign({ ref: ref, className: (0, utils_1.cn)("mb-1 font-medium leading-none tracking-tight", className) }, rest)));
+});
+exports.AlertTitle.displayName = "AlertTitle";
+exports.AlertDescription = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({ ref: ref, className: (0, utils_1.cn)("text-sm leading-relaxed [&_p]:leading-relaxed", className) }, rest)));
+});
+exports.AlertDescription.displayName = "AlertDescription";

package/dist/components-v2/ui/avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { type VariantProps } from "class-variance-authority";
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "xs" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface AvatarProps extends Omit<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, "size">, VariantProps<typeof avatarVariants> {
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/components-v2/ui/avatar.js

@@ -0,0 +1,80 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AvatarFallback = exports.AvatarImage = exports.Avatar = void 0;
+const React = __importStar(require("react"));
+const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const avatarVariants = (0, class_variance_authority_1.cva)("relative flex shrink-0 overflow-hidden rounded-full bg-muted", {
+    variants: {
+        size: {
+            xs: "h-6 w-6 text-[10px]",
+            sm: "h-8 w-8 text-xs",
+            md: "h-10 w-10 text-sm",
+            lg: "h-12 w-12 text-base",
+            xl: "h-16 w-16 text-lg",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+exports.Avatar = React.forwardRef((_a, ref) => {
+    var { className, size } = _a, rest = __rest(_a, ["className", "size"]);
+    return (React.createElement(AvatarPrimitive.Root, Object.assign({ ref: ref, className: (0, utils_1.cn)(avatarVariants({ size }), className) }, rest)));
+});
+exports.Avatar.displayName = AvatarPrimitive.Root.displayName;
+exports.AvatarImage = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(AvatarPrimitive.Image, Object.assign({ ref: ref, className: (0, utils_1.cn)("aspect-square h-full w-full object-cover", className) }, rest)));
+});
+exports.AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+exports.AvatarFallback = React.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (React.createElement(AvatarPrimitive.Fallback, Object.assign({ ref: ref, className: (0, utils_1.cn)("flex h-full w-full items-center justify-center bg-muted font-medium text-muted-foreground", className) }, rest)));
+});
+exports.AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

package/dist/components-v2/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "destructive" | "success" | "warning" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { badgeVariants };

package/dist/components-v2/ui/badge.js

@@ -0,0 +1,76 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgeVariants = exports.Badge = void 0;
+const React = __importStar(require("react"));
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("../../lib/utils");
+const badgeVariants = (0, class_variance_authority_1.cva)((0, utils_1.cn)("inline-flex items-center gap-1 rounded-full border font-medium transition-colors", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"), {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/85",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            outline: "border-border bg-transparent text-foreground hover:bg-accent/40",
+            destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/85",
+            success: "border-transparent bg-success text-success-foreground hover:bg-success/85",
+            warning: "border-transparent bg-warning text-warning-foreground hover:bg-warning/85",
+        },
+        size: {
+            sm: "px-2 py-0.5 text-[10px]",
+            md: "px-2.5 py-0.5 text-xs",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "md",
+    },
+});
+exports.badgeVariants = badgeVariants;
+exports.Badge = React.forwardRef((_a, ref) => {
+    var { className, variant, size } = _a, rest = __rest(_a, ["className", "variant", "size"]);
+    return (React.createElement("span", Object.assign({ ref: ref, className: (0, utils_1.cn)(badgeVariants({ variant, size }), className) }, rest)));
+});
+exports.Badge.displayName = "Badge";

package/dist/components-v2/ui/button.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type">, VariantProps<typeof buttonVariants> {
+    /** Use Radix Slot to forward props to the child element. */
+    asChild?: boolean;
+    isLoading?: boolean;
+    /** Optional label shown next to the spinner while loading. */
+    loadingText?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    type?: "button" | "submit" | "reset";
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { buttonVariants };