@appcorp/shadcn 1.0.11 → 1.0.13

package/components/theme-provider.js

@@ -0,0 +1,122 @@
+"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.ThemeProvider = ThemeProvider;
+var react_1 = __importStar(require("react"));
+var next_themes_1 = require("next-themes");
+var themes_1 = require("../lib/themes");
+// Component that applies theme variables when theme changes
+function ThemeApplier(_a) {
+    var children = _a.children;
+    var _b = (0, next_themes_1.useTheme)(), theme = _b.theme, resolvedTheme = _b.resolvedTheme;
+    (0, react_1.useEffect)(function () {
+        var applyTheme = function (themeName) {
+            var themeConfig = themes_1.themes[themeName];
+            if (!themeConfig) {
+                console.warn("Theme \"".concat(themeName, "\" not found, falling back to light theme"));
+                // Fallback to light theme
+                var lightTheme = themes_1.themes.light;
+                if (lightTheme) {
+                    var root_1 = document.documentElement;
+                    Object.entries(lightTheme.colors).forEach(function (_a) {
+                        var key = _a[0], value = _a[1];
+                        root_1.style.setProperty("--".concat(key), value);
+                    });
+                }
+                return;
+            }
+            var root = document.documentElement;
+            // Apply theme colors as CSS variables
+            Object.entries(themeConfig.colors).forEach(function (_a) {
+                var key = _a[0], value = _a[1];
+                root.style.setProperty("--".concat(key), value);
+            });
+            // Add theme class to root element for CSS selectors
+            root.className = root.className.replace(/theme-\w+/g, "");
+            root.classList.add("theme-".concat(themeName));
+            // Also set data-theme attribute for CSS selectors
+            root.setAttribute("data-theme", themeName);
+        };
+        // Apply theme on mount and when theme changes
+        var activeTheme = resolvedTheme || theme || "light";
+        // Always apply theme, even if it's "system" - fallback to light
+        var themeToApply = activeTheme === "system" ? "light" : activeTheme;
+        applyTheme(themeToApply);
+    }, [theme, resolvedTheme]);
+    // Apply default theme on mount
+    (0, react_1.useEffect)(function () {
+        // Apply light theme as default on first mount
+        var applyDefaultTheme = function () {
+            var lightTheme = themes_1.themes.light;
+            if (lightTheme) {
+                var root_2 = document.documentElement;
+                Object.entries(lightTheme.colors).forEach(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    root_2.style.setProperty("--".concat(key), value);
+                });
+            }
+        };
+        applyDefaultTheme();
+    }, []); // Run only once on mount
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+}
+function ThemeProvider(_a) {
+    var children = _a.children, _b = _a.defaultTheme, defaultTheme = _b === void 0 ? "light" : _b, _c = _a.storageKey, storageKey = _c === void 0 ? "ui-theme" : _c, _d = _a.enableSystem, enableSystem = _d === void 0 ? false : _d, props = __rest(_a, ["children", "defaultTheme", "storageKey", "enableSystem"]);
+    return (react_1.default.createElement(next_themes_1.ThemeProvider, __assign({ attribute: "data-theme", defaultTheme: defaultTheme, storageKey: storageKey, enableSystem: enableSystem, themes: Object.keys(themes_1.themes) }, props),
+        react_1.default.createElement(ThemeApplier, null, children)));
+}

package/components/tooltip.d.ts

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

package/components/tooltip.js

@@ -0,0 +1,85 @@
+"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.Tooltip = Tooltip;
+exports.TooltipTrigger = TooltipTrigger;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+var React = __importStar(require("react"));
+var TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
+var utils_1 = require("../lib/utils");
+function TooltipProvider(_a) {
+    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
+    return (React.createElement(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(TooltipProvider, null,
+        React.createElement(TooltipPrimitive.Root, __assign({ "data-slot": "tooltip" }, props))));
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return React.createElement(TooltipPrimitive.Trigger, __assign({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (React.createElement(TooltipPrimitive.Portal, null,
+        React.createElement(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: (0, utils_1.cn)("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className) }, props),
+            children,
+            React.createElement(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" }))));
+}

package/data/admin-dashboard.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from "react";
+import { Frame, PieChart } from "lucide-react";
+export interface DashboardMemberItem {
+    name: string;
+    avatar: string;
+    age: string;
+}
+export interface DashboardNavItem {
+    title: string;
+    url: string;
+    icon: typeof Frame;
+    isActive: boolean;
+    subItems: Array<{
+        title: string;
+        url: string;
+    }>;
+}
+export interface AppItem {
+    name: string;
+    url: string;
+    icon: typeof PieChart;
+}
+export interface BreadcrumbItem {
+    label: string;
+    href: string;
+}
+export interface DashboardProps {
+    apps: Array<AppItem>;
+    avatar: string;
+    breadcrumbs?: Array<BreadcrumbItem>;
+    children?: ReactNode;
+    email: string;
+    members: Array<DashboardMemberItem>;
+    navItems: Array<DashboardNavItem>;
+    username: string;
+}
+export declare const adminDashboardData: DashboardProps;

package/data/admin-dashboard.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adminDashboardData = void 0;
+var lucide_react_1 = require("lucide-react");
+exports.adminDashboardData = {
+    apps: [
+        {
+            name: "Analytics",
+            url: "#",
+            icon: lucide_react_1.PieChart,
+        },
+        {
+            name: "Terminal",
+            url: "#",
+            icon: lucide_react_1.SquareTerminal,
+        },
+    ],
+    username: "Muntazim",
+    email: "admin@byteducator.com",
+    avatar: "/avatars/shadcn.jpg",
+    members: [
+        {
+            name: "Subhan",
+            avatar: "",
+            age: "3 Yrs",
+        },
+        {
+            name: "Mustajab",
+            avatar: "",
+            age: "4 Yrs",
+        },
+    ],
+    navItems: [
+        {
+            title: "Dashboard",
+            url: "",
+            icon: lucide_react_1.SquareTerminal,
+            isActive: true,
+            subItems: [],
+        },
+        {
+            title: "Flashcard Category",
+            url: "#",
+            icon: lucide_react_1.Bot,
+            isActive: false,
+            subItems: [
+                {
+                    title: "Manage",
+                    url: "",
+                },
+                {
+                    title: "Toddler / Early childhood",
+                    url: "#",
+                },
+                {
+                    title: "Preschool / Pre-kindergarten",
+                    url: "#",
+                },
+                {
+                    title: "Kindergarten",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 1",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 2",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 3",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 4",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 5",
+                    url: "#",
+                },
+            ],
+        },
+        {
+            title: "Flashcard",
+            url: "#",
+            icon: lucide_react_1.Bot,
+            isActive: false,
+            subItems: [
+                {
+                    title: "Toddler / Early childhood",
+                    url: "#",
+                },
+                {
+                    title: "Preschool / Pre-kindergarten",
+                    url: "#",
+                },
+                {
+                    title: "Kindergarten",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 1",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 2",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 3",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 4",
+                    url: "#",
+                },
+                {
+                    title: "Grade / Standard 5",
+                    url: "#",
+                },
+            ],
+        },
+        {
+            title: "Quizzes",
+            url: "#",
+            icon: lucide_react_1.BookOpen,
+            isActive: false,
+            subItems: [
+                {
+                    title: "Introduction",
+                    url: "#",
+                },
+                {
+                    title: "Get Started",
+                    url: "#",
+                },
+                {
+                    title: "Tutorials",
+                    url: "#",
+                },
+                {
+                    title: "Changelog",
+                    url: "#",
+                },
+            ],
+        },
+        {
+            title: "Settings",
+            url: "#",
+            icon: lucide_react_1.Settings2,
+            isActive: false,
+            subItems: [
+                {
+                    title: "General",
+                    url: "#",
+                },
+                {
+                    title: "Kids",
+                    url: "#",
+                },
+            ],
+        },
+    ],
+};

package/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/hooks/use-mobile.js

@@ -0,0 +1,51 @@
+"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.useIsMobile = useIsMobile;
+var React = __importStar(require("react"));
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+    var _a = React.useState(undefined), isMobile = _a[0], setIsMobile = _a[1];
+    React.useEffect(function () {
+        var mql = window.matchMedia("(max-width: ".concat(MOBILE_BREAKPOINT - 1, "px)"));
+        var onChange = function () {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return function () { return mql.removeEventListener("change", onChange); };
+    }, []);
+    return !!isMobile;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",