xertica-ui 2.5.3 → 2.7.0

package/dist/{AssistantChart-BZTPJ5dP.cjs → AssistantChart-JooMdVQU.cjs}

@@ -12,7 +12,7 @@ const TogglePrimitive = require('@radix-ui/react-toggle');
 const inputOtp = require('input-otp');
 const reactSlot = require('@radix-ui/react-slot');
 const reactHookForm = require('react-hook-form');
-const alertDialog = require('./alert-dialog-DhwPioBa.cjs');
+const alertDialog = require('./alert-dialog-DBBqvU-V.cjs');
 const reactDayPicker = require('react-day-picker');
 const DialogPrimitive = require('@radix-ui/react-dialog');
 const vaul = require('vaul');
@@ -20,12 +20,12 @@ const HoverCardPrimitive = require('@radix-ui/react-hover-card');
 const ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 const MenubarPrimitive = require('@radix-ui/react-menubar');
 const cmdk = require('cmdk');
-const richTextEditor = require('./rich-text-editor-B2CKz7nx.cjs');
+const richTextEditor = require('./rich-text-editor-DnSDglzW.cjs');
 const skeleton = require('./skeleton-DjiHerJn.cjs');
 const CollapsiblePrimitive = require('@radix-ui/react-collapsible');
 const AccordionPrimitive = require('@radix-ui/react-accordion');
 const useEmblaCarousel = require('embla-carousel-react');
-const googleMapsLoader = require('./google-maps-loader-casMyxlo.cjs');
+const googleMapsLoader = require('./google-maps-loader-DfeBRI8Q.cjs');
 const RechartsPrimitive = require('recharts');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -3081,7 +3081,7 @@ const Search = React__namespace.forwardRef(
 );
 Search.displayName = "Search";
 
-const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo"};
+const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false};
 const RouteMapContent = React.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = googleMapsLoader.useGoogleMapsLoader();
@@ -3281,7 +3281,7 @@ const RouteMapContent = React.forwardRef(
 RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React.forwardRef((props, ref) => {
   const { isLoaded, loadError } = googleMapsLoader.useGoogleMapsLoader();
-  const effectiveApiKey = props.apiKey || typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('AssistantChart-BZTPJ5dP.cjs', document.baseURI).href)) }) !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
+  const effectiveApiKey = props.apiKey || typeof ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('AssistantChart-JooMdVQU.cjs', document.baseURI).href)) }) !== "undefined" && __vite_import_meta_env__ && undefined                                         || "";
   const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
   if (isLoaded || isValidKey || loadError) {
     return /* @__PURE__ */ jsxRuntime.jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });

package/dist/{AssistantChart-DMJJ_Amf.js → AssistantChart-KHS-tp-L.js}

@@ -11,7 +11,7 @@ import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { Slot } from '@radix-ui/react-slot';
 import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
-import { L as Label, M as Map$1 } from './alert-dialog-DqlRW_An.js';
+import { L as Label, M as Map$1 } from './alert-dialog-ClRoLH7l.js';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { Drawer as Drawer$1 } from 'vaul';
@@ -19,12 +19,12 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import { Command as Command$1 } from 'cmdk';
-import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from './rich-text-editor-DloeW0wc.js';
+import { k as Dialog, q as DialogHeader, t as DialogTitle, o as DialogDescription, n as DialogContent, c as ChartContainer, g as ChartTooltip, h as ChartTooltipContent } from './rich-text-editor-DV1SixzE.js';
 import { C as Card, b as CardContent, S as Skeleton } from './skeleton-DtR5tkYe.js';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import useEmblaCarousel from 'embla-carousel-react';
-import { u as useGoogleMapsLoader } from './google-maps-loader-BCe58h9D.js';
+import { u as useGoogleMapsLoader } from './google-maps-loader-BOug999f.js';
 import { BarChart, CartesianGrid, XAxis, Bar } from 'recharts';
 
 function AspectRatio({ ...props }) {
@@ -3050,7 +3050,7 @@ const Search = React.forwardRef(
 );
 Search.displayName = "Search";
 
-const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_GEMINI_API_KEY": "AIzaSyBnoWKe4LjQzlIklON_dVXMXNUl2gvfH6U", "VITE_GOOGLE_MAPS_API_KEY": "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo"};
+const __vite_import_meta_env__ = {"BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false};
 const RouteMapContent = React__default.forwardRef(
   ({ apiKey, ...props }, ref) => {
     const { isLoaded, loadError, load } = useGoogleMapsLoader();
@@ -3250,7 +3250,7 @@ const RouteMapContent = React__default.forwardRef(
 RouteMapContent.displayName = "RouteMapContent";
 const RouteMap = React__default.forwardRef((props, ref) => {
   const { isLoaded, loadError } = useGoogleMapsLoader();
-  const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && "AIzaSyCj19NndSgZOb8057q24UbJtSsfVJiyVdo" || "";
+  const effectiveApiKey = props.apiKey || typeof import.meta !== "undefined" && __vite_import_meta_env__ && undefined                                         || "";
   const isValidKey = effectiveApiKey && effectiveApiKey !== "YOUR_GOOGLE_MAPS_API_KEY_HERE" && effectiveApiKey.startsWith("AIza");
   if (isLoaded || isValidKey || loadError) {
     return /* @__PURE__ */ jsx(RouteMapContent, { ref, ...props, apiKey: effectiveApiKey });

package/dist/{BrandColorsContext-BwY-b6M4.cjs → BrandColorsContext-B4_81eas.cjs}

@@ -86,7 +86,7 @@ function ApiKeyProvider({
       const reloadMaps = async () => {
         if (googleMapsApiKey.length < 10) return;
         try {
-          const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-9GWd0qxq.cjs'));
+          const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-BQjx1Mdf.cjs'));
           await reloadGoogleMaps(googleMapsApiKey);
           console.log("[ApiKeyContext] Google Maps recarregado com sucesso");
         } catch (error) {
@@ -113,7 +113,7 @@ function ApiKeyProvider({
       return;
     }
     try {
-      const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-9GWd0qxq.cjs'));
+      const { reloadGoogleMaps } = await Promise.resolve().then(() => require('./index-BQjx1Mdf.cjs'));
       await reloadGoogleMaps(googleMapsApiKey);
       console.log("[ApiKeyContext] Google Maps recarregado manualmente");
     } catch (error) {

package/dist/{BrandColorsContext-BMRJ04Wf.js → BrandColorsContext-DbK5LnQ_.js}

@@ -84,7 +84,7 @@ function ApiKeyProvider({
       const reloadMaps = async () => {
         if (googleMapsApiKey.length < 10) return;
         try {
-          const { reloadGoogleMaps } = await import('./index-BabBx2pa.js');
+          const { reloadGoogleMaps } = await import('./index-Bei5DzAL.js');
           await reloadGoogleMaps(googleMapsApiKey);
           console.log("[ApiKeyContext] Google Maps recarregado com sucesso");
         } catch (error) {
@@ -111,7 +111,7 @@ function ApiKeyProvider({
       return;
     }
     try {
-      const { reloadGoogleMaps } = await import('./index-BabBx2pa.js');
+      const { reloadGoogleMaps } = await import('./index-Bei5DzAL.js');
       await reloadGoogleMaps(googleMapsApiKey);
       console.log("[ApiKeyContext] Google Maps recarregado manualmente");
     } catch (error) {

package/dist/{CodeBlock-CjeFavqV.js → CodeBlock-DiKO8ocT.js}

@@ -1,9 +1,10 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Check, Copy } from "lucide-react";
-import { useTranslation } from "react-i18next";
-import { B as Button } from "./button-C6uvh0rV.js";
-import { Prism } from "react-syntax-highlighter";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Check, Copy } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import { B as Button } from './button-DZHzN1Gd.js';
+import { Prism } from 'react-syntax-highlighter';
+
 const elegantTheme = {
   'code[class*="language-"]': {
     color: "var(--foreground)",
@@ -143,7 +144,7 @@ const CodeBlock = ({
         try {
           await navigator.clipboard.writeText(code);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -153,7 +154,7 @@ const CodeBlock = ({
       }
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
+    } catch {
       try {
         const textArea = document.createElement("textarea");
         textArea.value = code;
@@ -216,6 +217,5 @@ const CodeBlock = ({
     ] })
   ] });
 };
-export {
-  CodeBlock as C
-};
+
+export { CodeBlock as C };

package/dist/{CodeBlock-CV6dtsTM.cjs → CodeBlock-ZYThr7Kn.cjs}

@@ -1,10 +1,12 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const lucideReact = require("lucide-react");
-const reactI18next = require("react-i18next");
-const button = require("./button-Bnv9SvYK.cjs");
-const reactSyntaxHighlighter = require("react-syntax-highlighter");
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const lucideReact = require('lucide-react');
+const reactI18next = require('react-i18next');
+const button = require('./button-0BlA47It.cjs');
+const reactSyntaxHighlighter = require('react-syntax-highlighter');
+
 const elegantTheme = {
   'code[class*="language-"]': {
     color: "var(--foreground)",
@@ -144,7 +146,7 @@ const CodeBlock = ({
         try {
           await navigator.clipboard.writeText(code);
         } catch (clipboardError) {
-          if (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy")) {
+          if (clipboardError instanceof Error && (clipboardError.name === "NotAllowedError" || clipboardError.message.includes("permissions policy"))) {
             throw new Error("Clipboard permission denied, falling back");
           }
           throw clipboardError;
@@ -154,7 +156,7 @@ const CodeBlock = ({
       }
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
-    } catch (err) {
+    } catch {
       try {
         const textArea = document.createElement("textarea");
         textArea.value = code;
@@ -217,4 +219,5 @@ const CodeBlock = ({
     ] })
   ] });
 };
+
 exports.CodeBlock = CodeBlock;

package/dist/{FeatureCard-Cfs6Ishq.js → FeatureCard-BhpfmPPx.js}

@@ -1,10 +1,11 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { C as Card, e as CardHeader, f as CardTitle, a as CardAction, b as CardContent, S as Skeleton, c as CardDescription, d as CardFooter } from "./skeleton-C4bHqUBf.js";
-import { A as Avatar, b as AvatarImage, a as AvatarFallback } from "./avatar-Cxyofu1H.js";
-import { B as Badge, P as Progress } from "./progress-Cs9i4DPx.js";
-import { c as cn, B as Button } from "./button-C6uvh0rV.js";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { C as Card, e as CardHeader, f as CardTitle, a as CardAction, b as CardContent, S as Skeleton, c as CardDescription, d as CardFooter } from './skeleton-DtR5tkYe.js';
+import { A as Avatar, b as AvatarImage, a as AvatarFallback } from './avatar-3kO2Anrp.js';
+import { B as Badge, P as Progress } from './ImageWithFallback-bw-CxxDc.js';
+import { c as cn, B as Button } from './button-DZHzN1Gd.js';
+
 const activityTypeVariant = {
   create: "success",
   update: "info",
@@ -60,6 +61,7 @@ function ActivityCard({
     }) }) })
   ] });
 }
+
 function ActivityCardSkeleton({ rows = 5, className, ...props }) {
   return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", className), ...props, children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }) }),
@@ -73,6 +75,7 @@ function ActivityCardSkeleton({ rows = 5, className, ...props }) {
     ] }, i)) }) })
   ] });
 }
+
 const statusVariant = {
   online: "success",
   offline: "secondary",
@@ -135,6 +138,7 @@ function ProfileCard({
     ] })
   ] }) });
 }
+
 function ProfileCardSkeleton({
   showStats = true,
   showActions = true,
@@ -158,6 +162,7 @@ function ProfileCardSkeleton({
     ] })
   ] }) });
 }
+
 const statusVariantConfig = {
   active: { variant: "info", progressVariant: "info" },
   review: { variant: "warning", progressVariant: "warning" },
@@ -228,6 +233,7 @@ function ProjectCard({
     ] })
   ] });
 }
+
 function ProjectCardSkeleton({
   memberCount = 3,
   className,
@@ -254,6 +260,7 @@ function ProjectCardSkeleton({
     ] })
   ] });
 }
+
 function QuickActionCard({
   title,
   description,
@@ -300,6 +307,7 @@ function QuickActionCard({
     }
   );
 }
+
 function QuickActionCardSkeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx(Card, { className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 flex flex-col items-start gap-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between w-full", children: [
@@ -314,6 +322,7 @@ function QuickActionCardSkeleton({ className, ...props }) {
     /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full rounded-md" })
   ] }) });
 }
+
 const typeVariant = {
   info: "info",
   warning: "warning",
@@ -386,6 +395,7 @@ function NotificationCard({
     onViewAll && /* @__PURE__ */ jsx(CardFooter, { className: "pt-2", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "w-full text-xs", onClick: onViewAll, children: t("notificationCard.viewAll") }) })
   ] });
 }
+
 function NotificationCardSkeleton({
   rows = 4,
   showViewAll = false,
@@ -416,6 +426,7 @@ function NotificationCardSkeleton({
     showViewAll && /* @__PURE__ */ jsx(CardFooter, { className: "pt-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full rounded-md" }) })
   ] });
 }
+
 const colorTokens = {
   primary: { bg: "bg-primary/10", icon: "text-primary" },
   "chart-1": { bg: "bg-[var(--chart-1)]/15", icon: "text-[var(--chart-1)]" },
@@ -470,16 +481,5 @@ function FeatureCard({
     }
   );
 }
-export {
-  ActivityCard as A,
-  FeatureCard as F,
-  NotificationCard as N,
-  ProfileCard as P,
-  QuickActionCard as Q,
-  ActivityCardSkeleton as a,
-  NotificationCardSkeleton as b,
-  ProfileCardSkeleton as c,
-  ProjectCard as d,
-  ProjectCardSkeleton as e,
-  QuickActionCardSkeleton as f
-};
+
+export { ActivityCard as A, FeatureCard as F, NotificationCard as N, ProfileCard as P, QuickActionCard as Q, ActivityCardSkeleton as a, NotificationCardSkeleton as b, ProfileCardSkeleton as c, ProjectCard as d, ProjectCardSkeleton as e, QuickActionCardSkeleton as f };

package/dist/{FeatureCard-ie3L8Fpr.cjs → FeatureCard-D-5yS_OD.cjs}

@@ -1,11 +1,13 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactI18next = require("react-i18next");
-const skeleton = require("./skeleton-4zoHiFJ_.cjs");
-const avatar = require("./avatar-CuYu2MKt.cjs");
-const progress = require("./progress-DDeuWPZw.cjs");
-const button = require("./button-Bnv9SvYK.cjs");
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const reactI18next = require('react-i18next');
+const skeleton = require('./skeleton-DjiHerJn.cjs');
+const avatar = require('./avatar-BCM7YQRC.cjs');
+const ImageWithFallback = require('./ImageWithFallback-CfkAkctC.cjs');
+const button = require('./button-0BlA47It.cjs');
+
 const activityTypeVariant = {
   create: "success",
   update: "info",
@@ -56,11 +58,12 @@ function ActivityCard({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: item.time })
         ] }),
-        badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badge.variant, className: "shrink-0 text-xs", children: badge.label })
+        badge && /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Badge, { variant: badge.variant, className: "shrink-0 text-xs", children: badge.label })
       ] }, item.id);
     }) }) })
   ] });
 }
+
 function ActivityCardSkeleton({ rows = 5, className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(skeleton.Card, { className: button.cn("w-full", className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-40" }) }),
@@ -74,6 +77,7 @@ function ActivityCardSkeleton({ rows = 5, className, ...props }) {
     ] }, i)) }) })
   ] });
 }
+
 const statusVariant = {
   online: "success",
   offline: "secondary",
@@ -110,7 +114,7 @@ function ProfileCard({
         avatar$1 && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src: avatar$1, alt: name }),
         /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "text-lg font-semibold", children: initials })
       ] }),
-      s && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-0.5 -right-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: s.variant, className: "text-[10px] px-1.5 py-0 h-5", children: s.label }) })
+      s && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -bottom-0.5 -right-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Badge, { variant: s.variant, className: "text-[10px] px-1.5 py-0 h-5", children: s.label }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-base leading-tight", children: name }),
@@ -136,6 +140,7 @@ function ProfileCard({
     ] })
   ] }) });
 }
+
 function ProfileCardSkeleton({
   showStats = true,
   showActions = true,
@@ -159,6 +164,7 @@ function ProfileCardSkeleton({
     ] })
   ] }) });
 }
+
 const statusVariantConfig = {
   active: { variant: "info", progressVariant: "info" },
   review: { variant: "warning", progressVariant: "warning" },
@@ -170,7 +176,7 @@ function ProjectCard({
   title,
   description,
   status,
-  progress: progress$1,
+  progress,
   dueDate,
   members = [],
   maxMembers = 4,
@@ -200,7 +206,7 @@ function ProjectCard({
         description && /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { className: "line-clamp-2", children: description })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardAction, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant, children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Badge, { variant, children: label }),
         action
       ] })
     ] }),
@@ -208,11 +214,11 @@ function ProjectCard({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("projectCard.progress") }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          progress$1,
+          progress,
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(progress.Progress, { value: progress$1, variant: progressVariant, className: "h-2" })
+      /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Progress, { value: progress, variant: progressVariant, className: "h-2" })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardFooter, { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-2", children: [
@@ -229,6 +235,7 @@ function ProjectCard({
     ] })
   ] });
 }
+
 function ProjectCardSkeleton({
   memberCount = 3,
   className,
@@ -255,6 +262,7 @@ function ProjectCardSkeleton({
     ] })
   ] });
 }
+
 function QuickActionCard({
   title,
   description,
@@ -280,7 +288,7 @@ function QuickActionCard({
       children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "pt-6 flex flex-col items-start gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2.5 rounded-[var(--radius)] bg-primary/10 text-primary", children: icon }),
-          badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badgeVariant, children: badge })
+          badge && /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Badge, { variant: badgeVariant, children: badge })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm leading-tight", children: title }),
@@ -301,6 +309,7 @@ function QuickActionCard({
     }
   );
 }
+
 function QuickActionCardSkeleton({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Card, { className: button.cn("w-full", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardContent, { className: "pt-6 flex flex-col items-start gap-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between w-full", children: [
@@ -315,6 +324,7 @@ function QuickActionCardSkeleton({ className, ...props }) {
     /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-full rounded-md" })
   ] }) });
 }
+
 const typeVariant = {
   info: "info",
   warning: "warning",
@@ -340,7 +350,7 @@ function NotificationCard({
     /* @__PURE__ */ jsxRuntime.jsxs(skeleton.CardHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { children: cardTitle }),
-        count > 0 && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: "destructive", className: "h-5 text-[11px] px-1.5", children: count })
+        count > 0 && /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Badge, { variant: "destructive", className: "h-5 text-[11px] px-1.5", children: count })
       ] }),
       onMarkAllRead && count > 0 && /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardAction, { children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", className: "text-xs h-7", onClick: onMarkAllRead, children: t("notificationCard.markAllRead") }) })
     ] }),
@@ -368,7 +378,7 @@ function NotificationCard({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: item.title }),
               item.type && item.type !== "default" && /* @__PURE__ */ jsxRuntime.jsx(
-                progress.Badge,
+                ImageWithFallback.Badge,
                 {
                   variant: typeVariant[item.type],
                   className: "text-[10px] px-1.5 h-4 shrink-0",
@@ -387,6 +397,7 @@ function NotificationCard({
     onViewAll && /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "sm", className: "w-full text-xs", onClick: onViewAll, children: t("notificationCard.viewAll") }) })
   ] });
 }
+
 function NotificationCardSkeleton({
   rows = 4,
   showViewAll = false,
@@ -417,6 +428,7 @@ function NotificationCardSkeleton({
     showViewAll && /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardFooter, { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-full rounded-md" }) })
   ] });
 }
+
 const colorTokens = {
   primary: { bg: "bg-primary/10", icon: "text-primary" },
   "chart-1": { bg: "bg-[var(--chart-1)]/15", icon: "text-[var(--chart-1)]" },
@@ -462,7 +474,7 @@ function FeatureCard({
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardTitle, { className: "text-sm", children: title }),
-            badge && /* @__PURE__ */ jsxRuntime.jsx(progress.Badge, { variant: badgeVariant, className: "text-xs", children: badge })
+            badge && /* @__PURE__ */ jsxRuntime.jsx(ImageWithFallback.Badge, { variant: badgeVariant, className: "text-xs", children: badge })
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardContent, { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.CardDescription, { className: "text-sm leading-relaxed", children: description }) }),
@@ -471,6 +483,7 @@ function FeatureCard({
     }
   );
 }
+
 exports.ActivityCard = ActivityCard;
 exports.ActivityCardSkeleton = ActivityCardSkeleton;
 exports.FeatureCard = FeatureCard;

package/dist/{progress-DDeuWPZw.cjs → ImageWithFallback-CfkAkctC.cjs}

@@ -1,14 +1,17 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const reactSlot = require("@radix-ui/react-slot");
-const classVarianceAuthority = require("class-variance-authority");
-const button = require("./button-Bnv9SvYK.cjs");
-const ProgressPrimitive = require("@radix-ui/react-progress");
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const button = require('./button-0BlA47It.cjs');
+const ProgressPrimitive = require('@radix-ui/react-progress');
+const React = require('react');
+
 function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
   if (e) {
     for (const k in e) {
-      if (k !== "default") {
+      if (k !== 'default') {
         const d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
@@ -20,7 +23,9 @@ function _interopNamespaceDefault(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const ProgressPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(ProgressPrimitive);
+
+const ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
+
 const badgeVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -50,6 +55,7 @@ function Badge({
   const Comp = asChild ? reactSlot.Slot : "span";
   return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: button.cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }) });
 }
+
 const trackVariants = {
   default: "bg-primary/20",
   success: "bg-success/20",
@@ -92,6 +98,25 @@ function Progress({
     }
   );
 }
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = React.useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
 exports.Badge = Badge;
+exports.ImageWithFallback = ImageWithFallback;
 exports.Progress = Progress;
 exports.badgeVariants = badgeVariants;

package/dist/{progress-Cs9i4DPx.js → ImageWithFallback-bw-CxxDc.js}

@@ -1,8 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import { Slot, Slottable } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { c as cn } from "./button-C6uvh0rV.js";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './button-DZHzN1Gd.js';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { useState } from 'react';
+
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -32,6 +34,7 @@ function Badge({
   const Comp = asChild ? Slot : "span";
   return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(Slottable, { children }) });
 }
+
 const trackVariants = {
   default: "bg-primary/20",
   success: "bg-success/20",
@@ -74,8 +77,22 @@ function Progress({
     }
   );
 }
-export {
-  Badge as B,
-  Progress as P,
-  badgeVariants as b
-};
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+export { Badge as B, ImageWithFallback as I, Progress as P, badgeVariants as b };