@appcorp/shadcn 1.2.0 → 2.0.0

package/components/ui/alert.js

@@ -1,48 +1,3 @@
-"use strict";
-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 __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)
@@ -54,12 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AlertDescription = exports.AlertTitle = exports.Alert = void 0;
-var React = __importStar(require("react"));
-var class_variance_authority_1 = require("class-variance-authority");
-var utils_1 = require("../../lib/utils");
-var alertVariants = (0, class_variance_authority_1.cva)("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
     variants: {
         variant: {
             default: "bg-background text-foreground",
@@ -70,21 +23,19 @@ var alertVariants = (0, class_variance_authority_1.cva)("relative w-full rounded
         variant: "default",
     },
 });
-var Alert = React.forwardRef(function (_a, ref) {
-    var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
-    return (React.createElement("div", __assign({ ref: ref, role: "alert", className: (0, utils_1.cn)(alertVariants({ variant: variant }), className) }, props)));
+const Alert = React.forwardRef((_a, ref) => {
+    var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
+    return (React.createElement("div", Object.assign({ ref: ref, role: "alert", className: cn(alertVariants({ variant }), className) }, props)));
 });
-exports.Alert = Alert;
 Alert.displayName = "Alert";
-var AlertTitle = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("h5", __assign({ ref: ref, className: (0, utils_1.cn)("mb-1 font-medium leading-none tracking-tight", className) }, props)));
+const AlertTitle = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("h5", Object.assign({ ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className) }, props)));
 });
-exports.AlertTitle = AlertTitle;
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement("div", __assign({ ref: ref, className: (0, utils_1.cn)("text-sm [&_p]:leading-relaxed", className) }, props)));
+const AlertDescription = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement("div", Object.assign({ ref: ref, className: cn("text-sm [&_p]:leading-relaxed", className) }, props)));
 });
-exports.AlertDescription = AlertDescription;
 AlertDescription.displayName = "AlertDescription";
+export { Alert, AlertTitle, AlertDescription };

package/components/ui/area-chart-v1-impl.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+interface ChartDataItem {
+    date: string;
+    [key: string]: number | string;
+}
+export interface AreaChartV1Props {
+    dates: ChartDataItem[];
+    description: string;
+    legends: string[];
+    title: string;
+    selectors: {
+        label: string;
+        value: string;
+    }[];
+    locale?: string;
+    onSelectorChange: (value: string) => void;
+}
+export declare const AreaChartV1: ({ dates, description, legends, title, selectors, locale, onSelectorChange, }: AreaChartV1Props) => React.JSX.Element;
+export {};

package/components/ui/area-chart-v1-impl.js

@@ -0,0 +1,75 @@
+"use client";
+import * as React from "react";
+import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../components/ui/card";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "../../components/ui/chart";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select";
+const createChartConfig = (legends) => {
+    return legends.reduce((acc, legend, index) => {
+        acc[legend.toLowerCase()] = {
+            label: legend,
+            color: `var(--chart-${index + 1})`,
+        };
+        return acc;
+    }, {});
+};
+export const AreaChartV1 = ({ dates, description, legends, title, selectors, locale = "en-US", onSelectorChange, }) => {
+    const [timeRange, setTimeRange] = React.useState("30d");
+    const dynamicChartConfig = createChartConfig(legends);
+    const handleValueChange = (value) => {
+        setTimeRange(value);
+        onSelectorChange(value);
+    };
+    const filteredData = React.useMemo(() => {
+        var _a;
+        const daysMap = {
+            "7d": 7,
+            "30d": 30,
+            "90d": 90,
+        };
+        const daysToSubtract = (_a = daysMap[timeRange]) !== null && _a !== void 0 ? _a : 90;
+        const referenceDate = new Date(dates[dates.length - 1].date);
+        const startDate = new Date(referenceDate);
+        startDate.setDate(referenceDate.getDate() - daysToSubtract);
+        const startTime = startDate.getTime();
+        return dates.filter((item) => new Date(item.date).getTime() >= startTime);
+    }, [dates, timeRange]);
+    return (React.createElement(Card, { className: "pt-0" },
+        React.createElement(CardHeader, { className: "flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row" },
+            React.createElement("div", { className: "grid flex-1 gap-1" },
+                React.createElement(CardTitle, null, title),
+                React.createElement(CardDescription, null, description)),
+            React.createElement(Select, { value: timeRange, onValueChange: handleValueChange },
+                React.createElement(SelectTrigger, { className: "hidden w-40 rounded-lg sm:ml-auto sm:flex", "aria-label": "Select a value" },
+                    React.createElement(SelectValue, { placeholder: "Last 3 months" })),
+                React.createElement(SelectContent, { className: "rounded-xl" }, selectors.map((selector) => (React.createElement(SelectItem, { key: selector.label, value: selector.value }, selector.label)))))),
+        React.createElement(CardContent, { className: "px-2 pt-4 sm:px-6 sm:pt-6" },
+            React.createElement(ChartContainer, { config: dynamicChartConfig, className: "aspect-auto h-[250px] w-full" },
+                React.createElement(AreaChart, { data: filteredData },
+                    React.createElement("defs", null, legends.map((legend) => {
+                        const key = legend.toLowerCase();
+                        return (React.createElement("linearGradient", { key: key, id: `fill${legend}`, x1: "0", y1: "0", x2: "0", y2: "1" },
+                            React.createElement("stop", { offset: "5%", stopColor: `var(--color-${key})`, stopOpacity: 0.8 }),
+                            React.createElement("stop", { offset: "95%", stopColor: `var(--color-${key})`, stopOpacity: 0.1 })));
+                    })),
+                    React.createElement(CartesianGrid, { vertical: false }),
+                    React.createElement(YAxis, { domain: [0, "auto"], hide: true }),
+                    React.createElement(XAxis, { dataKey: "date", tickLine: false, axisLine: false, tickMargin: 8, minTickGap: 32, tickFormatter: (value) => {
+                            const date = new Date(value);
+                            return date.toLocaleDateString(locale, {
+                                month: "short",
+                                day: "numeric",
+                            });
+                        } }),
+                    React.createElement(ChartTooltip, { cursor: false, content: React.createElement(ChartTooltipContent, { labelFormatter: (value) => {
+                                return new Date(value).toLocaleDateString(locale, {
+                                    month: "short",
+                                    day: "numeric",
+                                });
+                            }, indicator: "dot" }) }),
+                    legends.map((legend) => {
+                        const key = legend.toLowerCase();
+                        return (React.createElement(Area, { key: key, dataKey: key, type: "monotone", fill: `url(#fill${legend})`, stroke: `var(--color-${key})`, stackId: "a" }));
+                    }),
+                    React.createElement(ChartLegend, { content: React.createElement(ChartLegendContent, null) }))))));
+};

package/components/ui/area-chart-v1.d.ts

@@ -1,19 +1,2 @@
-import * as React from "react";
-interface ChartDataItem {
-    date: string;
-    [key: string]: number | string;
-}
-export interface AreaChartV1Props {
-    dates: ChartDataItem[];
-    description: string;
-    legends: string[];
-    title: string;
-    selectors: {
-        label: string;
-        value: string;
-    }[];
-    locale?: string;
-    onSelectorChange: (value: string) => void;
-}
-export declare const AreaChartV1: ({ dates, description, legends, title, selectors, locale, onSelectorChange, }: AreaChartV1Props) => React.JSX.Element;
-export {};
+export type { AreaChartV1Props } from "./area-chart-v1-impl";
+export declare const AreaChartV1: typeof import("./area-chart-v1-impl")["AreaChartV1"];

package/components/ui/area-chart-v1.js

@@ -1,114 +1,5 @@
 "use client";
-"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.AreaChartV1 = void 0;
-var React = __importStar(require("react"));
-var recharts_1 = require("recharts");
-var card_1 = require("../../components/ui/card");
-var chart_1 = require("../../components/ui/chart");
-var select_1 = require("../../components/ui/select");
-// Utility function to create ChartConfig from legends array
-var createChartConfig = function (legends) {
-    return legends.reduce(function (acc, legend, index) {
-        acc[legend.toLowerCase()] = {
-            label: legend,
-            color: "var(--chart-".concat(index + 1, ")"),
-        };
-        return acc;
-    }, {});
-};
-var AreaChartV1 = function (_a) {
-    var dates = _a.dates, description = _a.description, legends = _a.legends, title = _a.title, selectors = _a.selectors, _b = _a.locale, locale = _b === void 0 ? "en-US" : _b, onSelectorChange = _a.onSelectorChange;
-    var _c = React.useState("30d"), timeRange = _c[0], setTimeRange = _c[1];
-    var dynamicChartConfig = createChartConfig(legends);
-    var handleValueChange = function (value) {
-        setTimeRange(value);
-        onSelectorChange(value);
-    };
-    var filteredData = React.useMemo(function () {
-        var _a;
-        var daysMap = {
-            "7d": 7,
-            "30d": 30,
-            "90d": 90,
-        };
-        var daysToSubtract = (_a = daysMap[timeRange]) !== null && _a !== void 0 ? _a : 90;
-        var referenceDate = new Date(dates[dates.length - 1].date);
-        var startDate = new Date(referenceDate);
-        startDate.setDate(referenceDate.getDate() - daysToSubtract);
-        var startTime = startDate.getTime();
-        return dates.filter(function (item) { return new Date(item.date).getTime() >= startTime; });
-    }, [dates, timeRange]);
-    return (React.createElement(card_1.Card, { className: "pt-0" },
-        React.createElement(card_1.CardHeader, { className: "flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row" },
-            React.createElement("div", { className: "grid flex-1 gap-1" },
-                React.createElement(card_1.CardTitle, null, title),
-                React.createElement(card_1.CardDescription, null, description)),
-            React.createElement(select_1.Select, { value: timeRange, onValueChange: handleValueChange },
-                React.createElement(select_1.SelectTrigger, { className: "hidden w-40 rounded-lg sm:ml-auto sm:flex", "aria-label": "Select a value" },
-                    React.createElement(select_1.SelectValue, { placeholder: "Last 3 months" })),
-                React.createElement(select_1.SelectContent, { className: "rounded-xl" }, selectors.map(function (selector) { return (React.createElement(select_1.SelectItem, { key: selector.label, value: selector.value }, selector.label)); })))),
-        React.createElement(card_1.CardContent, { className: "px-2 pt-4 sm:px-6 sm:pt-6" },
-            React.createElement(chart_1.ChartContainer, { config: dynamicChartConfig, className: "aspect-auto h-[250px] w-full" },
-                React.createElement(recharts_1.AreaChart, { data: filteredData },
-                    React.createElement("defs", null, legends.map(function (legend) {
-                        var key = legend.toLowerCase();
-                        return (React.createElement("linearGradient", { key: key, id: "fill".concat(legend), x1: "0", y1: "0", x2: "0", y2: "1" },
-                            React.createElement("stop", { offset: "5%", stopColor: "var(--color-".concat(key, ")"), stopOpacity: 0.8 }),
-                            React.createElement("stop", { offset: "95%", stopColor: "var(--color-".concat(key, ")"), stopOpacity: 0.1 })));
-                    })),
-                    React.createElement(recharts_1.CartesianGrid, { vertical: false }),
-                    React.createElement(recharts_1.YAxis, { domain: [0, "auto"], hide: true }),
-                    React.createElement(recharts_1.XAxis, { dataKey: "date", tickLine: false, axisLine: false, tickMargin: 8, minTickGap: 32, tickFormatter: function (value) {
-                            var date = new Date(value);
-                            return date.toLocaleDateString(locale, {
-                                month: "short",
-                                day: "numeric",
-                            });
-                        } }),
-                    React.createElement(chart_1.ChartTooltip, { cursor: false, content: React.createElement(chart_1.ChartTooltipContent, { labelFormatter: function (value) {
-                                return new Date(value).toLocaleDateString(locale, {
-                                    month: "short",
-                                    day: "numeric",
-                                });
-                            }, indicator: "dot" }) }),
-                    legends.map(function (legend) {
-                        var key = legend.toLowerCase();
-                        return (React.createElement(recharts_1.Area, { key: key, dataKey: key, type: "monotone", fill: "url(#fill".concat(legend, ")"), stroke: "var(--color-".concat(key, ")"), stackId: "a" }));
-                    }),
-                    React.createElement(chart_1.ChartLegend, { content: React.createElement(chart_1.ChartLegendContent, null) }))))));
-};
-exports.AreaChartV1 = AreaChartV1;
+import * as React from "react";
+const module = import("./area-chart-v1-impl");
+const lazy = (name) => React.lazy(() => module.then((m) => ({ default: m[name] })));
+export const AreaChartV1 = lazy("AreaChartV1");

package/components/ui/aspect-ratio.js

@@ -1,40 +1,4 @@
 "use client";
-"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.AspectRatio = void 0;
-var AspectRatioPrimitive = __importStar(require("@radix-ui/react-aspect-ratio"));
-var AspectRatio = AspectRatioPrimitive.Root;
-exports.AspectRatio = AspectRatio;
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+const AspectRatio = AspectRatioPrimitive.Root;
+export { AspectRatio };

package/components/ui/avatar.js

@@ -1,49 +1,4 @@
 "use client";
-"use strict";
-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 __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)
@@ -55,26 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarFallback = exports.AvatarImage = exports.Avatar = void 0;
-var React = __importStar(require("react"));
-var AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
-var utils_1 = require("../../lib/utils");
-var Avatar = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(AvatarPrimitive.Root, __assign({ ref: ref, className: (0, utils_1.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className) }, props)));
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cn } from "../../lib/utils";
+const Avatar = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(AvatarPrimitive.Root, Object.assign({ ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className) }, props)));
 });
-exports.Avatar = Avatar;
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(AvatarPrimitive.Image, __assign({ ref: ref, className: (0, utils_1.cn)("aspect-square h-full w-full", className) }, props)));
+const AvatarImage = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(AvatarPrimitive.Image, Object.assign({ ref: ref, className: cn("aspect-square h-full w-full", className) }, props)));
 });
-exports.AvatarImage = AvatarImage;
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (React.createElement(AvatarPrimitive.Fallback, __assign({ ref: ref, className: (0, utils_1.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted", className) }, props)));
+const AvatarFallback = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(AvatarPrimitive.Fallback, Object.assign({ ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className) }, props)));
 });
-exports.AvatarFallback = AvatarFallback;
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export { Avatar, AvatarImage, AvatarFallback };

package/components/ui/badge.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "secondary" | "default" | "destructive" | "outline" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;

package/components/ui/badge.js

@@ -1,48 +1,3 @@
-"use strict";
-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 __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)
@@ -54,13 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.badgeVariants = void 0;
-exports.Badge = Badge;
-var React = __importStar(require("react"));
-var class_variance_authority_1 = require("class-variance-authority");
-var utils_1 = require("../../lib/utils");
-var badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
     variants: {
         variant: {
             default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
@@ -73,8 +25,8 @@ var badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-cente
         variant: "default",
     },
 });
-exports.badgeVariants = badgeVariants;
 function Badge(_a) {
-    var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
-    return (React.createElement("div", __assign({ className: (0, utils_1.cn)(badgeVariants({ variant: variant }), className) }, props)));
+    var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
+    return (React.createElement("div", Object.assign({ className: cn(badgeVariants({ variant }), className) }, props)));
 }
+export { Badge, badgeVariants };