@appcorp/shadcn 1.0.38 → 1.1.0

package/components/nav-user.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavUser = NavUser;
 var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
-var avatar_1 = require("./avatar");
-var dropdown_menu_1 = require("./dropdown-menu");
+var avatar_1 = require("./ui/avatar");
+var dropdown_menu_1 = require("./ui/dropdown-menu");
 var sidebar_1 = require("./sidebar");
 function NavUser(_a) {
     var user = _a.user;

package/components/shadcn-example/coming-soon/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComingSoon = void 0;
 var link_1 = __importDefault(require("next/link"));
 var lucide_react_1 = require("lucide-react");
-var input_1 = require("../../input");
-var button_1 = require("../../button");
+var input_1 = require("../../ui/input");
+var button_1 = require("../../ui/button");
 var countdown_1 = require("./countdown");
 // import { Logo } from "@/components/logo";
 var image_1 = __importDefault(require("next/image"));

package/components/shadcn-io/color-picker/index.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import Color from "color";
 import { Slider } from "radix-ui";
 import { type ComponentProps, type HTMLAttributes } from "react";
-import { Button } from "../../button";
-import { SelectTrigger } from "../../select";
+import { Button } from "../../ui/button";
+import { SelectTrigger } from "../../ui/select";
 interface ColorPickerContextValue {
     hue: number;
     saturation: number;

package/components/shadcn-io/color-picker/index.js

@@ -68,10 +68,10 @@ var color_1 = __importDefault(require("color"));
 var lucide_react_1 = require("lucide-react");
 var radix_ui_1 = require("radix-ui");
 var react_2 = require("react");
-var button_1 = require("../../button");
-var input_1 = require("../../input");
-var label_1 = require("../../label");
-var select_1 = require("../../select");
+var button_1 = require("../../ui/button");
+var input_1 = require("../../ui/input");
+var enhanced_label_1 = require("../../enhanced-label");
+var select_1 = require("../../ui/select");
 var utils_1 = require("../../../lib/utils");
 var ColorPickerContext = (0, react_2.createContext)(undefined);
 var useColorPicker = function () {
@@ -129,7 +129,7 @@ var ColorPicker = function (_a) {
     // If label is provided, render the complete color picker with label structure
     if (label) {
         return (react_1.default.createElement("div", { className: "w-full space-y-2" },
-            react_1.default.createElement(label_1.Label, { htmlFor: id, required: required }, label),
+            react_1.default.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label),
             colorPickerElement,
             (error || info) && (react_1.default.createElement("div", null, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
     }

package/components/shadcn-io/dropzone/index.js

@@ -31,7 +31,7 @@ var lucide_react_1 = require("lucide-react");
 var react_1 = __importDefault(require("react"));
 var react_2 = require("react");
 var react_dropzone_1 = require("react-dropzone");
-var button_1 = require("../../button");
+var button_1 = require("../../ui/button");
 var utils_1 = require("../../../lib/utils");
 var renderBytes = function (bytes) {
     var units = ["B", "KB", "MB", "GB", "TB", "PB"];

package/components/shadcn-io/gantt/index.js

@@ -77,8 +77,8 @@ var jotai_1 = require("jotai");
 var lodash_throttle_1 = __importDefault(require("lodash.throttle"));
 var lucide_react_1 = require("lucide-react");
 var react_1 = __importStar(require("react"));
-var card_1 = require("../../card");
-var context_menu_1 = require("../../context-menu");
+var card_1 = require("../../ui/card");
+var context_menu_1 = require("../../ui/context-menu");
 var utils_1 = require("../../../lib/utils");
 var draggingAtom = (0, jotai_1.atom)(false);
 var scrollXAtom = (0, jotai_1.atom)(0);

package/components/shadcn-io/table/index.js

@@ -40,9 +40,9 @@ var react_table_1 = require("@tanstack/react-table");
 var jotai_1 = require("jotai");
 var lucide_react_1 = require("lucide-react");
 var react_1 = __importStar(require("react"));
-var button_1 = require("../../button");
-var dropdown_menu_1 = require("../../dropdown-menu");
-var table_1 = require("../../table");
+var button_1 = require("../../ui/button");
+var dropdown_menu_1 = require("../../ui/dropdown-menu");
+var table_1 = require("../../ui/table");
 var utils_1 = require("../../../lib/utils");
 var sortingAtom = (0, jotai_1.atom)([]);
 exports.TableContext = (0, react_1.createContext)({

package/components/sidebar.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { VariantProps } from "class-variance-authority";
-import { Button } from "./button";
-import { Input } from "./input";
-import { Separator } from "./separator";
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+import { Separator } from "./ui/separator";
 import { TooltipContent } from "./tooltip";
 type SidebarContextProps = {
     state: "expanded" | "collapsed";

package/components/sidebar.js

@@ -86,11 +86,11 @@ var class_variance_authority_1 = require("class-variance-authority");
 var lucide_react_1 = require("lucide-react");
 var use_mobile_1 = require("../hooks/use-mobile");
 var utils_1 = require("../lib/utils");
-var button_1 = require("./button");
-var input_1 = require("./input");
-var separator_1 = require("./separator");
-var sheet_1 = require("./sheet");
-var skeleton_1 = require("./skeleton");
+var button_1 = require("./ui/button");
+var input_1 = require("./ui/input");
+var separator_1 = require("./ui/separator");
+var sheet_1 = require("./ui/sheet");
+var skeleton_1 = require("./ui/skeleton");
 var tooltip_1 = require("./tooltip");
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

package/components/team-switcher.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TeamSwitcher = void 0;
 var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
-var dropdown_menu_1 = require("./dropdown-menu");
+var dropdown_menu_1 = require("./ui/dropdown-menu");
 var sidebar_1 = require("./sidebar");
-var avatar_1 = require("./avatar");
+var avatar_1 = require("./ui/avatar");
 var TeamSwitcher = function (_a) {
     var members = _a.members;
     var isMobile = (0, sidebar_1.useSidebar)().isMobile;

package/components/{accordion.js → ui/accordion.js}

@@ -59,7 +59,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
 var React = __importStar(require("react"));
 var AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
-var utils_1 = require("../lib/utils");
+var utils_1 = require("../../lib/utils");
 var react_icons_1 = require("@radix-ui/react-icons");
 var Accordion = AccordionPrimitive.Root;
 exports.Accordion = Accordion;

package/components/ui/alert-dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/components/ui/alert-dialog.js

@@ -0,0 +1,120 @@
+"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)
+        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.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = void 0;
+var React = __importStar(require("react"));
+var AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
+var utils_1 = require("../../lib/utils");
+var button_1 = require("../ui/button");
+var AlertDialog = AlertDialogPrimitive.Root;
+exports.AlertDialog = AlertDialog;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+exports.AlertDialogPortal = AlertDialogPortal;
+var AlertDialogOverlay = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(AlertDialogPrimitive.Overlay, __assign({ className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className) }, props, { ref: ref })));
+});
+exports.AlertDialogOverlay = AlertDialogOverlay;
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(AlertDialogPortal, null,
+        React.createElement(AlertDialogOverlay, null),
+        React.createElement(AlertDialogPrimitive.Content, __assign({ ref: ref, className: (0, utils_1.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className) }, props))));
+});
+exports.AlertDialogContent = AlertDialogContent;
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: (0, utils_1.cn)("flex flex-col space-y-2 text-center sm:text-left", className) }, props)));
+};
+exports.AlertDialogHeader = AlertDialogHeader;
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: (0, utils_1.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className) }, props)));
+};
+exports.AlertDialogFooter = AlertDialogFooter;
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(AlertDialogPrimitive.Title, __assign({ ref: ref, className: (0, utils_1.cn)("text-lg font-semibold", className) }, props)));
+});
+exports.AlertDialogTitle = AlertDialogTitle;
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(AlertDialogPrimitive.Description, __assign({ ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className) }, props)));
+});
+exports.AlertDialogDescription = AlertDialogDescription;
+AlertDialogDescription.displayName =
+    AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(AlertDialogPrimitive.Action, __assign({ ref: ref, className: (0, utils_1.cn)((0, button_1.buttonVariants)(), className) }, props)));
+});
+exports.AlertDialogAction = AlertDialogAction;
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(AlertDialogPrimitive.Cancel, __assign({ ref: ref, className: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant: "outline" }), "mt-2 sm:mt-0", className) }, props)));
+});
+exports.AlertDialogCancel = AlertDialogCancel;
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;

package/components/ui/alert.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };

package/components/ui/alert.js

@@ -0,0 +1,90 @@
+"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)
+        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.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", {
+    variants: {
+        variant: {
+            default: "bg-background text-foreground",
+            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+        },
+    },
+    defaultVariants: {
+        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)));
+});
+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)));
+});
+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)));
+});
+exports.AlertDescription = AlertDescription;
+AlertDescription.displayName = "AlertDescription";

package/components/ui/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AspectRatio };

package/components/ui/aspect-ratio.js

@@ -0,0 +1,40 @@
+"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;

package/components/ui/avatar.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar, AvatarImage, AvatarFallback };

package/components/{avatar.js → ui/avatar.js}

@@ -56,25 +56,25 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = Avatar;
-exports.AvatarImage = AvatarImage;
-exports.AvatarFallback = AvatarFallback;
+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");
-function Avatar(_a) {
+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({ "data-slot": "avatar", className: (0, utils_1.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full", className) }, props)));
-}
-function AvatarImage(_a) {
+    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)));
+});
+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({ "data-slot": "avatar-image", className: (0, utils_1.cn)("aspect-square size-full", className) }, props)));
-}
-function AvatarFallback(_a) {
+    return (React.createElement(AvatarPrimitive.Image, __assign({ ref: ref, className: (0, utils_1.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({ "data-slot": "avatar-fallback", 
-        // Provide an explicit fallback foreground so parent hover styles don't
-        // unintentionally change the initials' color. Callers can still override
-        // by passing a className (e.g. using ! to force override).
-        className: (0, utils_1.cn)("bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full", className) }, props)));
-}
+    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)));
+});
+exports.AvatarFallback = AvatarFallback;
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;

package/components/{badge.d.ts → ui/badge.d.ts}

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

package/components/{badge.js → ui/badge.js}

@@ -58,16 +58,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.badgeVariants = void 0;
 exports.Badge = Badge;
 var React = __importStar(require("react"));
-var react_slot_1 = require("@radix-ui/react-slot");
 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 justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
+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", {
     variants: {
         variant: {
-            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+            secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+            outline: "text-foreground",
         },
     },
     defaultVariants: {
@@ -76,7 +75,6 @@ var badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-cente
 });
 exports.badgeVariants = badgeVariants;
 function Badge(_a) {
-    var className = _a.className, variant = _a.variant, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "asChild"]);
-    var Comp = asChild ? react_slot_1.Slot : "span";
-    return (React.createElement(Comp, __assign({ "data-slot": "badge", className: (0, utils_1.cn)(badgeVariants({ variant: variant }), className) }, props)));
+    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)));
 }

package/components/ui/breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };