@particle-academy/fancy-slides 0.1.5 → 0.1.6

package/dist/index.js

@@ -1,9 +1,9 @@
-import { useId, useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { isDarkColor, SlideContext } from './chunk-WIUXPQAK.js';
+export { useIsDarkSlide, useSlideContext, useSlideTheme } from './chunk-WIUXPQAK.js';
+import { useId, useRef, useState, useEffect, useMemo, useCallback } from 'react';
 import { ContentRenderer, Text, Action, ContextMenu, Separator, Tooltip, Dropdown, Badge, Heading, Tabs, Card, Input, Slider, Textarea, Select, ColorPicker } from '@particle-academy/react-fancy';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-// src/components/Slide/Slide.tsx
-
 // src/theme/default-theme.ts
 var defaultTheme = {
   name: "default",
@@ -259,10 +259,19 @@ function Slide({
   const slideWidthPx = measured || 1;
   const slideHeightPx = slideWidthPx / ratio;
   const bg = slide.background;
+  const effectiveBg = bg?.color ?? t.colors?.background ?? "#ffffff";
   const backgroundStyle = {
-    background: bg?.gradient ? bg.gradient : bg?.image ? `${bg.color ?? "transparent"} url(${bg.image}) center/${bg.imageFit ?? "cover"} no-repeat` : bg?.color ?? t.colors?.background ?? "#ffffff"
+    background: bg?.gradient ? bg.gradient : bg?.image ? `${bg.color ?? "transparent"} url(${bg.image}) center/${bg.imageFit ?? "cover"} no-repeat` : effectiveBg
   };
-  return /* @__PURE__ */ jsx(
+  const slideContext = useMemo(
+    () => ({
+      theme: t,
+      isDark: isDarkColor(effectiveBg),
+      slideWidthPx
+    }),
+    [t, effectiveBg, slideWidthPx]
+  );
+  return /* @__PURE__ */ jsx(SlideContext.Provider, { value: slideContext, children: /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -298,7 +307,7 @@ function Slide({
         element.id
       ))
     }
-  );
+  ) });
 }
 var MIN_DIM = 0.02;
 var CLICK_DRAG_THRESHOLD_PX = 3;