@planetaexo/design-system 0.72.0 → 0.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -12203,24 +12203,24 @@ function FeedLightbox({
12203
12203
  if (frame) cancelAnimationFrame(frame);
12204
12204
  };
12205
12205
  }, []);
12206
- return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-background", children: [
12207
- /* @__PURE__ */ 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: [
12206
+ return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col bg-zinc-950 text-white", children: [
12207
+ /* @__PURE__ */ 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: [
12208
12208
  /* @__PURE__ */ jsx(
12209
12209
  "button",
12210
12210
  {
12211
12211
  type: "button",
12212
12212
  onClick: onClose,
12213
- 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",
12213
+ 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",
12214
12214
  "aria-label": (_a = labels == null ? void 0 : labels.close) != null ? _a : "Close lightbox",
12215
12215
  children: /* @__PURE__ */ jsx(XIcon, { className: "h-5 w-5" })
12216
12216
  }
12217
12217
  ),
12218
- activeLabel && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-center font-heading text-sm font-bold uppercase tracking-wide text-foreground", children: activeLabel }),
12218
+ activeLabel && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-center font-heading text-sm font-bold uppercase tracking-wide text-white", children: activeLabel }),
12219
12219
  total > 1 && /* @__PURE__ */ jsxs(
12220
12220
  "span",
12221
12221
  {
12222
12222
  className: cn(
12223
- "shrink-0 font-ui text-sm font-medium tabular-nums text-muted-foreground",
12223
+ "shrink-0 font-ui text-sm font-medium tabular-nums text-white/60",
12224
12224
  !activeLabel && "ml-auto"
12225
12225
  ),
12226
12226
  children: [
@@ -12243,7 +12243,7 @@ function FeedLightbox({
12243
12243
  "h2",
12244
12244
  {
12245
12245
  className: cn(
12246
- "px-3 font-heading text-lg font-bold uppercase tracking-wide text-foreground sm:px-4",
12246
+ "px-3 font-heading text-lg font-bold uppercase tracking-wide text-white sm:px-4",
12247
12247
  index > 0 && "mt-3"
12248
12248
  ),
12249
12249
  children: sectionLabel
@@ -12257,7 +12257,7 @@ function FeedLightbox({
12257
12257
  itemRefs.current[index] = el;
12258
12258
  },
12259
12259
  children: [
12260
- /* @__PURE__ */ jsx("div", { className: "overflow-hidden bg-muted", children: /* @__PURE__ */ jsx(
12260
+ /* @__PURE__ */ jsx("div", { className: "overflow-hidden bg-white/5", children: /* @__PURE__ */ jsx(
12261
12261
  Picture,
12262
12262
  {
12263
12263
  src: photo.src,
@@ -12269,8 +12269,8 @@ function FeedLightbox({
12269
12269
  }
12270
12270
  ) }),
12271
12271
  (photo.caption || photo.credit) && /* @__PURE__ */ jsxs("figcaption", { className: "px-3 pt-2 sm:px-4", children: [
12272
- photo.caption && /* @__PURE__ */ jsx("p", { className: "font-ui text-sm leading-snug text-foreground/80", children: photo.caption }),
12273
- photo.credit && /* @__PURE__ */ jsxs("p", { className: "font-ui text-xs text-muted-foreground", children: [
12272
+ photo.caption && /* @__PURE__ */ jsx("p", { className: "font-ui text-sm leading-snug text-white/90", children: photo.caption }),
12273
+ photo.credit && /* @__PURE__ */ jsxs("p", { className: "font-ui text-xs text-white/50", children: [
12274
12274
  "\xA9 ",
12275
12275
  photo.credit
12276
12276
  ] })
@@ -12712,7 +12712,10 @@ function CarouselGallery({
12712
12712
  if (Math.abs(dx) > 8 && Math.abs(dx) > Math.abs(dy)) {
12713
12713
  g.axis = "x";
12714
12714
  setDragging(true);
12715
- (_a = containerRef.current) == null ? void 0 : _a.setPointerCapture(g.id);
12715
+ try {
12716
+ (_a = containerRef.current) == null ? void 0 : _a.setPointerCapture(g.id);
12717
+ } catch (e2) {
12718
+ }
12716
12719
  } else if (Math.abs(dy) > 8) {
12717
12720
  gesture.current = null;
12718
12721
  return;