@appcorp/shadcn 1.0.10

package/lib/themes.d.ts

@@ -0,0 +1,147 @@
+export declare const themes: {
+    readonly light: {
+        readonly name: "light";
+        readonly displayName: "Light";
+        readonly colors: {
+            readonly background: "oklch(1 0 0)";
+            readonly foreground: "oklch(0.145 0 0)";
+            readonly card: "oklch(1 0 0)";
+            readonly "card-foreground": "oklch(0.145 0 0)";
+            readonly popover: "oklch(1 0 0)";
+            readonly "popover-foreground": "oklch(0.145 0 0)";
+            readonly primary: "oklch(0.205 0 0)";
+            readonly "primary-foreground": "oklch(0.985 0 0)";
+            readonly secondary: "oklch(0.97 0 0)";
+            readonly "secondary-foreground": "oklch(0.205 0 0)";
+            readonly muted: "oklch(0.97 0 0)";
+            readonly "muted-foreground": "oklch(0.556 0 0)";
+            readonly accent: "oklch(0.97 0 0)";
+            readonly "accent-foreground": "oklch(0.205 0 0)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.922 0 0)";
+            readonly input: "oklch(0.922 0 0)";
+            readonly ring: "oklch(0.708 0 0)";
+        };
+    };
+    readonly dark: {
+        readonly name: "dark";
+        readonly displayName: "Dark";
+        readonly colors: {
+            readonly background: "oklch(0.145 0 0)";
+            readonly foreground: "oklch(0.985 0 0)";
+            readonly card: "oklch(0.205 0 0)";
+            readonly "card-foreground": "oklch(0.985 0 0)";
+            readonly popover: "oklch(0.205 0 0)";
+            readonly "popover-foreground": "oklch(0.985 0 0)";
+            readonly primary: "oklch(0.922 0 0)";
+            readonly "primary-foreground": "oklch(0.205 0 0)";
+            readonly secondary: "oklch(0.269 0 0)";
+            readonly "secondary-foreground": "oklch(0.985 0 0)";
+            readonly muted: "oklch(0.269 0 0)";
+            readonly "muted-foreground": "oklch(0.708 0 0)";
+            readonly accent: "oklch(0.269 0 0)";
+            readonly "accent-foreground": "oklch(0.985 0 0)";
+            readonly destructive: "oklch(0.704 0.191 22.216)";
+            readonly border: "oklch(1 0 0 / 10%)";
+            readonly input: "oklch(1 0 0 / 15%)";
+            readonly ring: "oklch(0.556 0 0)";
+        };
+    };
+    readonly blue: {
+        readonly name: "blue";
+        readonly displayName: "Blue";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.005 246.049)";
+            readonly foreground: "oklch(0.15 0.02 247.858)";
+            readonly card: "oklch(0.99 0.005 246.049)";
+            readonly "card-foreground": "oklch(0.15 0.02 247.858)";
+            readonly popover: "oklch(0.99 0.005 246.049)";
+            readonly "popover-foreground": "oklch(0.15 0.02 247.858)";
+            readonly primary: "oklch(0.492 0.215 265.75)";
+            readonly "primary-foreground": "oklch(0.985 0.003 106.423)";
+            readonly secondary: "oklch(0.956 0.013 253.559)";
+            readonly "secondary-foreground": "oklch(0.15 0.02 247.858)";
+            readonly muted: "oklch(0.956 0.013 253.559)";
+            readonly "muted-foreground": "oklch(0.533 0.015 252.096)";
+            readonly accent: "oklch(0.956 0.013 253.559)";
+            readonly "accent-foreground": "oklch(0.15 0.02 247.858)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.013 252.096)";
+            readonly input: "oklch(0.898 0.013 252.096)";
+            readonly ring: "oklch(0.492 0.215 265.75)";
+        };
+    };
+    readonly green: {
+        readonly name: "green";
+        readonly displayName: "Green";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.01 142.425)";
+            readonly foreground: "oklch(0.15 0.025 142.425)";
+            readonly card: "oklch(0.99 0.01 142.425)";
+            readonly "card-foreground": "oklch(0.15 0.025 142.425)";
+            readonly popover: "oklch(0.99 0.01 142.425)";
+            readonly "popover-foreground": "oklch(0.15 0.025 142.425)";
+            readonly primary: "oklch(0.4 0.177 150.861)";
+            readonly "primary-foreground": "oklch(0.985 0.007 106.423)";
+            readonly secondary: "oklch(0.956 0.02 142.425)";
+            readonly "secondary-foreground": "oklch(0.15 0.025 142.425)";
+            readonly muted: "oklch(0.956 0.02 142.425)";
+            readonly "muted-foreground": "oklch(0.533 0.022 142.425)";
+            readonly accent: "oklch(0.956 0.02 142.425)";
+            readonly "accent-foreground": "oklch(0.15 0.025 142.425)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.02 142.425)";
+            readonly input: "oklch(0.898 0.02 142.425)";
+            readonly ring: "oklch(0.4 0.177 150.861)";
+        };
+    };
+    readonly purple: {
+        readonly name: "purple";
+        readonly displayName: "Purple";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.008 285.257)";
+            readonly foreground: "oklch(0.15 0.025 285.257)";
+            readonly card: "oklch(0.99 0.008 285.257)";
+            readonly "card-foreground": "oklch(0.15 0.025 285.257)";
+            readonly popover: "oklch(0.99 0.008 285.257)";
+            readonly "popover-foreground": "oklch(0.15 0.025 285.257)";
+            readonly primary: "oklch(0.45 0.224 293.334)";
+            readonly "primary-foreground": "oklch(0.985 0.003 106.423)";
+            readonly secondary: "oklch(0.956 0.015 285.257)";
+            readonly "secondary-foreground": "oklch(0.15 0.025 285.257)";
+            readonly muted: "oklch(0.956 0.015 285.257)";
+            readonly "muted-foreground": "oklch(0.533 0.025 285.257)";
+            readonly accent: "oklch(0.956 0.015 285.257)";
+            readonly "accent-foreground": "oklch(0.15 0.025 285.257)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.015 285.257)";
+            readonly input: "oklch(0.898 0.015 285.257)";
+            readonly ring: "oklch(0.45 0.224 293.334)";
+        };
+    };
+    readonly orange: {
+        readonly name: "orange";
+        readonly displayName: "Orange";
+        readonly colors: {
+            readonly background: "oklch(0.99 0.01 70.67)";
+            readonly foreground: "oklch(0.15 0.025 70.67)";
+            readonly card: "oklch(0.99 0.01 70.67)";
+            readonly "card-foreground": "oklch(0.15 0.025 70.67)";
+            readonly popover: "oklch(0.99 0.01 70.67)";
+            readonly "popover-foreground": "oklch(0.15 0.025 70.67)";
+            readonly primary: "oklch(0.5 0.207 60.234)";
+            readonly "primary-foreground": "oklch(0.985 0.005 106.423)";
+            readonly secondary: "oklch(0.956 0.02 70.67)";
+            readonly "secondary-foreground": "oklch(0.15 0.025 70.67)";
+            readonly muted: "oklch(0.956 0.02 70.67)";
+            readonly "muted-foreground": "oklch(0.533 0.025 70.67)";
+            readonly accent: "oklch(0.956 0.02 70.67)";
+            readonly "accent-foreground": "oklch(0.15 0.025 70.67)";
+            readonly destructive: "oklch(0.577 0.245 27.325)";
+            readonly border: "oklch(0.898 0.02 70.67)";
+            readonly input: "oklch(0.898 0.02 70.67)";
+            readonly ring: "oklch(0.5 0.207 60.234)";
+        };
+    };
+};
+export type ThemeName = keyof typeof themes;

package/lib/themes.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+// Theme configurations for multiple color schemes
+exports.themes = {
+    light: {
+        name: "light",
+        displayName: "Light",
+        colors: {
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.145 0 0)",
+            card: "oklch(1 0 0)",
+            "card-foreground": "oklch(0.145 0 0)",
+            popover: "oklch(1 0 0)",
+            "popover-foreground": "oklch(0.145 0 0)",
+            primary: "oklch(0.205 0 0)",
+            "primary-foreground": "oklch(0.985 0 0)",
+            secondary: "oklch(0.97 0 0)",
+            "secondary-foreground": "oklch(0.205 0 0)",
+            muted: "oklch(0.97 0 0)",
+            "muted-foreground": "oklch(0.556 0 0)",
+            accent: "oklch(0.97 0 0)",
+            "accent-foreground": "oklch(0.205 0 0)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.922 0 0)",
+            input: "oklch(0.922 0 0)",
+            ring: "oklch(0.708 0 0)",
+        },
+    },
+    dark: {
+        name: "dark",
+        displayName: "Dark",
+        colors: {
+            background: "oklch(0.145 0 0)",
+            foreground: "oklch(0.985 0 0)",
+            card: "oklch(0.205 0 0)",
+            "card-foreground": "oklch(0.985 0 0)",
+            popover: "oklch(0.205 0 0)",
+            "popover-foreground": "oklch(0.985 0 0)",
+            primary: "oklch(0.922 0 0)",
+            "primary-foreground": "oklch(0.205 0 0)",
+            secondary: "oklch(0.269 0 0)",
+            "secondary-foreground": "oklch(0.985 0 0)",
+            muted: "oklch(0.269 0 0)",
+            "muted-foreground": "oklch(0.708 0 0)",
+            accent: "oklch(0.269 0 0)",
+            "accent-foreground": "oklch(0.985 0 0)",
+            destructive: "oklch(0.704 0.191 22.216)",
+            border: "oklch(1 0 0 / 10%)",
+            input: "oklch(1 0 0 / 15%)",
+            ring: "oklch(0.556 0 0)",
+        },
+    },
+    blue: {
+        name: "blue",
+        displayName: "Blue",
+        colors: {
+            background: "oklch(0.99 0.005 246.049)",
+            foreground: "oklch(0.15 0.02 247.858)",
+            card: "oklch(0.99 0.005 246.049)",
+            "card-foreground": "oklch(0.15 0.02 247.858)",
+            popover: "oklch(0.99 0.005 246.049)",
+            "popover-foreground": "oklch(0.15 0.02 247.858)",
+            primary: "oklch(0.492 0.215 265.75)",
+            "primary-foreground": "oklch(0.985 0.003 106.423)",
+            secondary: "oklch(0.956 0.013 253.559)",
+            "secondary-foreground": "oklch(0.15 0.02 247.858)",
+            muted: "oklch(0.956 0.013 253.559)",
+            "muted-foreground": "oklch(0.533 0.015 252.096)",
+            accent: "oklch(0.956 0.013 253.559)",
+            "accent-foreground": "oklch(0.15 0.02 247.858)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.013 252.096)",
+            input: "oklch(0.898 0.013 252.096)",
+            ring: "oklch(0.492 0.215 265.75)",
+        },
+    },
+    green: {
+        name: "green",
+        displayName: "Green",
+        colors: {
+            background: "oklch(0.99 0.01 142.425)",
+            foreground: "oklch(0.15 0.025 142.425)",
+            card: "oklch(0.99 0.01 142.425)",
+            "card-foreground": "oklch(0.15 0.025 142.425)",
+            popover: "oklch(0.99 0.01 142.425)",
+            "popover-foreground": "oklch(0.15 0.025 142.425)",
+            primary: "oklch(0.4 0.177 150.861)",
+            "primary-foreground": "oklch(0.985 0.007 106.423)",
+            secondary: "oklch(0.956 0.02 142.425)",
+            "secondary-foreground": "oklch(0.15 0.025 142.425)",
+            muted: "oklch(0.956 0.02 142.425)",
+            "muted-foreground": "oklch(0.533 0.022 142.425)",
+            accent: "oklch(0.956 0.02 142.425)",
+            "accent-foreground": "oklch(0.15 0.025 142.425)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.02 142.425)",
+            input: "oklch(0.898 0.02 142.425)",
+            ring: "oklch(0.4 0.177 150.861)",
+        },
+    },
+    purple: {
+        name: "purple",
+        displayName: "Purple",
+        colors: {
+            background: "oklch(0.99 0.008 285.257)",
+            foreground: "oklch(0.15 0.025 285.257)",
+            card: "oklch(0.99 0.008 285.257)",
+            "card-foreground": "oklch(0.15 0.025 285.257)",
+            popover: "oklch(0.99 0.008 285.257)",
+            "popover-foreground": "oklch(0.15 0.025 285.257)",
+            primary: "oklch(0.45 0.224 293.334)",
+            "primary-foreground": "oklch(0.985 0.003 106.423)",
+            secondary: "oklch(0.956 0.015 285.257)",
+            "secondary-foreground": "oklch(0.15 0.025 285.257)",
+            muted: "oklch(0.956 0.015 285.257)",
+            "muted-foreground": "oklch(0.533 0.025 285.257)",
+            accent: "oklch(0.956 0.015 285.257)",
+            "accent-foreground": "oklch(0.15 0.025 285.257)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.015 285.257)",
+            input: "oklch(0.898 0.015 285.257)",
+            ring: "oklch(0.45 0.224 293.334)",
+        },
+    },
+    orange: {
+        name: "orange",
+        displayName: "Orange",
+        colors: {
+            background: "oklch(0.99 0.01 70.67)",
+            foreground: "oklch(0.15 0.025 70.67)",
+            card: "oklch(0.99 0.01 70.67)",
+            "card-foreground": "oklch(0.15 0.025 70.67)",
+            popover: "oklch(0.99 0.01 70.67)",
+            "popover-foreground": "oklch(0.15 0.025 70.67)",
+            primary: "oklch(0.5 0.207 60.234)",
+            "primary-foreground": "oklch(0.985 0.005 106.423)",
+            secondary: "oklch(0.956 0.02 70.67)",
+            "secondary-foreground": "oklch(0.15 0.025 70.67)",
+            muted: "oklch(0.956 0.02 70.67)",
+            "muted-foreground": "oklch(0.533 0.025 70.67)",
+            accent: "oklch(0.956 0.02 70.67)",
+            "accent-foreground": "oklch(0.15 0.025 70.67)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            border: "oklch(0.898 0.02 70.67)",
+            input: "oklch(0.898 0.02 70.67)",
+            ring: "oklch(0.5 0.207 60.234)",
+        },
+    },
+};

package/lib/toast-utils.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Shared Toast Utilities
+ *
+ * Theme-aware toast notification system using Sonner with comprehensive
+ * styling, icons, and theme integration for consistent user experience
+ * across all modules.
+ *
+ * Features:
+ * - Theme-aware styling (light/dark/system)
+ * - Lucide React icons for each toast type
+ * - Consistent styling with shadcn/ui components
+ * - TypeScript support with proper interfaces
+ * - Convenience functions for common use cases
+ */
+export declare enum TOAST_VARIANT {
+    ERROR = "error",
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
+interface ToastConfig {
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    description: string;
+    duration?: number;
+    theme?: "light" | "dark" | "system";
+    title?: string;
+    variant: TOAST_VARIANT;
+}
+export declare const generateToast: ({ variant, title, description, duration, action, }: ToastConfig) => string | number;
+export declare const generateThemeToast: ({ variant, title, description, duration, action, theme, }: ToastConfig & {
+    theme?: "light" | "dark" | "system";
+}) => string | number;
+export declare const showSuccessToast: (description: string, title?: string) => void;
+export declare const showErrorToast: (description: string, title?: string) => void;
+export declare const showWarningToast: (description: string, title?: string) => void;
+export declare const showInfoToast: (description: string, title?: string) => void;
+export declare const showThemeSuccessToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export declare const showThemeErrorToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export declare const showThemeWarningToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export declare const showThemeInfoToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export {};

package/lib/toast-utils.js

@@ -0,0 +1,212 @@
+"use strict";
+/**
+ * Shared Toast Utilities
+ *
+ * Theme-aware toast notification system using Sonner with comprehensive
+ * styling, icons, and theme integration for consistent user experience
+ * across all modules.
+ *
+ * Features:
+ * - Theme-aware styling (light/dark/system)
+ * - Lucide React icons for each toast type
+ * - Consistent styling with shadcn/ui components
+ * - TypeScript support with proper interfaces
+ * - Convenience functions for common use cases
+ */
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showThemeInfoToast = exports.showThemeWarningToast = exports.showThemeErrorToast = exports.showThemeSuccessToast = exports.showInfoToast = exports.showWarningToast = exports.showErrorToast = exports.showSuccessToast = exports.generateThemeToast = exports.generateToast = exports.TOAST_VARIANT = void 0;
+var react_1 = __importDefault(require("react"));
+var sonner_1 = require("sonner");
+var lucide_react_1 = require("lucide-react");
+// Theme-aware toast styling
+var THEME_TOAST_STYLES = {
+    light: {
+        className: "bg-background text-foreground border-border shadow-lg",
+        style: {
+            backgroundColor: "hsl(var(--background))",
+            color: "hsl(var(--foreground))",
+            borderColor: "hsl(var(--border))",
+        },
+    },
+    dark: {
+        className: "bg-popover text-popover-foreground border-border shadow-lg",
+        style: {
+            backgroundColor: "hsl(var(--popover))",
+            color: "hsl(var(--popover-foreground))",
+            borderColor: "hsl(var(--border))",
+        },
+    },
+};
+// Toast types matching the previous Vista notification types
+var TOAST_VARIANT;
+(function (TOAST_VARIANT) {
+    TOAST_VARIANT["ERROR"] = "error";
+    TOAST_VARIANT["INFO"] = "info";
+    TOAST_VARIANT["SUCCESS"] = "success";
+    TOAST_VARIANT["WARNING"] = "warning";
+})(TOAST_VARIANT || (exports.TOAST_VARIANT = TOAST_VARIANT = {}));
+// Icon mapping for each variant using object notation
+var TOAST_ICON_MAP = (_a = {},
+    _a[TOAST_VARIANT.ERROR] = lucide_react_1.AlertCircle,
+    _a[TOAST_VARIANT.INFO] = lucide_react_1.Info,
+    _a[TOAST_VARIANT.SUCCESS] = lucide_react_1.CheckCircle,
+    _a[TOAST_VARIANT.WARNING] = lucide_react_1.AlertTriangle,
+    _a);
+var getToastIcon = function (variant) {
+    return TOAST_ICON_MAP[variant] || lucide_react_1.Info;
+};
+// Create icon element helper
+var createIconElement = function (variant) {
+    var Icon = getToastIcon(variant);
+    return react_1.default.createElement(Icon, { className: "h-4 w-4" });
+};
+// Enhanced theme-aware toast function
+var generateToast = function (_a) {
+    var _b;
+    var variant = _a.variant, title = _a.title, description = _a.description, _c = _a.duration, duration = _c === void 0 ? 4000 : _c, action = _a.action;
+    var iconElement = createIconElement(variant);
+    var toastOptions = __assign({ description: description, duration: duration, icon: iconElement, className: "group-[.toaster]:bg-popover group-[.toaster]:text-popover-foreground group-[.toaster]:border-border", style: {
+            minWidth: "320px",
+            maxWidth: "420px",
+        } }, (action && {
+        action: {
+            label: action.label,
+            onClick: action.onClick,
+        },
+    }));
+    // Toast method mapping using object notation
+    var TOAST_METHOD_MAP = (_b = {},
+        _b[TOAST_VARIANT.SUCCESS] = function () {
+            return sonner_1.toast.success(title || "Success", toastOptions);
+        },
+        _b[TOAST_VARIANT.ERROR] = function () { return sonner_1.toast.error(title || "Error", toastOptions); },
+        _b[TOAST_VARIANT.WARNING] = function () {
+            return sonner_1.toast.warning(title || "Warning", toastOptions);
+        },
+        _b[TOAST_VARIANT.INFO] = function () {
+            return sonner_1.toast.info(title || "Information", toastOptions);
+        },
+        _b);
+    var toastMethod = TOAST_METHOD_MAP[variant];
+    return toastMethod
+        ? toastMethod()
+        : (0, sonner_1.toast)(title || description, toastOptions);
+};
+exports.generateToast = generateToast;
+// Theme-aware toast generation function
+var generateThemeToast = function (_a) {
+    var _b;
+    var variant = _a.variant, title = _a.title, description = _a.description, _c = _a.duration, duration = _c === void 0 ? 4000 : _c, action = _a.action, _d = _a.theme, theme = _d === void 0 ? "system" : _d;
+    var iconElement = createIconElement(variant);
+    // Apply theme-specific styling
+    var themeStyle = theme === "dark" ? THEME_TOAST_STYLES.dark : THEME_TOAST_STYLES.light;
+    var toastOptions = __assign({ description: description, duration: duration, icon: iconElement, className: "".concat(themeStyle.className, " toast-theme-").concat(theme), style: __assign(__assign({}, themeStyle.style), { minWidth: "320px", maxWidth: "420px" }) }, (action && {
+        action: {
+            label: action.label,
+            onClick: action.onClick,
+        },
+    }));
+    // Toast method mapping using object notation
+    var TOAST_METHOD_MAP = (_b = {},
+        _b[TOAST_VARIANT.ERROR] = function () { return sonner_1.toast.error(title || "Error", toastOptions); },
+        _b[TOAST_VARIANT.INFO] = function () {
+            return sonner_1.toast.info(title || "Information", toastOptions);
+        },
+        _b[TOAST_VARIANT.SUCCESS] = function () {
+            return sonner_1.toast.success(title || "Success", toastOptions);
+        },
+        _b[TOAST_VARIANT.WARNING] = function () {
+            return sonner_1.toast.warning(title || "Warning", toastOptions);
+        },
+        _b);
+    var toastMethod = TOAST_METHOD_MAP[variant];
+    return toastMethod
+        ? toastMethod()
+        : (0, sonner_1.toast)(title || description, toastOptions);
+};
+exports.generateThemeToast = generateThemeToast;
+// Convenience functions for each toast type
+var showSuccessToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.SUCCESS,
+        title: title,
+        description: description,
+    });
+};
+exports.showSuccessToast = showSuccessToast;
+var showErrorToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.ERROR,
+        title: title,
+        description: description,
+    });
+};
+exports.showErrorToast = showErrorToast;
+var showWarningToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.WARNING,
+        title: title,
+        description: description,
+    });
+};
+exports.showWarningToast = showWarningToast;
+var showInfoToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.INFO,
+        title: title,
+        description: description,
+    });
+};
+exports.showInfoToast = showInfoToast;
+// Theme-aware convenience functions
+var showThemeSuccessToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.SUCCESS,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeSuccessToast = showThemeSuccessToast;
+var showThemeErrorToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.ERROR,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeErrorToast = showThemeErrorToast;
+var showThemeWarningToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.WARNING,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeWarningToast = showThemeWarningToast;
+var showThemeInfoToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.INFO,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeInfoToast = showThemeInfoToast;

package/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/lib/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+var clsx_1 = require("clsx");
+var tailwind_merge_1 = require("tailwind-merge");
+function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@appcorp/shadcn",
+  "version": "1.0.10",
+  "scripts": {
+    "build:next": "next build",
+    "build:storybook": "storybook build -c .storybook -o .out",
+    "build:ts": "tsc --project tsconfig.build.json",
+    "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
+    "clean": "yarn rimraf ./lib",
+    "copy:deploy:files": "cp favicon.ico ./.out/ && cp assets/react-pakistan.jpeg ./.out/",
+    "deploy:storybook:ci": "concurrently \"yarn storybook:ghpages:ci\" \"sleep 15 && rm ./*out*/favicon.ico && yarn copy:deploy:files\"",
+    "deploy:storybook": "concurrently \"yarn storybook:ghpages\" \"sleep 15 && rm ./*out*/favicon.ico && yarn copy:deploy:files\"",
+    "dev": "next dev",
+    "extract": "yarn build:storybook && npx sb extract ./.out && cp ./.out/stories.json . && rm -rf ./.out",
+    "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "generate:sitemap": "scripts/generate-sitemap.sh",
+    "lint": "next lint",
+    "major": "npm version major",
+    "minor": "npm version minor",
+    "patch": "npm version patch",
+    "prepare": "husky",
+    "publish:npm": "yarn build && cd lib/ && npm publish --access public && cd ..",
+    "start": "next start",
+    "storybook": "storybook dev -p 6006",
+    "test:watch": "jest --watch",
+    "test": "jest",
+    "upgrade": "ncu -u"
+  },
+  "repository": "https://github.com/app-corp/shadcn",
+  "author": "Taimoor Khan <taimoor.m.k@live.com>",
+  "license": "MIT",
+  "devDependencies": {
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.37.0",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@storybook/addon-docs": "^9.1.11",
+    "@storybook/addon-onboarding": "^9.1.11",
+    "@storybook/nextjs": "^9.1.12",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@tanstack/react-table": "^8.21.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
+    "@types/lodash.throttle": "^4",
+    "@types/node": "^24.7.2",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@uidotdev/usehooks": "^2.4.1",
+    "autoprefixer": "^10.4.21",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "color": "^5.0.2",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "eslint": "^9.37.0",
+    "eslint-config-next": "^15.5.5",
+    "eslint-config-prettier": "^10.1.8",
+    "husky": "^9.1.7",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jotai": "^2.15.0",
+    "lint-staged": "^16.2.4",
+    "lodash.throttle": "^4.1.1",
+    "lucide-react": "^0.546.0",
+    "motion": "^12.23.24",
+    "next": "^15.5.6",
+    "next-themes": "^0.4.6",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.2",
+    "radix-ui": "^1.4.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-dropzone": "^14.3.8",
+    "react-hook-form": "^7.65.0",
+    "rimraf": "^6.0.1",
+    "sonner": "^2.0.7",
+    "storybook": "^9.1.11",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "3",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.3",
+    "vaul": "^1.1.2"
+  },
+  "packageManager": "yarn@4.10.3"
+}