@appcorp/shadcn 2.0.0 → 2.0.1

package/lib/toast-utils.js

@@ -1,170 +1 @@
-/**
- * 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, } from "lucide-react";
-// Theme-aware toast styling
-const THEME_TOAST_STYLES = {
-    light: {
-        className: "bg-background text-foreground border-border shadow-lg [&_[data-title]]:text-primary [&_[data-title]]:font-semibold [&_[data-icon]]:text-primary/90 [&_[data-description]]:text-primary [&_[data-description]]:opacity-100",
-        style: {
-            backgroundColor: "hsl(var(--background))",
-            color: "hsl(var(--foreground))",
-            borderColor: "hsl(var(--border))",
-        },
-    },
-    dark: {
-        className: "bg-background text-foreground border-border shadow-lg [&_[data-title]]:text-primary [&_[data-title]]:font-semibold [&_[data-icon]]:text-primary/90 [&_[data-description]]:text-primary [&_[data-description]]:opacity-100",
-        style: {
-            backgroundColor: "hsl(var(--popover))",
-            color: "hsl(var(--popover-foreground))",
-            borderColor: "hsl(var(--border))",
-        },
-    },
-};
-// Toast types matching the previous Vista notification types
-export var TOAST_VARIANT;
-(function (TOAST_VARIANT) {
-    TOAST_VARIANT["ERROR"] = "error";
-    TOAST_VARIANT["INFO"] = "info";
-    TOAST_VARIANT["SUCCESS"] = "success";
-    TOAST_VARIANT["WARNING"] = "warning";
-})(TOAST_VARIANT || (TOAST_VARIANT = {}));
-// Icon mapping for each variant using object notation
-const TOAST_ICON_MAP = {
-    [TOAST_VARIANT.ERROR]: AlertCircle,
-    [TOAST_VARIANT.INFO]: Info,
-    [TOAST_VARIANT.SUCCESS]: CheckCircle,
-    [TOAST_VARIANT.WARNING]: AlertTriangle,
-};
-const getToastIcon = (variant) => {
-    return TOAST_ICON_MAP[variant] || Info;
-};
-// Create icon element helper
-const createIconElement = (variant) => {
-    const Icon = getToastIcon(variant);
-    return React.createElement("span", { "data-icon": true, className: "inline-flex items-center" }, React.createElement(Icon, { className: "h-4 w-4" }));
-};
-// Enhanced theme-aware toast function
-export const generateToast = ({ variant, title, description, duration = 4000, action, }) => {
-    const iconElement = createIconElement(variant);
-    const toastOptions = Object.assign({ 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", }) => {
-    const iconElement = createIconElement(variant);
-    // Apply theme-specific styling
-    const themeStyle = theme === "dark" ? THEME_TOAST_STYLES.dark : THEME_TOAST_STYLES.light;
-    const toastOptions = Object.assign({ description,
-        duration, icon: iconElement, className: `${themeStyle.className} toast-theme-${theme}`, style: Object.assign(Object.assign({}, 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, title) => {
-    generateToast({
-        variant: TOAST_VARIANT.SUCCESS,
-        title,
-        description,
-    });
-};
-export const showErrorToast = (description, title) => {
-    generateToast({
-        variant: TOAST_VARIANT.ERROR,
-        title,
-        description,
-    });
-};
-export const showWarningToast = (description, title) => {
-    generateToast({
-        variant: TOAST_VARIANT.WARNING,
-        title,
-        description,
-    });
-};
-export const showInfoToast = (description, title) => {
-    generateToast({
-        variant: TOAST_VARIANT.INFO,
-        title,
-        description,
-    });
-};
-// Theme-aware convenience functions
-export const showThemeSuccessToast = (description, title, theme) => {
-    generateThemeToast({
-        variant: TOAST_VARIANT.SUCCESS,
-        title,
-        description,
-        theme,
-    });
-};
-export const showThemeErrorToast = (description, title, theme) => {
-    generateThemeToast({
-        variant: TOAST_VARIANT.ERROR,
-        title,
-        description,
-        theme,
-    });
-};
-export const showThemeWarningToast = (description, title, theme) => {
-    generateThemeToast({
-        variant: TOAST_VARIANT.WARNING,
-        title,
-        description,
-        theme,
-    });
-};
-export const showThemeInfoToast = (description, title, theme) => {
-    generateThemeToast({
-        variant: TOAST_VARIANT.INFO,
-        title,
-        description,
-        theme,
-    });
-};
+"use strict";import p from"react";import{toast as e}from"sonner";import{AlertCircle as S,AlertTriangle as T,CheckCircle as b,Info as m}from"lucide-react";const g={light:{className:"bg-background text-foreground border-border shadow-lg [&_[data-title]]:text-primary [&_[data-title]]:font-semibold [&_[data-icon]]:text-primary/90 [&_[data-description]]:text-primary [&_[data-description]]:opacity-100",style:{backgroundColor:"hsl(var(--background))",color:"hsl(var(--foreground))",borderColor:"hsl(var(--border))"}},dark:{className:"bg-background text-foreground border-border shadow-lg [&_[data-title]]:text-primary [&_[data-title]]:font-semibold [&_[data-icon]]:text-primary/90 [&_[data-description]]:text-primary [&_[data-description]]:opacity-100",style:{backgroundColor:"hsl(var(--popover))",color:"hsl(var(--popover-foreground))",borderColor:"hsl(var(--border))"}}};export var TOAST_VARIANT;(function(o){o.ERROR="error",o.INFO="info",o.SUCCESS="success",o.WARNING="warning"})(TOAST_VARIANT||(TOAST_VARIANT={}));const E={[TOAST_VARIANT.ERROR]:S,[TOAST_VARIANT.INFO]:m,[TOAST_VARIANT.SUCCESS]:b,[TOAST_VARIANT.WARNING]:T},x=o=>E[o]||m,h=o=>{const r=x(o);return p.createElement("span",{"data-icon":!0,className:"inline-flex items-center"},p.createElement(r,{className:"h-4 w-4"}))};export const generateToast=({variant:o,title:r,description:t,duration:i=4e3,action:s})=>{const c=h(o),n=Object.assign({description:t,duration:i,icon:c,className:"group-[.toaster]:bg-popover group-[.toaster]:text-popover-foreground group-[.toaster]:border-border",style:{minWidth:"320px",maxWidth:"420px"}},s&&{action:{label:s.label,onClick:s.onClick}}),a={[TOAST_VARIANT.SUCCESS]:()=>e.success(r||"Success",n),[TOAST_VARIANT.ERROR]:()=>e.error(r||"Error",n),[TOAST_VARIANT.WARNING]:()=>e.warning(r||"Warning",n),[TOAST_VARIANT.INFO]:()=>e.info(r||"Information",n)}[o];return a?a():e(r||t,n)},generateThemeToast=({variant:o,title:r,description:t,duration:i=4e3,action:s,theme:c="system"})=>{const n=h(o),l=c==="dark"?g.dark:g.light,a=Object.assign({description:t,duration:i,icon:n,className:`${l.className} toast-theme-${c}`,style:Object.assign(Object.assign({},l.style),{minWidth:"320px",maxWidth:"420px"})},s&&{action:{label:s.label,onClick:s.onClick}}),d={[TOAST_VARIANT.ERROR]:()=>e.error(r||"Error",a),[TOAST_VARIANT.INFO]:()=>e.info(r||"Information",a),[TOAST_VARIANT.SUCCESS]:()=>e.success(r||"Success",a),[TOAST_VARIANT.WARNING]:()=>e.warning(r||"Warning",a)}[o];return d?d():e(r||t,a)},showSuccessToast=(o,r)=>{generateToast({variant:TOAST_VARIANT.SUCCESS,title:r,description:o})},showErrorToast=(o,r)=>{generateToast({variant:TOAST_VARIANT.ERROR,title:r,description:o})},showWarningToast=(o,r)=>{generateToast({variant:TOAST_VARIANT.WARNING,title:r,description:o})},showInfoToast=(o,r)=>{generateToast({variant:TOAST_VARIANT.INFO,title:r,description:o})},showThemeSuccessToast=(o,r,t)=>{generateThemeToast({variant:TOAST_VARIANT.SUCCESS,title:r,description:o,theme:t})},showThemeErrorToast=(o,r,t)=>{generateThemeToast({variant:TOAST_VARIANT.ERROR,title:r,description:o,theme:t})},showThemeWarningToast=(o,r,t)=>{generateThemeToast({variant:TOAST_VARIANT.WARNING,title:r,description:o,theme:t})},showThemeInfoToast=(o,r,t)=>{generateThemeToast({variant:TOAST_VARIANT.INFO,title:r,description:o,theme:t})};

package/lib/utils.js

@@ -1,5 +1 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}
+"use strict";import{clsx as o}from"clsx";import{twMerge as t}from"tailwind-merge";export function cn(...r){return t(o(r))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "MIT",
   "author": "Taimoor Khan <taimoor.m.k@live.com>",
   "repository": "https://github.com/app-corp/shadcn",
@@ -33,7 +33,7 @@
     "@radix-ui/react-tabs": "^1",
     "@radix-ui/react-toggle": "^1",
     "@radix-ui/react-tooltip": "^1",
-    "@react-pakistan/util-functions": "^2.0.2",
+    "@react-pakistan/util-functions": "^3.0.0",
     "class-variance-authority": "^0",
     "clsx": "^2",
     "cmdk": "^1",

package/utils/transform-breadcrumbs.js

@@ -1,7 +1 @@
-export const transformBreadcrumbs = (string) => {
-    const items = string.split("/").filter(Boolean);
-    return items.map((item) => ({
-        label: item.charAt(0).toUpperCase() + item.slice(1).replace(/-/g, " "),
-        href: "#",
-    }));
-};
+"use strict";export const transformBreadcrumbs=r=>r.split("/").filter(Boolean).map(e=>({label:e.charAt(0).toUpperCase()+e.slice(1).replace(/-/g," "),href:"#"}));

package/utils/transform-navitems.js

@@ -1,18 +1 @@
-/**
- * Updates navItems to set isActive based on current pathname
- * Checks both main nav URLs and subItem URLs for matches
- * Also marks individual subItems as active when their URL matches
- */
-export const transformNavItems = (navItems, pathname) => {
-    return navItems.map((navItem) => {
-        // Check if main nav item URL matches
-        const isMainActive = navItem.url !== "#" && pathname === navItem.url;
-        // Transform subItems to mark active ones
-        const updatedSubItems = navItem.subItems.map((subItem) => {
-            return Object.assign(Object.assign({}, subItem), { isActive: subItem.url !== "#" && pathname === subItem.url });
-        });
-        // Check if any subItem is active
-        const hasActiveSubItem = updatedSubItems.some((subItem) => subItem.isActive);
-        return Object.assign(Object.assign({}, navItem), { isActive: isMainActive || hasActiveSubItem, subItems: updatedSubItems });
-    });
-};
+"use strict";export const transformNavItems=(c,e)=>c.map(t=>{const r=t.url!=="#"&&e===t.url,i=t.subItems.map(s=>Object.assign(Object.assign({},s),{isActive:s.url!=="#"&&e===s.url})),u=i.some(s=>s.isActive);return Object.assign(Object.assign({},t),{isActive:r||u,subItems:i})});