@appcorp/stellar-solutions-modules 0.1.53 → 0.1.55

package/lib/toast-utils.js

@@ -1,212 +1,240 @@
-"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;
+// /**
+//  * 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
+//  */
+// import React from "react";
+// import { toast } from "sonner";
+// import {
+//   AlertCircle,
+//   AlertTriangle,
+//   CheckCircle,
+//   Info,
+//   type LucideIcon,
+// } from "lucide-react";
+// // Theme-aware toast styling
+// const 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
+// export enum TOAST_VARIANT {
+//   ERROR = "error",
+//   INFO = "info",
+//   SUCCESS = "success",
+//   WARNING = "warning",
+// }
+// // Toast configuration interface
+// interface ToastConfig {
+//   action?: {
+//     label: string;
+//     onClick: () => void;
+//   };
+//   description: string;
+//   duration?: number;
+//   theme?: "light" | "dark" | "system";
+//   title?: string;
+//   variant: TOAST_VARIANT;
+// }
+// // Icon mapping for each variant using object notation
+// const TOAST_ICON_MAP: Record<TOAST_VARIANT, LucideIcon> = {
+//   [TOAST_VARIANT.ERROR]: AlertCircle,
+//   [TOAST_VARIANT.INFO]: Info,
+//   [TOAST_VARIANT.SUCCESS]: CheckCircle,
+//   [TOAST_VARIANT.WARNING]: AlertTriangle,
+// };
+// const getToastIcon = (variant: TOAST_VARIANT): LucideIcon => {
+//   return TOAST_ICON_MAP[variant] || Info;
+// };
+// // Create icon element helper
+// const createIconElement = (variant: TOAST_VARIANT) => {
+//   const Icon = getToastIcon(variant);
+//   return React.createElement(Icon, { className: "h-4 w-4" });
+// };
+// // Enhanced theme-aware toast function
+// export const generateToast = ({
+//   variant,
+//   title,
+//   description,
+//   duration = 4000,
+//   action,
+// }: ToastConfig) => {
+//   const iconElement = createIconElement(variant);
+//   const toastOptions = {
+//     description,
+//     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
+//   const TOAST_METHOD_MAP = {
+//     [TOAST_VARIANT.SUCCESS]: () =>
+//       toast.success(title || "Success", toastOptions),
+//     [TOAST_VARIANT.ERROR]: () => toast.error(title || "Error", toastOptions),
+//     [TOAST_VARIANT.WARNING]: () =>
+//       toast.warning(title || "Warning", toastOptions),
+//     [TOAST_VARIANT.INFO]: () =>
+//       toast.info(title || "Information", toastOptions),
+//   };
+//   const toastMethod = TOAST_METHOD_MAP[variant];
+//   return toastMethod
+//     ? toastMethod()
+//     : toast(title || description, toastOptions);
+// };
+// // Theme-aware toast generation function
+// export const generateThemeToast = ({
+//   variant,
+//   title,
+//   description,
+//   duration = 4000,
+//   action,
+//   theme = "system",
+// }: ToastConfig & { theme?: "light" | "dark" | "system" }) => {
+//   const iconElement = createIconElement(variant);
+//   // Apply theme-specific styling
+//   const themeStyle =
+//     theme === "dark" ? THEME_TOAST_STYLES.dark : THEME_TOAST_STYLES.light;
+//   const toastOptions = {
+//     description,
+//     duration,
+//     icon: iconElement,
+//     className: `${themeStyle.className} toast-theme-${theme}`,
+//     style: {
+//       ...themeStyle.style,
+//       minWidth: "320px",
+//       maxWidth: "420px",
+//     },
+//     ...(action && {
+//       action: {
+//         label: action.label,
+//         onClick: action.onClick,
+//       },
+//     }),
+//   };
+//   // Toast method mapping using object notation
+//   const TOAST_METHOD_MAP = {
+//     [TOAST_VARIANT.ERROR]: () => toast.error(title || "Error", toastOptions),
+//     [TOAST_VARIANT.INFO]: () =>
+//       toast.info(title || "Information", toastOptions),
+//     [TOAST_VARIANT.SUCCESS]: () =>
+//       toast.success(title || "Success", toastOptions),
+//     [TOAST_VARIANT.WARNING]: () =>
+//       toast.warning(title || "Warning", toastOptions),
+//   };
+//   const toastMethod = TOAST_METHOD_MAP[variant];
+//   return toastMethod
+//     ? toastMethod()
+//     : toast(title || description, toastOptions);
+// };
+// // Convenience functions for each toast type
+// export const showSuccessToast = (description: string, title?: string) => {
+//   generateToast({
+//     variant: TOAST_VARIANT.SUCCESS,
+//     title,
+//     description,
+//   });
+// };
+// export const showErrorToast = (description: string, title?: string) => {
+//   generateToast({
+//     variant: TOAST_VARIANT.ERROR,
+//     title,
+//     description,
+//   });
+// };
+// export const showWarningToast = (description: string, title?: string) => {
+//   generateToast({
+//     variant: TOAST_VARIANT.WARNING,
+//     title,
+//     description,
+//   });
+// };
+// export const showInfoToast = (description: string, title?: string) => {
+//   generateToast({
+//     variant: TOAST_VARIANT.INFO,
+//     title,
+//     description,
+//   });
+// };
+// // Theme-aware convenience functions
+// export const showThemeSuccessToast = (
+//   description: string,
+//   title?: string,
+//   theme?: "light" | "dark" | "system"
+// ) => {
+//   generateThemeToast({
+//     variant: TOAST_VARIANT.SUCCESS,
+//     title,
+//     description,
+//     theme,
+//   });
+// };
+// export const showThemeErrorToast = (
+//   description: string,
+//   title?: string,
+//   theme?: "light" | "dark" | "system"
+// ) => {
+//   generateThemeToast({
+//     variant: TOAST_VARIANT.ERROR,
+//     title,
+//     description,
+//     theme,
+//   });
+// };
+// export const showThemeWarningToast = (
+//   description: string,
+//   title?: string,
+//   theme?: "light" | "dark" | "system"
+// ) => {
+//   generateThemeToast({
+//     variant: TOAST_VARIANT.WARNING,
+//     title,
+//     description,
+//     theme,
+//   });
+// };
+// export const showThemeInfoToast = (
+//   description: string,
+//   title?: string,
+//   theme?: "light" | "dark" | "system"
+// ) => {
+//   generateThemeToast({
+//     variant: TOAST_VARIANT.INFO,
+//     title,
+//     description,
+//     theme,
+//   });
+// };

package/lib/utils.d.ts

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

package/lib/utils.js

@@ -1,12 +1,5 @@
-"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));
-}
+// import { clsx, type ClassValue } from "clsx"
+// import { twMerge } from "tailwind-merge"
+// export function cn(...inputs: ClassValue[]) {
+//   return twMerge(clsx(inputs))
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-modules",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
@@ -19,7 +19,8 @@
     "upgrade:own": "ncu -f '@appcorp/app-corp-vista, @react-pakistan/util-functions' -u"
   },
   "devDependencies": {
-    "@appcorp/app-corp-vista": "^0.3.44",
+    "@appcorp/app-corp-vista": "^0.3.47",
+    "@appcorp/shadcn": "^1.0.10",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@eslint/eslintrc": "^3",
@@ -33,7 +34,7 @@
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.6",
-    "@react-pakistan/util-functions": "^1.24.57",
+    "@react-pakistan/util-functions": "^1.24.58",
     "@supabase/supabase-js": "^2",
     "@tailwindcss/forms": "^0",
     "@tailwindcss/postcss": "^4",
@@ -50,6 +51,7 @@
     "color": "^5.0.2",
     "date-fns": "^4.1.0",
     "dayjs": "^1",
+    "embla-carousel-react": "^8.6.0",
     "eslint": "^9",
     "eslint-config-next": "^15",
     "husky": "^9",
@@ -82,8 +84,5 @@
     "vaul": "^1",
     "zod": "^4"
   },
-  "packageManager": "yarn@4.9.2",
-  "dependencies": {
-    "embla-carousel-react": "^8.6.0"
-  }
+  "packageManager": "yarn@4.10.3"
 }

package/components/theme-provider.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface CustomThemeProviderProps {
-    children: React.ReactNode;
-    defaultTheme?: string;
-    storageKey?: string;
-    enableSystem?: boolean;
-}
-export declare function ThemeProvider({ children, defaultTheme, storageKey, enableSystem, ...props }: CustomThemeProviderProps): React.JSX.Element;
-export {};