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

package/dist/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
+var React2 = require('react');
 var nextThemes = require('next-themes');
 var lucideReact = require('lucide-react');
 var react = require('motion/react');
-var React2 = require('react');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
@@ -42,6 +42,15 @@ var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive)
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
 
+var NotificationsContext = React2.createContext(null);
+function useNotificationsContext() {
+  return React2.useContext(NotificationsContext);
+}
+var LanguageContext = React2.createContext(null);
+function useLanguageContext() {
+  return React2.useContext(LanguageContext);
+}
+
 // node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -3536,7 +3545,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: [
@@ -3555,7 +3568,7 @@ function ThemeSwitcher({
                 Icon,
                 {
                   className: cn(
-                    "relative z-10 m-auto",
+                    "relative z-10",
                     sizes.icon,
                     isActive ? "text-foreground" : "text-muted-foreground"
                   )
@@ -3569,6 +3582,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",
@@ -3598,18 +3615,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 = {
@@ -3639,7 +3665,7 @@ function LanguageSwitcher({
           children: languages.map(({ key, nativeName }) => /* @__PURE__ */ jsxRuntime.jsx(
             DropdownMenuItem,
             {
-              onClick: () => onLanguageChange(key),
+              onClick: () => onLanguageChange?.(key),
               className: cn(
                 "justify-center text-xs font-semibold cursor-pointer px-3",
                 currentLanguage === key && "bg-accent"
@@ -3675,7 +3701,7 @@ function LanguageSwitcher({
             {
               "aria-label": label,
               className: cn("relative font-semibold", sizes.button, shapeClass),
-              onClick: () => onLanguageChange(key),
+              onClick: () => onLanguageChange?.(key),
               type: "button",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: isActive && /* @__PURE__ */ jsxRuntime.jsx(
@@ -4981,12 +5007,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,
@@ -5000,6 +5026,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__namespace.useState(false);
   const [prevCount, setPrevCount] = React2__namespace.useState(0);
   const lastSoundPlayedRef = React2__namespace.useRef(0);
@@ -5442,7 +5475,9 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.LanguageContext = LanguageContext;
 exports.LanguageSwitcher = LanguageSwitcher;
+exports.NotificationsContext = NotificationsContext;
 exports.NotificationsWidget = NotificationsWidget;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
@@ -5459,6 +5494,9 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.defaultLanguages = defaultLanguages;
 exports.toggleVariants = toggleVariants;
+exports.useLanguageContext = useLanguageContext;
+exports.useNotificationsContext = useNotificationsContext;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map