@appcorp/shadcn 1.2.0 → 2.0.0

package/components/app-sidebar.js

@@ -1,5 +1,4 @@
 "use client";
-"use strict";
 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)
@@ -11,31 +10,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppSidebar = void 0;
-var react_1 = __importDefault(require("react"));
-var nav_main_1 = require("./nav-main");
-var nav_projects_1 = require("./nav-projects");
-var nav_user_1 = require("./nav-user");
-var team_switcher_1 = require("./team-switcher");
-var sidebar_1 = require("./sidebar");
-var AppSidebar = function (_a) {
+import React from "react";
+import { NavMain } from "./nav-main";
+import { NavProjects } from "./nav-projects";
+import { NavUser } from "./nav-user";
+import { TeamSwitcher } from "./team-switcher";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "./sidebar";
+export const AppSidebar = (_a) => {
     var props = __rest(_a, []);
-    return (react_1.default.createElement(sidebar_1.Sidebar, { collapsible: "icon" },
-        react_1.default.createElement(sidebar_1.SidebarHeader, null,
-            react_1.default.createElement(team_switcher_1.TeamSwitcher, { profiles: props.profiles })),
-        react_1.default.createElement(sidebar_1.SidebarContent, null,
-            react_1.default.createElement(nav_main_1.NavMain, { items: props.navItems }),
-            react_1.default.createElement(nav_projects_1.NavProjects, { apps: props.apps, offerUrl: props.offerUrl })),
-        react_1.default.createElement(sidebar_1.SidebarFooter, null,
-            react_1.default.createElement(nav_user_1.NavUser, { footerNavItems: props.footerNavItems, handleSignOut: props.handleSignOut, user: {
+    return (React.createElement(Sidebar, { collapsible: "icon" },
+        React.createElement(SidebarHeader, null,
+            React.createElement(TeamSwitcher, { profiles: props.profiles })),
+        React.createElement(SidebarContent, null,
+            React.createElement(NavMain, { items: props.navItems }),
+            React.createElement(NavProjects, { apps: props.apps, offerUrl: props.offerUrl })),
+        React.createElement(SidebarFooter, null,
+            React.createElement(NavUser, { footerNavItems: props.footerNavItems, handleSignOut: props.handleSignOut, user: {
                     email: props.email,
                     name: props.username,
                     avatar: props.avatar,
                 } })),
-        react_1.default.createElement(sidebar_1.SidebarRail, null)));
+        React.createElement(SidebarRail, null)));
 };
-exports.AppSidebar = AppSidebar;

package/components/audio.js

@@ -1,21 +1,13 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { Button } from "./ui/button";
+import { EnhancedLabel } from "./enhanced-label";
+export const AudioControl = ({ audioUrl, id, label, onDelete, onGenerate, required = false, }) => {
+    return (React.createElement("div", { className: "space-y-2" },
+        label && (React.createElement(EnhancedLabel, { htmlFor: id, required: required }, label)),
+        !audioUrl && (React.createElement("div", { className: "flex gap-2" },
+            React.createElement(Button, { type: "button", onClick: onGenerate, variant: "outline", className: "flex-1" }, "Generate Audio"),
+            React.createElement(Button, { type: "button", onClick: onDelete, variant: "destructive", className: "flex-1" }, "Delete Audio"))),
+        audioUrl && (React.createElement("div", { className: "mt-2 rounded-md border border-gray-200 bg-gray-50 p-3" },
+            React.createElement("audio", { controls: true, className: "w-full", src: audioUrl }, "Your browser does not support the audio element.")))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AudioControl = void 0;
-var react_1 = __importDefault(require("react"));
-var button_1 = require("./ui/button");
-var enhanced_label_1 = require("./enhanced-label");
-var AudioControl = function (_a) {
-    var audioUrl = _a.audioUrl, id = _a.id, label = _a.label, onDelete = _a.onDelete, onGenerate = _a.onGenerate, _b = _a.required, required = _b === void 0 ? false : _b;
-    return (react_1.default.createElement("div", { className: "space-y-2" },
-        label && (react_1.default.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required }, label)),
-        !audioUrl && (react_1.default.createElement("div", { className: "flex gap-2" },
-            react_1.default.createElement(button_1.Button, { type: "button", onClick: onGenerate, variant: "outline", className: "flex-1" }, "Generate Audio"),
-            react_1.default.createElement(button_1.Button, { type: "button", onClick: onDelete, variant: "destructive", className: "flex-1" }, "Delete Audio"))),
-        audioUrl && (react_1.default.createElement("div", { className: "mt-2 rounded-md border border-gray-200 bg-gray-50 p-3" },
-            react_1.default.createElement("audio", { controls: true, className: "w-full", src: audioUrl }, "Your browser does not support the audio element.")))));
-};
-exports.AudioControl = AudioControl;

package/components/dashboard.js

@@ -1,67 +1,29 @@
-"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.Dashboard = void 0;
-var react_1 = __importStar(require("react"));
-var lucide_react_1 = require("lucide-react");
-var app_sidebar_1 = require("./app-sidebar");
-var breadcrumb_1 = require("./ui/breadcrumb");
-var separator_1 = require("./ui/separator");
-var sidebar_1 = require("./sidebar");
-var theme_switcher_1 = require("./ui/theme-switcher");
-var button_1 = require("./ui/button");
-var language_selector_1 = require("./ui/language-selector");
-var Dashboard = function (_a) {
-    var apps = _a.apps, avatar = _a.avatar, breadcrumbs = _a.breadcrumbs, children = _a.children, clearBrowserCache = _a.clearBrowserCache, email = _a.email, footerNavItems = _a.footerNavItems, handleSignOut = _a.handleSignOut, locale = _a.locale, navItems = _a.navItems, offerUrl = _a.offerUrl, onLocaleChange = _a.onLocaleChange, profiles = _a.profiles, showLanguageSelector = _a.showLanguageSelector, username = _a.username;
-    return (react_1.default.createElement(sidebar_1.SidebarProvider, null,
-        react_1.default.createElement(app_sidebar_1.AppSidebar, { apps: apps, avatar: avatar, email: email, footerNavItems: footerNavItems, handleSignOut: handleSignOut, navItems: navItems, offerUrl: offerUrl, profiles: profiles, username: username }),
-        react_1.default.createElement(sidebar_1.SidebarInset, null,
-            react_1.default.createElement("header", { className: "flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12" },
-                react_1.default.createElement("div", { className: "flex items-center gap-2 px-4" },
-                    react_1.default.createElement(sidebar_1.SidebarTrigger, { className: "-ml-1" }),
-                    react_1.default.createElement(separator_1.Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }),
-                    react_1.default.createElement(breadcrumb_1.Breadcrumb, null,
-                        react_1.default.createElement(breadcrumb_1.BreadcrumbList, { className: "[&>*:last-child]:hidden" }, breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map(function (breadcrumb) { return (react_1.default.createElement(react_1.Fragment, { key: breadcrumb.label },
-                            react_1.default.createElement(breadcrumb_1.BreadcrumbItem, { className: "hidden md:block" },
-                                react_1.default.createElement(breadcrumb_1.BreadcrumbLink, { href: breadcrumb.href }, breadcrumb.label)),
-                            react_1.default.createElement(breadcrumb_1.BreadcrumbSeparator, { className: "hidden md:block" }))); })))),
-                react_1.default.createElement("div", { className: "flex items-center gap-2 px-4" },
-                    showLanguageSelector && (react_1.default.createElement(language_selector_1.LanguageSelector, { value: locale, onChange: onLocaleChange })),
-                    clearBrowserCache && (react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", "aria-label": "Clear browser cache", title: "Clear browser cache", onClick: clearBrowserCache, "data-slot": "clear-cache-button" },
-                        react_1.default.createElement(lucide_react_1.RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }))),
-                    react_1.default.createElement(theme_switcher_1.ThemeSwitcher, null))),
+import React, { Fragment } from "react";
+import { RefreshCw } from "lucide-react";
+import { AppSidebar } from "./app-sidebar";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, } from "./ui/breadcrumb";
+import { Separator } from "./ui/separator";
+import { SidebarInset, SidebarProvider, SidebarTrigger } from "./sidebar";
+import { ThemeSwitcher } from "./ui/theme-switcher";
+import { Button } from "./ui/button";
+import { LanguageSelector } from "./ui/language-selector";
+export const Dashboard = ({ apps, avatar, breadcrumbs, children, clearBrowserCache, email, footerNavItems, handleSignOut, locale, navItems, offerUrl, onLocaleChange, profiles, showLanguageSelector, username, }) => {
+    return (React.createElement(SidebarProvider, null,
+        React.createElement(AppSidebar, { apps: apps, avatar: avatar, email: email, footerNavItems: footerNavItems, handleSignOut: handleSignOut, navItems: navItems, offerUrl: offerUrl, profiles: profiles, username: username }),
+        React.createElement(SidebarInset, null,
+            React.createElement("header", { className: "flex h-16 shrink-0 items-center justify-between gap-2 border transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12" },
+                React.createElement("div", { className: "flex items-center gap-2 px-4" },
+                    React.createElement(SidebarTrigger, { className: "-ml-1" }),
+                    React.createElement(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }),
+                    React.createElement(Breadcrumb, null,
+                        React.createElement(BreadcrumbList, { className: "[&>*:last-child]:hidden" }, breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.map((breadcrumb) => (React.createElement(Fragment, { key: breadcrumb.label },
+                            React.createElement(BreadcrumbItem, { className: "hidden md:block" },
+                                React.createElement(BreadcrumbLink, { href: breadcrumb.href }, breadcrumb.label)),
+                            React.createElement(BreadcrumbSeparator, { className: "hidden md:block" }))))))),
+                React.createElement("div", { className: "flex items-center gap-2 px-4" },
+                    showLanguageSelector && (React.createElement(LanguageSelector, { value: locale, onChange: onLocaleChange })),
+                    clearBrowserCache && (React.createElement(Button, { variant: "ghost", size: "icon", "aria-label": "Clear browser cache", title: "Clear browser cache", onClick: clearBrowserCache, "data-slot": "clear-cache-button" },
+                        React.createElement(RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }))),
+                    React.createElement(ThemeSwitcher, null))),
             children)));
 };
-exports.Dashboard = Dashboard;

package/components/drawer-generic.js

@@ -1,47 +1,39 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerGeneric = void 0;
-var drawer_1 = require("../components/ui/drawer");
-var lucide_react_1 = require("lucide-react");
-var button_1 = require("../components/ui/button");
-var react_1 = __importDefault(require("react"));
-var separator_1 = require("../components/ui/separator");
-var utils_1 = require("../lib/utils");
-var DrawerGeneric = function (_a) {
-    var _b = _a.direction, direction = _b === void 0 ? "right" : _b, filterDrawer = _a.filterDrawer, filterDrawerFooter = _a.filterDrawerFooter, filterDrawerHeader = _a.filterDrawerHeader, formDrawer = _a.formDrawer, formDrawerFooter = _a.formDrawerFooter, formDrawerHeader = _a.formDrawerHeader, moreActionsDrawer = _a.moreActionsDrawer, moreActionsDrawerFooter = _a.moreActionsDrawerFooter, moreActionsDrawerHeader = _a.moreActionsDrawerHeader, onOpenChange = _a.onOpenChange, open = _a.open, viewDrawer = _a.viewDrawer, viewDrawerFooter = _a.viewDrawerFooter, viewDrawerHeader = _a.viewDrawerHeader, _c = _a.width, width = _c === void 0 ? "small" : _c;
-    var widthClass = {
+import { Drawer as ShadcnDrawer, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, } from "../components/ui/drawer";
+import { X } from "lucide-react";
+import { Button } from "../components/ui/button";
+import React from "react";
+import { Separator } from "../components/ui/separator";
+import { cn } from "../lib/utils";
+export const DrawerGeneric = ({ direction = "right", filterDrawer, filterDrawerFooter, filterDrawerHeader, formDrawer, formDrawerFooter, formDrawerHeader, moreActionsDrawer, moreActionsDrawerFooter, moreActionsDrawerHeader, onOpenChange, open, viewDrawer, viewDrawerFooter, viewDrawerHeader, width = "small", }) => {
+    const widthClass = {
         small: "w-[400px]",
         medium: "w-[700px]",
         large: "w-[1000px]",
         full: "w-screen",
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(drawer_1.Drawer, { direction: direction, onOpenChange: onOpenChange, open: open },
-            react_1.default.createElement(drawer_1.DrawerContent, { className: (0, utils_1.cn)("", widthClass[width]) },
-                react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row justify-center items-start" },
-                    react_1.default.createElement("div", { className: "w-full" },
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ShadcnDrawer, { direction: direction, onOpenChange: onOpenChange, open: open },
+            React.createElement(DrawerContent, { className: cn("", widthClass[width]) },
+                React.createElement(DrawerHeader, { className: "flex flex-row justify-center items-start" },
+                    React.createElement("div", { className: "w-full" },
                         moreActionsDrawerHeader,
                         filterDrawerHeader,
                         formDrawerHeader,
                         viewDrawerHeader),
-                    react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
-                        react_1.default.createElement(button_1.Button, { size: "icon", variant: "ghost", className: "h-8 w-8" },
-                            react_1.default.createElement(lucide_react_1.X, { className: "h-4 w-4" })))),
-                react_1.default.createElement(separator_1.Separator, null),
-                react_1.default.createElement("div", { className: "overflow-y-auto p-4 flex-1" },
+                    React.createElement(DrawerClose, { asChild: true },
+                        React.createElement(Button, { size: "icon", variant: "ghost", className: "h-8 w-8" },
+                            React.createElement(X, { className: "h-4 w-4" })))),
+                React.createElement(Separator, null),
+                React.createElement("div", { className: "overflow-y-auto p-4 flex-1" },
                     moreActionsDrawer,
                     filterDrawer,
                     formDrawer,
                     viewDrawer),
-                react_1.default.createElement(separator_1.Separator, null),
-                react_1.default.createElement(drawer_1.DrawerFooter, null,
+                React.createElement(Separator, null),
+                React.createElement(DrawerFooter, null,
                     moreActionsDrawerFooter,
                     filterDrawerFooter,
                     formDrawerFooter,
                     viewDrawerFooter)))));
 };
-exports.DrawerGeneric = DrawerGeneric;

package/components/enhanced-checkbox.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,17 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedCheckbox = void 0;
-var React = __importStar(require("react"));
-var utils_1 = require("../lib/utils");
-var checkbox_1 = require("./ui/checkbox");
-var enhanced_label_1 = require("./enhanced-label");
-var EnhancedCheckbox = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, id = _a.id, testId = _a.testId, props = __rest(_a, ["className", "error", "info", "label", "id", "testId"]);
+import * as React from "react";
+import { cn } from "../lib/utils";
+import { Checkbox } from "./ui/checkbox";
+import { EnhancedLabel } from "./enhanced-label";
+const EnhancedCheckbox = React.forwardRef((_a, ref) => {
+    var { className, error, info, label, id, testId } = _a, props = __rest(_a, ["className", "error", "info", "label", "id", "testId"]);
     // Determine if there's an error (for aria-invalid and styling)
-    var hasError = Boolean(error);
-    var checkboxElement = (React.createElement(checkbox_1.Checkbox, __assign({ ref: ref, id: id, "data-slot": "checkbox", "data-testid": testId, "aria-invalid": hasError, className: (0, utils_1.cn)(
+    const hasError = Boolean(error);
+    const checkboxElement = (React.createElement(Checkbox, Object.assign({ ref: ref, id: id, "data-slot": "checkbox", "data-testid": testId, "aria-invalid": hasError, className: cn(
         // Error state styling
         hasError &&
             "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props)));
@@ -74,7 +27,7 @@ var EnhancedCheckbox = React.forwardRef(function (_a, ref) {
         return (React.createElement("div", { className: "w-full space-y-2" },
             React.createElement("div", { className: "flex items-center space-x-2" },
                 checkboxElement,
-                React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, label)),
+                React.createElement(EnhancedLabel, { htmlFor: id, className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" }, label)),
             (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
     }
     // If no label, render just the checkbox with messages (backward compatibility)
@@ -82,5 +35,5 @@ var EnhancedCheckbox = React.forwardRef(function (_a, ref) {
         checkboxElement,
         (error || info) && (React.createElement("div", null, error ? (React.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
 });
-exports.EnhancedCheckbox = EnhancedCheckbox;
 EnhancedCheckbox.displayName = "EnhancedCheckbox";
+export { EnhancedCheckbox };