@ohhwells/bridge 0.1.47 → 0.1.48-next.113

package/dist/index.d.cts

@@ -221,4 +221,25 @@ declare function TooltipContent({ className, sideOffset, side, children, hideArr
 
 declare function isEditSessionActive(): boolean;
 
-export { CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };
+type CarouselSlide = {
+    src: string;
+    alt: string;
+};
+/**
+ * Template hook. Owns the slide array in React state, stamps the DOM contract via `bind`, and
+ * listens for the bridge's change event so replace/add/delete re-render the component.
+ *
+ * `bind` is plain data attributes (no ref), so it spreads onto any element type without type
+ * friction; the hook finds its own container by key. Slides inside still need
+ * `data-ohw-carousel-slide={i}`.
+ *
+ *   const { images, bind } = useOhwCarousel('hero-carousel', content.images)
+ *   <div {...bind}>{images.map((img, i) => <Slide data-ohw-carousel-slide={i} … />)}</div>
+ */
+declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
+    images: CarouselSlide[];
+    setImages: React.Dispatch<React.SetStateAction<CarouselSlide[]>>;
+    bind: Record<string, string>;
+};
+
+export { type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };

package/dist/index.d.ts

@@ -221,4 +221,25 @@ declare function TooltipContent({ className, sideOffset, side, children, hideArr
 
 declare function isEditSessionActive(): boolean;
 
-export { CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, validateUrlInput };
+type CarouselSlide = {
+    src: string;
+    alt: string;
+};
+/**
+ * Template hook. Owns the slide array in React state, stamps the DOM contract via `bind`, and
+ * listens for the bridge's change event so replace/add/delete re-render the component.
+ *
+ * `bind` is plain data attributes (no ref), so it spreads onto any element type without type
+ * friction; the hook finds its own container by key. Slides inside still need
+ * `data-ohw-carousel-slide={i}`.
+ *
+ *   const { images, bind } = useOhwCarousel('hero-carousel', content.images)
+ *   <div {...bind}>{images.map((img, i) => <Slide data-ohw-carousel-slide={i} … />)}</div>
+ */
+declare function useOhwCarousel(key: string, initial: CarouselSlide[]): {
+    images: CarouselSlide[];
+    setImages: React.Dispatch<React.SetStateAction<CarouselSlide[]>>;
+    bind: Record<string, string>;
+};
+
+export { type CarouselSlide, CustomToolbar, CustomToolbarButton, CustomToolbarDivider, DragHandle, DropIndicator, type DropIndicatorProps, ItemActionToolbar, type ItemActionToolbarProps, ItemInteractionLayer, type ItemInteractionLayerProps, type ItemInteractionState, LinkEditorPanel, type LinkModalMode, type LinkModalProps, type LinkPage, LinkPopover, type LinkSection, OhhwellsBridge, SchedulingWidget, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buildTarget, dropIndicatorVariants, filterAvailablePages, getEditModeInitialState, isEditSessionActive, isValidUrl, parseTarget, toggleVariants, useOhwCarousel, validateUrlInput };