@planetaexo/design-system 0.72.0 → 0.73.0

package/dist/index.cjs

@@ -12224,24 +12224,24 @@ function FeedLightbox({
       if (frame) cancelAnimationFrame(frame);
     };
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-3 border-b border-border/60 bg-background/85 px-3 py-2.5 backdrop-blur-md", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-zinc-950 text-white", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-3 border-b border-white/10 bg-zinc-950/80 px-3 py-2.5 backdrop-blur-md", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           onClick: onClose,
-          className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-foreground transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-white transition-colors hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60",
           "aria-label": (_a = labels == null ? void 0 : labels.close) != null ? _a : "Close lightbox",
           children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "h-5 w-5" })
         }
       ),
-      activeLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-center font-heading text-sm font-bold uppercase tracking-wide text-foreground", children: activeLabel }),
+      activeLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-center font-heading text-sm font-bold uppercase tracking-wide text-white", children: activeLabel }),
       total > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
           className: cn(
-            "shrink-0 font-ui text-sm font-medium tabular-nums text-muted-foreground",
+            "shrink-0 font-ui text-sm font-medium tabular-nums text-white/60",
             !activeLabel && "ml-auto"
           ),
           children: [
@@ -12264,7 +12264,7 @@ function FeedLightbox({
               "h2",
               {
                 className: cn(
-                  "px-3 font-heading text-lg font-bold uppercase tracking-wide text-foreground sm:px-4",
+                  "px-3 font-heading text-lg font-bold uppercase tracking-wide text-white sm:px-4",
                   index > 0 && "mt-3"
                 ),
                 children: sectionLabel
@@ -12278,7 +12278,7 @@ function FeedLightbox({
                   itemRefs.current[index] = el;
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden bg-white/5", children: /* @__PURE__ */ jsxRuntime.jsx(
                     Picture,
                     {
                       src: photo.src,
@@ -12290,8 +12290,8 @@ function FeedLightbox({
                     }
                   ) }),
                   (photo.caption || photo.credit) && /* @__PURE__ */ jsxRuntime.jsxs("figcaption", { className: "px-3 pt-2 sm:px-4", children: [
-                    photo.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-ui text-sm leading-snug text-foreground/80", children: photo.caption }),
-                    photo.credit && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-ui text-xs text-muted-foreground", children: [
+                    photo.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-ui text-sm leading-snug text-white/90", children: photo.caption }),
+                    photo.credit && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-ui text-xs text-white/50", children: [
                       "\xA9 ",
                       photo.credit
                     ] })
@@ -12733,7 +12733,10 @@ function CarouselGallery({
       if (Math.abs(dx) > 8 && Math.abs(dx) > Math.abs(dy)) {
         g.axis = "x";
         setDragging(true);
-        (_a = containerRef.current) == null ? void 0 : _a.setPointerCapture(g.id);
+        try {
+          (_a = containerRef.current) == null ? void 0 : _a.setPointerCapture(g.id);
+        } catch (e2) {
+        }
       } else if (Math.abs(dy) > 8) {
         gesture.current = null;
         return;