@janovix/blocks 1.2.0-rc.14 → 1.2.0-rc.16

package/dist/index.d.cts

@@ -1,6 +1,6 @@
+import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -12,6 +12,90 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { ClassValue } from 'clsx';
 
+/**
+ * Blocks Context Interfaces
+ *
+ * These interfaces define the contract that consuming apps must implement
+ * to provide context to blocks components. Components will automatically
+ * consume these contexts when available, falling back to props otherwise.
+ */
+/**
+ * Notification type for blocks components.
+ * This is the format that blocks components expect.
+ */
+interface BlocksNotification {
+    id: string;
+    title: string;
+    message?: string;
+    type?: "info" | "success" | "warning" | "error";
+    timestamp: Date;
+    read?: boolean;
+    href?: string;
+    channelId?: string;
+}
+/**
+ * Notifications context value interface.
+ * Consuming apps implement this interface to provide notifications data
+ * and actions to blocks components.
+ */
+interface NotificationsContextValue {
+    /** List of notifications to display */
+    notifications: BlocksNotification[];
+    /** Count of unread notifications */
+    unreadCount: number;
+    /** Mark a single notification as read by ID */
+    markAsRead: (id: string) => void | Promise<void>;
+    /** Mark all notifications as read */
+    markAllAsRead: () => void | Promise<void>;
+    /** Dismiss/remove a notification (optional) */
+    dismiss?: (id: string) => void;
+    /** Clear all notifications (optional) */
+    clearAll?: () => void;
+    /** Handle notification click (optional) */
+    onNotificationClick?: (notification: BlocksNotification) => void;
+}
+/**
+ * React context for notifications.
+ * Blocks components will consume this context when available.
+ */
+declare const NotificationsContext: React.Context<NotificationsContextValue | null>;
+/**
+ * Hook to consume the notifications context.
+ * Returns null if no provider is present (components should fall back to props).
+ */
+declare function useNotificationsContext(): NotificationsContextValue | null;
+/**
+ * Language definition for the language switcher.
+ */
+interface BlocksLanguage {
+    code: string;
+    name: string;
+    flag?: string;
+}
+/**
+ * Language context value interface.
+ * Consuming apps implement this interface to provide language state
+ * and actions to blocks components.
+ */
+interface LanguageContextValue {
+    /** Current language code (e.g., "en", "es") */
+    language: string;
+    /** Function to change the language */
+    setLanguage: (lang: string) => void;
+    /** Available languages (optional, components have defaults) */
+    languages?: BlocksLanguage[];
+}
+/**
+ * React context for language.
+ * Blocks components will consume this context when available.
+ */
+declare const LanguageContext: React.Context<LanguageContextValue | null>;
+/**
+ * Hook to consume the language context.
+ * Returns null if no provider is present (components should fall back to props).
+ */
+declare function useLanguageContext(): LanguageContextValue | null;
+
 type ThemeSwitcherLabels = {
     /** Tooltip label for the theme switcher */
     theme?: string;
@@ -51,13 +135,27 @@ type LanguageSwitcherLabels = {
     /** Tooltip label for the language switcher */
     language?: string;
 };
+/**
+ * Default languages when none are provided via props or context.
+ */
+declare const defaultLanguages: Language[];
 type LanguageSwitcherProps = {
-    /** Available languages */
-    languages: Language[];
-    /** Current selected language key */
-    currentLanguage: string;
-    /** Callback when language changes */
-    onLanguageChange: (languageKey: string) => void;
+    /**
+     * Available languages. Optional if using LanguageContext.
+     * When context is available, context.languages is used; props override context.
+     * Falls back to defaultLanguages if neither provided.
+     */
+    languages?: Language[];
+    /**
+     * Current selected language key. Optional if using LanguageContext.
+     * When context is available, context.language is used; props override context.
+     */
+    currentLanguage?: string;
+    /**
+     * Callback when language changes. Optional if using LanguageContext.
+     * When context is available, context.setLanguage is used; props override context.
+     */
+    onLanguageChange?: (languageKey: string) => void;
     /** Labels for accessibility/tooltips */
     labels?: LanguageSwitcherLabels;
     className?: string;
@@ -74,7 +172,7 @@ type LanguageSwitcherProps = {
     /** Dropdown side */
     side?: "top" | "bottom" | "left" | "right";
 };
-declare function LanguageSwitcher({ languages, currentLanguage, onLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
 
 interface AvatarEditorProps {
     /** Current cropped image as data URL (controlled) */
@@ -169,21 +267,39 @@ type DotColor = "red" | "blue" | "green" | "amber" | "purple" | "primary";
 type SoundType = "chime" | "bell" | "pop" | "ding" | "none";
 type PulseStyle = "ring" | "glow" | "bounce" | "none";
 interface NotificationsWidgetProps {
-    notifications: Notification[];
+    /**
+     * Notifications to display. Optional if using NotificationsContext.
+     * When context is available, context.notifications is used; props override context.
+     */
+    notifications?: Notification[];
     /**
      * Called when a notification becomes visible (scroll into view).
      * Should return a Promise - if rejected, the notification will be reverted to unread.
      * Uses optimistic update: marks as read immediately, reverts on failure.
+     * Optional if using NotificationsContext.
      */
     onMarkAsRead?: (id: string) => void | Promise<void>;
     /**
      * Called when "Mark all as read" button is clicked.
      * Should return a Promise - if rejected, notifications will be reverted to unread.
      * Uses optimistic update: marks all as read immediately, reverts on failure.
+     * Optional if using NotificationsContext.
      */
     onMarkAllAsRead?: () => void | Promise<void>;
+    /**
+     * Called when a notification is dismissed.
+     * Optional if using NotificationsContext.
+     */
     onDismiss?: (id: string) => void;
+    /**
+     * Called when all notifications are cleared.
+     * Optional if using NotificationsContext.
+     */
     onClearAll?: () => void;
+    /**
+     * Called when a notification is clicked.
+     * Optional if using NotificationsContext.
+     */
     onNotificationClick?: (notification: Notification) => void;
     size?: WidgetSize;
     /**
@@ -202,7 +318,7 @@ interface NotificationsWidgetProps {
     pulseStyle?: PulseStyle;
     soundCooldown?: number;
 }
-declare function NotificationsWidget({ notifications, onMarkAsRead, onMarkAllAsRead, onDismiss, onClearAll, onNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
+declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
@@ -282,4 +398,4 @@ declare function ScrollBar({ className, orientation, ...props }: React.Component
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, type Notification, type NotificationType, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, toggleVariants };
+export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, type BlocksNotification, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, defaultLanguages, toggleVariants, useLanguageContext, useNotificationsContext };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
+import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -12,6 +12,90 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { ClassValue } from 'clsx';
 
+/**
+ * Blocks Context Interfaces
+ *
+ * These interfaces define the contract that consuming apps must implement
+ * to provide context to blocks components. Components will automatically
+ * consume these contexts when available, falling back to props otherwise.
+ */
+/**
+ * Notification type for blocks components.
+ * This is the format that blocks components expect.
+ */
+interface BlocksNotification {
+    id: string;
+    title: string;
+    message?: string;
+    type?: "info" | "success" | "warning" | "error";
+    timestamp: Date;
+    read?: boolean;
+    href?: string;
+    channelId?: string;
+}
+/**
+ * Notifications context value interface.
+ * Consuming apps implement this interface to provide notifications data
+ * and actions to blocks components.
+ */
+interface NotificationsContextValue {
+    /** List of notifications to display */
+    notifications: BlocksNotification[];
+    /** Count of unread notifications */
+    unreadCount: number;
+    /** Mark a single notification as read by ID */
+    markAsRead: (id: string) => void | Promise<void>;
+    /** Mark all notifications as read */
+    markAllAsRead: () => void | Promise<void>;
+    /** Dismiss/remove a notification (optional) */
+    dismiss?: (id: string) => void;
+    /** Clear all notifications (optional) */
+    clearAll?: () => void;
+    /** Handle notification click (optional) */
+    onNotificationClick?: (notification: BlocksNotification) => void;
+}
+/**
+ * React context for notifications.
+ * Blocks components will consume this context when available.
+ */
+declare const NotificationsContext: React.Context<NotificationsContextValue | null>;
+/**
+ * Hook to consume the notifications context.
+ * Returns null if no provider is present (components should fall back to props).
+ */
+declare function useNotificationsContext(): NotificationsContextValue | null;
+/**
+ * Language definition for the language switcher.
+ */
+interface BlocksLanguage {
+    code: string;
+    name: string;
+    flag?: string;
+}
+/**
+ * Language context value interface.
+ * Consuming apps implement this interface to provide language state
+ * and actions to blocks components.
+ */
+interface LanguageContextValue {
+    /** Current language code (e.g., "en", "es") */
+    language: string;
+    /** Function to change the language */
+    setLanguage: (lang: string) => void;
+    /** Available languages (optional, components have defaults) */
+    languages?: BlocksLanguage[];
+}
+/**
+ * React context for language.
+ * Blocks components will consume this context when available.
+ */
+declare const LanguageContext: React.Context<LanguageContextValue | null>;
+/**
+ * Hook to consume the language context.
+ * Returns null if no provider is present (components should fall back to props).
+ */
+declare function useLanguageContext(): LanguageContextValue | null;
+
 type ThemeSwitcherLabels = {
     /** Tooltip label for the theme switcher */
     theme?: string;
@@ -51,13 +135,27 @@ type LanguageSwitcherLabels = {
     /** Tooltip label for the language switcher */
     language?: string;
 };
+/**
+ * Default languages when none are provided via props or context.
+ */
+declare const defaultLanguages: Language[];
 type LanguageSwitcherProps = {
-    /** Available languages */
-    languages: Language[];
-    /** Current selected language key */
-    currentLanguage: string;
-    /** Callback when language changes */
-    onLanguageChange: (languageKey: string) => void;
+    /**
+     * Available languages. Optional if using LanguageContext.
+     * When context is available, context.languages is used; props override context.
+     * Falls back to defaultLanguages if neither provided.
+     */
+    languages?: Language[];
+    /**
+     * Current selected language key. Optional if using LanguageContext.
+     * When context is available, context.language is used; props override context.
+     */
+    currentLanguage?: string;
+    /**
+     * Callback when language changes. Optional if using LanguageContext.
+     * When context is available, context.setLanguage is used; props override context.
+     */
+    onLanguageChange?: (languageKey: string) => void;
     /** Labels for accessibility/tooltips */
     labels?: LanguageSwitcherLabels;
     className?: string;
@@ -74,7 +172,7 @@ type LanguageSwitcherProps = {
     /** Dropdown side */
     side?: "top" | "bottom" | "left" | "right";
 };
-declare function LanguageSwitcher({ languages, currentLanguage, onLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
+declare function LanguageSwitcher({ languages: propLanguages, currentLanguage: propCurrentLanguage, onLanguageChange: propOnLanguageChange, labels, className, size, shape, variant, showIcon, align, side, }: LanguageSwitcherProps): react_jsx_runtime.JSX.Element;
 
 interface AvatarEditorProps {
     /** Current cropped image as data URL (controlled) */
@@ -169,21 +267,39 @@ type DotColor = "red" | "blue" | "green" | "amber" | "purple" | "primary";
 type SoundType = "chime" | "bell" | "pop" | "ding" | "none";
 type PulseStyle = "ring" | "glow" | "bounce" | "none";
 interface NotificationsWidgetProps {
-    notifications: Notification[];
+    /**
+     * Notifications to display. Optional if using NotificationsContext.
+     * When context is available, context.notifications is used; props override context.
+     */
+    notifications?: Notification[];
     /**
      * Called when a notification becomes visible (scroll into view).
      * Should return a Promise - if rejected, the notification will be reverted to unread.
      * Uses optimistic update: marks as read immediately, reverts on failure.
+     * Optional if using NotificationsContext.
      */
     onMarkAsRead?: (id: string) => void | Promise<void>;
     /**
      * Called when "Mark all as read" button is clicked.
      * Should return a Promise - if rejected, notifications will be reverted to unread.
      * Uses optimistic update: marks all as read immediately, reverts on failure.
+     * Optional if using NotificationsContext.
      */
     onMarkAllAsRead?: () => void | Promise<void>;
+    /**
+     * Called when a notification is dismissed.
+     * Optional if using NotificationsContext.
+     */
     onDismiss?: (id: string) => void;
+    /**
+     * Called when all notifications are cleared.
+     * Optional if using NotificationsContext.
+     */
     onClearAll?: () => void;
+    /**
+     * Called when a notification is clicked.
+     * Optional if using NotificationsContext.
+     */
     onNotificationClick?: (notification: Notification) => void;
     size?: WidgetSize;
     /**
@@ -202,7 +318,7 @@ interface NotificationsWidgetProps {
     pulseStyle?: PulseStyle;
     soundCooldown?: number;
 }
-declare function NotificationsWidget({ notifications, onMarkAsRead, onMarkAllAsRead, onDismiss, onClearAll, onNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
+declare function NotificationsWidget({ notifications: propNotifications, onMarkAsRead: propOnMarkAsRead, onMarkAllAsRead: propOnMarkAllAsRead, onDismiss: propOnDismiss, onClearAll: propOnClearAll, onNotificationClick: propOnNotificationClick, size, maxVisible, playSound, soundUrl, className, emptyMessage, title, dotColor, showPulse, soundType, pulseStyle, soundCooldown, }: NotificationsWidgetProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
@@ -282,4 +398,4 @@ declare function ScrollBar({ className, orientation, ...props }: React.Component
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, type Notification, type NotificationType, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, toggleVariants };
+export { AvatarEditor, AvatarEditorDialog, type AvatarEditorDialogProps, type AvatarEditorProps, type BlocksLanguage, type BlocksNotification, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type Language, LanguageContext, type LanguageContextValue, LanguageSwitcher, type LanguageSwitcherLabels, type LanguageSwitcherProps, type Notification, type NotificationType, NotificationsContext, type NotificationsContextValue, NotificationsWidget, type NotificationsWidgetProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, type ThemeSwitcherLabels, type ThemeSwitcherProps, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, defaultLanguages, toggleVariants, useLanguageContext, useNotificationsContext };

package/dist/index.js

@@ -1,8 +1,8 @@
+import * as React2 from 'react';
+import { createContext, useContext, useState, useCallback, useEffect, useRef } from 'react';
 import { useTheme } from 'next-themes';
 import { CheckIcon, CircleIcon, ChevronRightIcon, Monitor, Sun, Moon, Languages, Upload, Move, ZoomOut, ZoomIn, RotateCcw, RotateCw, Grid3X3, RefreshCw, X, XIcon, User, Pencil, Check, Loader2, Bell, CheckCheck, XCircle, AlertTriangle, CheckCircle, Info, Trash2 } from 'lucide-react';
 import { AnimatePresence, motion } from 'motion/react';
-import * as React2 from 'react';
-import { useState, useCallback, useEffect, useRef } from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
@@ -14,6 +14,15 @@ import { Drawer as Drawer$1 } from 'vaul';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
+var NotificationsContext = createContext(null);
+function useNotificationsContext() {
+  return useContext(NotificationsContext);
+}
+var LanguageContext = createContext(null);
+function useLanguageContext() {
+  return useContext(LanguageContext);
+}
+
 // node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -3508,7 +3517,11 @@ function ThemeSwitcher({
           "button",
           {
             "aria-label": labels[key],
-            className: cn("relative", sizes.button, shapeClass),
+            className: cn(
+              "relative flex items-center justify-center",
+              sizes.button,
+              shapeClass
+            ),
             onClick: () => handleThemeClick(key),
             type: "button",
             children: [
@@ -3527,7 +3540,7 @@ function ThemeSwitcher({
                 Icon,
                 {
                   className: cn(
-                    "relative z-10 m-auto",
+                    "relative z-10",
                     sizes.icon,
                     isActive ? "text-foreground" : "text-muted-foreground"
                   )
@@ -3541,6 +3554,10 @@ function ThemeSwitcher({
     }
   );
 }
+var defaultLanguages = [
+  { key: "en", label: "EN", nativeName: "English" },
+  { key: "es", label: "ES", nativeName: "Espa\xF1ol" }
+];
 var sizeClasses2 = {
   sm: {
     container: "h-7 p-0.5 text-xs",
@@ -3570,18 +3587,27 @@ var shapeClasses2 = {
   pill: "rounded-full"
 };
 function LanguageSwitcher({
-  languages,
-  currentLanguage,
-  onLanguageChange,
+  languages: propLanguages,
+  currentLanguage: propCurrentLanguage,
+  onLanguageChange: propOnLanguageChange,
   labels = {},
   className,
   size = "sm",
   shape = "rounded",
   variant = "default",
-  showIcon = true,
+  showIcon = false,
   align = "center",
   side = "top"
 }) {
+  const context = useLanguageContext();
+  const contextLanguages = context?.languages?.map((lang) => ({
+    key: lang.code,
+    label: lang.code.toUpperCase(),
+    nativeName: lang.name
+  }));
+  const languages = propLanguages ?? contextLanguages ?? defaultLanguages;
+  const currentLanguage = propCurrentLanguage ?? context?.language ?? "en";
+  const onLanguageChange = propOnLanguageChange ?? context?.setLanguage;
   const sizes = sizeClasses2[size];
   const shapeClass = shapeClasses2[shape];
   const defaultLabels2 = {
@@ -3611,7 +3637,7 @@ function LanguageSwitcher({
           children: languages.map(({ key, nativeName }) => /* @__PURE__ */ jsx(
             DropdownMenuItem,
             {
-              onClick: () => onLanguageChange(key),
+              onClick: () => onLanguageChange?.(key),
               className: cn(
                 "justify-center text-xs font-semibold cursor-pointer px-3",
                 currentLanguage === key && "bg-accent"
@@ -3647,7 +3673,7 @@ function LanguageSwitcher({
             {
               "aria-label": label,
               className: cn("relative font-semibold", sizes.button, shapeClass),
-              onClick: () => onLanguageChange(key),
+              onClick: () => onLanguageChange?.(key),
               type: "button",
               children: [
                 /* @__PURE__ */ jsx(AnimatePresence, { children: isActive && /* @__PURE__ */ jsx(
@@ -4953,12 +4979,12 @@ function playNotificationSound(soundType = "chime", soundUrl) {
   }
 }
 function NotificationsWidget({
-  notifications,
-  onMarkAsRead,
-  onMarkAllAsRead,
-  onDismiss,
-  onClearAll,
-  onNotificationClick,
+  notifications: propNotifications,
+  onMarkAsRead: propOnMarkAsRead,
+  onMarkAllAsRead: propOnMarkAllAsRead,
+  onDismiss: propOnDismiss,
+  onClearAll: propOnClearAll,
+  onNotificationClick: propOnNotificationClick,
   size = "md",
   maxVisible = 5,
   playSound = true,
@@ -4972,6 +4998,13 @@ function NotificationsWidget({
   pulseStyle = "ring",
   soundCooldown = 2e3
 }) {
+  const context = useNotificationsContext();
+  const notifications = propNotifications ?? context?.notifications ?? [];
+  const onMarkAsRead = propOnMarkAsRead ?? context?.markAsRead;
+  const onMarkAllAsRead = propOnMarkAllAsRead ?? context?.markAllAsRead;
+  const onDismiss = propOnDismiss ?? context?.dismiss;
+  const onClearAll = propOnClearAll ?? context?.clearAll;
+  const onNotificationClick = propOnNotificationClick ?? context?.onNotificationClick;
   const [isOpen, setIsOpen] = React2.useState(false);
   const [prevCount, setPrevCount] = React2.useState(0);
   const lastSoundPlayedRef = React2.useRef(0);
@@ -5376,6 +5409,6 @@ function ScrollBar({
   );
 }
 
-export { AvatarEditor, AvatarEditorDialog, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, LanguageSwitcher, NotificationsWidget, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, toggleVariants };
+export { AvatarEditor, AvatarEditorDialog, Button, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, LanguageContext, LanguageSwitcher, NotificationsContext, NotificationsWidget, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Slider, ThemeSwitcher, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, defaultLanguages, toggleVariants, useLanguageContext, useNotificationsContext };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map