@squeletteapp/widget-react 0.1.0 → 0.1.1

package/dist/components.d.ts

@@ -1,22 +1,27 @@
-import React from 'react';
-import { WidgetOptions } from './hooks';
+import * as React from 'react';
+import { type WidgetOptions } from './hooks';
 export interface FeedbackWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {
     workspaceSlug: string;
     boardSlug?: string;
     children: React.ReactNode;
     className?: string;
+    asChild?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
 }
 export interface RoadmapWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {
     workspaceSlug: string;
     boardSlug: string;
     children: React.ReactNode;
     className?: string;
+    asChild?: boolean;
 }
 export interface ChangelogWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {
     workspaceSlug: string;
     children: React.ReactNode;
     className?: string;
+    asChild?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
 }
-export declare function FeedbackWidget({ workspaceSlug, boardSlug, children, className, ...options }: FeedbackWidgetProps): import("react/jsx-runtime").JSX.Element;
-export declare function RoadmapWidget({ workspaceSlug, boardSlug, children, className, ...options }: RoadmapWidgetProps): import("react/jsx-runtime").JSX.Element;
-export declare function ChangelogWidget({ workspaceSlug, children, className, ...options }: ChangelogWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function FeedbackWidget({ workspaceSlug, boardSlug, children, className, asChild, onOpenChange, ...options }: FeedbackWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function RoadmapWidget({ workspaceSlug, boardSlug, children, className, asChild, ...options }: RoadmapWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChangelogWidget({ workspaceSlug, children, className, asChild, onOpenChange, ...options }: ChangelogWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components.js

@@ -1,27 +1,39 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useId } from 'react';
-import { useFeedbackWidget, useRoadmapWidget, useChangelogWidget } from './hooks';
-export function FeedbackWidget({ workspaceSlug, boardSlug, children, className, ...options }) {
-    const buttonId = useId();
-    const widget = useFeedbackWidget(workspaceSlug, boardSlug, {
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { useChangelogWidget, useFeedbackWidget, useRoadmapWidget, } from './hooks';
+export function FeedbackWidget({ workspaceSlug, boardSlug, children, className, asChild = false, onOpenChange, ...options }) {
+    const buttonId = React.useId();
+    useFeedbackWidget(workspaceSlug, boardSlug, {
         ...options,
         buttonSelector: `#${buttonId}`,
+        onOpenChange,
     });
-    return (_jsx("button", { id: buttonId, className: className, type: "button", children: children }));
+    if (asChild) {
+        return React.createElement(Slot, { className, id: buttonId }, children);
+    }
+    return (_jsx("button", { className: className, id: buttonId, type: "button", children: children }));
 }
-export function RoadmapWidget({ workspaceSlug, boardSlug, children, className, ...options }) {
-    const buttonId = useId();
-    const widget = useRoadmapWidget(workspaceSlug, boardSlug, {
+export function RoadmapWidget({ workspaceSlug, boardSlug, children, className, asChild = false, ...options }) {
+    const buttonId = React.useId();
+    useRoadmapWidget(workspaceSlug, boardSlug, {
         ...options,
         buttonSelector: `#${buttonId}`,
     });
-    return (_jsx("button", { id: buttonId, className: className, type: "button", children: children }));
+    if (asChild) {
+        return React.createElement(Slot, { className, id: buttonId }, children);
+    }
+    return (_jsx("button", { className: className, id: buttonId, type: "button", children: children }));
 }
-export function ChangelogWidget({ workspaceSlug, children, className, ...options }) {
-    const buttonId = useId();
-    const widget = useChangelogWidget(workspaceSlug, {
+export function ChangelogWidget({ workspaceSlug, children, className, asChild = false, onOpenChange, ...options }) {
+    const buttonId = React.useId();
+    useChangelogWidget(workspaceSlug, {
         ...options,
         buttonSelector: `#${buttonId}`,
+        onOpenChange,
     });
-    return (_jsx("button", { id: buttonId, className: className, type: "button", children: children }));
+    if (asChild) {
+        return React.createElement(Slot, { className, id: buttonId }, children);
+    }
+    return (_jsx("button", { className: className, id: buttonId, type: "button", children: children }));
 }

package/dist/hooks.js

@@ -1,19 +1,43 @@
-import { useEffect, useRef, useCallback } from 'react';
-import { createFeedbackWidget, createRoadmapWidget, createChangelogWidget, createWidget } from '@squeletteapp/widget';
+import { createChangelogWidget, createFeedbackWidget, createRoadmapWidget, createWidget, } from '@squeletteapp/widget';
+import { useCallback, useEffect, useRef } from 'react';
 export function useFeedbackWidget(workspaceSlug, boardSlug, options) {
     const widgetRef = useRef(null);
+    const onOpenChangeRef = useRef(options.onOpenChange);
+    // Always keep the latest onOpenChange callback
+    onOpenChangeRef.current = options.onOpenChange;
     const initWidget = useCallback(() => {
         if (widgetRef.current) {
             widgetRef.current.destroy();
         }
-        widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, options);
+        const element = document.querySelector(options.buttonSelector);
+        if (!element) {
+            return null;
+        }
+        widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, {
+            ...options,
+            onOpenChange: onOpenChangeRef.current
+                ? (isOpen) => { var _a; return (_a = onOpenChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onOpenChangeRef, isOpen); }
+                : undefined,
+        });
         return widgetRef.current;
-    }, [workspaceSlug, boardSlug, options]);
+    }, [
+        workspaceSlug,
+        boardSlug,
+        options.buttonSelector,
+        options.position,
+        options.theme,
+        options.onLoad,
+    ]);
     useEffect(() => {
-        const widget = initWidget();
+        // Use requestAnimationFrame to ensure DOM is ready
+        const frame = requestAnimationFrame(() => {
+            const widget = initWidget();
+            widgetRef.current = widget;
+        });
         return () => {
-            if (widget) {
-                widget.destroy();
+            cancelAnimationFrame(frame);
+            if (widgetRef.current) {
+                widgetRef.current.destroy();
             }
         };
     }, [initWidget]);
@@ -25,14 +49,23 @@ export function useRoadmapWidget(workspaceSlug, boardSlug, options) {
         if (widgetRef.current) {
             widgetRef.current.destroy();
         }
+        const element = document.querySelector(options.buttonSelector);
+        if (!element) {
+            return null;
+        }
         widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);
         return widgetRef.current;
     }, [workspaceSlug, boardSlug, options]);
     useEffect(() => {
-        const widget = initWidget();
+        // Use requestAnimationFrame to ensure DOM is ready
+        const frame = requestAnimationFrame(() => {
+            const widget = initWidget();
+            widgetRef.current = widget;
+        });
         return () => {
-            if (widget) {
-                widget.destroy();
+            cancelAnimationFrame(frame);
+            if (widgetRef.current) {
+                widgetRef.current.destroy();
             }
         };
     }, [initWidget]);
@@ -40,18 +73,41 @@ export function useRoadmapWidget(workspaceSlug, boardSlug, options) {
 }
 export function useChangelogWidget(workspaceSlug, options) {
     const widgetRef = useRef(null);
+    const onOpenChangeRef = useRef(options.onOpenChange);
+    // Always keep the latest onOpenChange callback
+    onOpenChangeRef.current = options.onOpenChange;
     const initWidget = useCallback(() => {
         if (widgetRef.current) {
             widgetRef.current.destroy();
         }
-        widgetRef.current = createChangelogWidget(workspaceSlug, options);
+        const element = document.querySelector(options.buttonSelector);
+        if (!element) {
+            return null;
+        }
+        widgetRef.current = createChangelogWidget(workspaceSlug, {
+            ...options,
+            onOpenChange: onOpenChangeRef.current
+                ? (isOpen) => { var _a; return (_a = onOpenChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onOpenChangeRef, isOpen); }
+                : undefined,
+        });
         return widgetRef.current;
-    }, [workspaceSlug, options]);
+    }, [
+        workspaceSlug,
+        options.buttonSelector,
+        options.position,
+        options.theme,
+        options.onLoad,
+    ]);
     useEffect(() => {
-        const widget = initWidget();
+        // Use requestAnimationFrame to ensure DOM is ready
+        const frame = requestAnimationFrame(() => {
+            const widget = initWidget();
+            widgetRef.current = widget;
+        });
         return () => {
-            if (widget) {
-                widget.destroy();
+            cancelAnimationFrame(frame);
+            if (widgetRef.current) {
+                widgetRef.current.destroy();
             }
         };
     }, [initWidget]);
@@ -63,14 +119,23 @@ export function useWidget(options) {
         if (widgetRef.current) {
             widgetRef.current.destroy();
         }
+        const element = document.querySelector(options.buttonSelector);
+        if (!element) {
+            return null;
+        }
         widgetRef.current = createWidget(options);
         return widgetRef.current;
     }, [options]);
     useEffect(() => {
-        const widget = initWidget();
+        // Use requestAnimationFrame to ensure DOM is ready
+        const frame = requestAnimationFrame(() => {
+            const widget = initWidget();
+            widgetRef.current = widget;
+        });
         return () => {
-            if (widget) {
-                widget.destroy();
+            cancelAnimationFrame(frame);
+            if (widgetRef.current) {
+                widgetRef.current.destroy();
             }
         };
     }, [initWidget]);

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { useFeedbackWidget, useRoadmapWidget, useChangelogWidget, useWidget, type WidgetOptions, type WidgetInstance, } from './hooks';
-export { FeedbackWidget, RoadmapWidget, ChangelogWidget, type FeedbackWidgetProps, type RoadmapWidgetProps, type ChangelogWidgetProps, } from './components';
-export { createFeedbackWidget, createRoadmapWidget, createChangelogWidget, createWidget, } from '@squeletteapp/widget';
+export { createChangelogWidget, createFeedbackWidget, createRoadmapWidget, createWidget, } from '@squeletteapp/widget';
+export { ChangelogWidget, type ChangelogWidgetProps, FeedbackWidget, type FeedbackWidgetProps, RoadmapWidget, type RoadmapWidgetProps, } from './components';
+export { useChangelogWidget, useFeedbackWidget, useRoadmapWidget, useWidget, type WidgetInstance, type WidgetOptions, } from './hooks';

package/dist/index.esm.js

@@ -1,25 +1,179 @@
+// src/index.ts
+import {
+  createChangelogWidget as createChangelogWidget2,
+  createFeedbackWidget as createFeedbackWidget2,
+  createRoadmapWidget as createRoadmapWidget2,
+  createWidget as createWidget2
+} from "@squeletteapp/widget";
+
+// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
+import * as React2 from "react";
+
+// ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+import * as React from "react";
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+
+// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
+import { Fragment as Fragment2, jsx } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot2 = React2.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    const childrenArray = React2.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React2.Children.count(newElement) > 1) return React2.Children.only(null);
+          return React2.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+    }
+    return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+var Slot = /* @__PURE__ */ createSlot("Slot");
+// @__NO_SIDE_EFFECTS__
+function createSlotClone(ownerName) {
+  const SlotClone = React2.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    if (React2.isValidElement(children)) {
+      const childrenRef = getElementRef(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React2.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React2.cloneElement(children, props2);
+    }
+    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+// src/components.tsx
+import * as React3 from "react";
+
 // src/hooks.ts
-import { useEffect, useRef, useCallback } from "react";
 import {
+  createChangelogWidget,
   createFeedbackWidget,
   createRoadmapWidget,
-  createChangelogWidget,
   createWidget
 } from "@squeletteapp/widget";
+import { useCallback as useCallback2, useEffect, useRef } from "react";
 function useFeedbackWidget(workspaceSlug, boardSlug, options) {
   const widgetRef = useRef(null);
-  const initWidget = useCallback(() => {
+  const onOpenChangeRef = useRef(options.onOpenChange);
+  onOpenChangeRef.current = options.onOpenChange;
+  const initWidget = useCallback2(() => {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
-    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, options);
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
+    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, {
+      ...options,
+      onOpenChange: onOpenChangeRef.current ? (isOpen) => onOpenChangeRef.current?.(isOpen) : void 0
+    });
     return widgetRef.current;
-  }, [workspaceSlug, boardSlug, options]);
+  }, [
+    workspaceSlug,
+    boardSlug,
+    options.buttonSelector,
+    options.position,
+    options.theme,
+    options.onLoad
+  ]);
   useEffect(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -27,18 +181,26 @@ function useFeedbackWidget(workspaceSlug, boardSlug, options) {
 }
 function useRoadmapWidget(workspaceSlug, boardSlug, options) {
   const widgetRef = useRef(null);
-  const initWidget = useCallback(() => {
+  const initWidget = useCallback2(() => {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
     widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);
     return widgetRef.current;
   }, [workspaceSlug, boardSlug, options]);
   useEffect(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -46,18 +208,37 @@ function useRoadmapWidget(workspaceSlug, boardSlug, options) {
 }
 function useChangelogWidget(workspaceSlug, options) {
   const widgetRef = useRef(null);
-  const initWidget = useCallback(() => {
+  const onOpenChangeRef = useRef(options.onOpenChange);
+  onOpenChangeRef.current = options.onOpenChange;
+  const initWidget = useCallback2(() => {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
-    widgetRef.current = createChangelogWidget(workspaceSlug, options);
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
+    widgetRef.current = createChangelogWidget(workspaceSlug, {
+      ...options,
+      onOpenChange: onOpenChangeRef.current ? (isOpen) => onOpenChangeRef.current?.(isOpen) : void 0
+    });
     return widgetRef.current;
-  }, [workspaceSlug, options]);
+  }, [
+    workspaceSlug,
+    options.buttonSelector,
+    options.position,
+    options.theme,
+    options.onLoad
+  ]);
   useEffect(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -65,18 +246,26 @@ function useChangelogWidget(workspaceSlug, options) {
 }
 function useWidget(options) {
   const widgetRef = useRef(null);
-  const initWidget = useCallback(() => {
+  const initWidget = useCallback2(() => {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
     widgetRef.current = createWidget(options);
     return widgetRef.current;
   }, [options]);
   useEffect(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -84,81 +273,76 @@ function useWidget(options) {
 }
 
 // src/components.tsx
-import { useId } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function FeedbackWidget({
   workspaceSlug,
   boardSlug,
   children,
   className,
+  asChild = false,
+  onOpenChange,
   ...options
 }) {
-  const buttonId = useId();
-  const widget = useFeedbackWidget(workspaceSlug, boardSlug, {
+  const buttonId = React3.useId();
+  useFeedbackWidget(workspaceSlug, boardSlug, {
     ...options,
-    buttonSelector: `#${buttonId}`
+    buttonSelector: `#${buttonId}`,
+    onOpenChange
   });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      id: buttonId,
-      className,
-      type: "button",
+  if (asChild) {
+    return React3.createElement(
+      Slot,
+      { className, id: buttonId },
       children
-    }
-  );
+    );
+  }
+  return /* @__PURE__ */ jsx2("button", { className, id: buttonId, type: "button", children });
 }
 function RoadmapWidget({
   workspaceSlug,
   boardSlug,
   children,
   className,
+  asChild = false,
   ...options
 }) {
-  const buttonId = useId();
-  const widget = useRoadmapWidget(workspaceSlug, boardSlug, {
+  const buttonId = React3.useId();
+  useRoadmapWidget(workspaceSlug, boardSlug, {
     ...options,
     buttonSelector: `#${buttonId}`
   });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      id: buttonId,
-      className,
-      type: "button",
+  if (asChild) {
+    return React3.createElement(
+      Slot,
+      { className, id: buttonId },
       children
-    }
-  );
+    );
+  }
+  return /* @__PURE__ */ jsx2("button", { className, id: buttonId, type: "button", children });
 }
 function ChangelogWidget({
   workspaceSlug,
   children,
   className,
+  asChild = false,
+  onOpenChange,
   ...options
 }) {
-  const buttonId = useId();
-  const widget = useChangelogWidget(workspaceSlug, {
+  const buttonId = React3.useId();
+  useChangelogWidget(workspaceSlug, {
     ...options,
-    buttonSelector: `#${buttonId}`
+    buttonSelector: `#${buttonId}`,
+    onOpenChange
   });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      id: buttonId,
-      className,
-      type: "button",
+  if (asChild) {
+    return React3.createElement(
+      Slot,
+      { className, id: buttonId },
       children
-    }
-  );
+    );
+  }
+  return /* @__PURE__ */ jsx2("button", { className, id: buttonId, type: "button", children });
 }
-
-// src/index.ts
-import {
-  createFeedbackWidget as createFeedbackWidget2,
-  createRoadmapWidget as createRoadmapWidget2,
-  createChangelogWidget as createChangelogWidget2,
-  createWidget as createWidget2
-} from "@squeletteapp/widget";
 export {
   ChangelogWidget,
   FeedbackWidget,

package/dist/index.esm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/hooks.ts", "../src/components.tsx", "../src/index.ts"],
-  "sourcesContent": ["import { useEffect, useRef, useCallback } from 'react';\nimport { \n  createFeedbackWidget, \n  createRoadmapWidget, \n  createChangelogWidget,\n  createWidget\n} from '@squeletteapp/widget';\n\nexport interface WidgetOptions {\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  theme?: string;\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface WidgetInstance {\n  destroy: () => void;\n}\n\nexport function useFeedbackWidget(\n  workspaceSlug: string,\n  boardSlug: string | undefined,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useRoadmapWidget(\n  workspaceSlug: string,\n  boardSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useChangelogWidget(\n  workspaceSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createChangelogWidget(workspaceSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useWidget(options: {\n  url: string;\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createWidget(options);\n    return widgetRef.current;\n  }, [options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}", "import React, { useId } from 'react';\nimport { useFeedbackWidget, useRoadmapWidget, useChangelogWidget, WidgetOptions } from './hooks';\n\nexport interface FeedbackWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface RoadmapWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ChangelogWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FeedbackWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  ...options\n}: FeedbackWidgetProps) {\n  const buttonId = useId();\n\n  const widget = useFeedbackWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  return (\n    <button\n      id={buttonId}\n      className={className}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function RoadmapWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  ...options\n}: RoadmapWidgetProps) {\n  const buttonId = useId();\n\n  const widget = useRoadmapWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  return (\n    <button\n      id={buttonId}\n      className={className}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function ChangelogWidget({\n  workspaceSlug,\n  children,\n  className,\n  ...options\n}: ChangelogWidgetProps) {\n  const buttonId = useId();\n\n  const widget = useChangelogWidget(workspaceSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  return (\n    <button\n      id={buttonId}\n      className={className}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n}", "// Export hooks\nexport {\n  useFeedbackWidget,\n  useRoadmapWidget,\n  useChangelogWidget,\n  useWidget,\n  type WidgetOptions,\n  type WidgetInstance,\n} from './hooks';\n\n// Export components\nexport {\n  FeedbackWidget,\n  RoadmapWidget,\n  ChangelogWidget,\n  type FeedbackWidgetProps,\n  type RoadmapWidgetProps,\n  type ChangelogWidgetProps,\n} from './components';\n\n// Re-export functions from the base widget package\nexport { \n  createFeedbackWidget,\n  createRoadmapWidget,\n  createChangelogWidget,\n  createWidget,\n} from '@squeletteapp/widget';"],
-  "mappings": "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",
-  "names": ["createFeedbackWidget", "createRoadmapWidget", "createChangelogWidget", "createWidget"]
+  "sources": ["../src/index.ts", "../../../node_modules/@radix-ui/react-slot/src/slot.tsx", "../../../node_modules/@radix-ui/react-compose-refs/src/compose-refs.tsx", "../src/components.tsx", "../src/hooks.ts"],
+  "sourcesContent": ["export {\n  createChangelogWidget,\n  createFeedbackWidget,\n  createRoadmapWidget,\n  createWidget,\n} from '@squeletteapp/widget';\n\nexport {\n  ChangelogWidget,\n  type ChangelogWidgetProps,\n  FeedbackWidget,\n  type FeedbackWidgetProps,\n  RoadmapWidget,\n  type RoadmapWidgetProps,\n} from './components';\nexport {\n  useChangelogWidget,\n  useFeedbackWidget,\n  useRoadmapWidget,\n  useWidget,\n  type WidgetInstance,\n  type WidgetOptions,\n} from './hooks';\n", "import * as React from 'react';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ export function createSlot(ownerName: string) {\n  const SlotClone = createSlotClone(ownerName);\n  const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n\n    if (slottable) {\n      // the new element to render is the one passed as a child of `Slottable`\n      const newElement = slottable.props.children;\n\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          // because the new element will be the one rendered, we are only interested\n          // in grabbing its children (`newElement.props.children`)\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement)\n            ? (newElement.props as { children: React.ReactNode }).children\n            : null;\n        } else {\n          return child;\n        }\n      });\n\n      return (\n        <SlotClone {...slotProps} ref={forwardedRef}>\n          {React.isValidElement(newElement)\n            ? React.cloneElement(newElement, undefined, newChildren)\n            : null}\n        </SlotClone>\n      );\n    }\n\n    return (\n      <SlotClone {...slotProps} ref={forwardedRef}>\n        {children}\n      </SlotClone>\n    );\n  });\n\n  Slot.displayName = `${ownerName}.Slot`;\n  return Slot;\n}\n\nconst Slot = createSlot('Slot');\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotCloneProps {\n  children: React.ReactNode;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ function createSlotClone(ownerName: string) {\n  const SlotClone = React.forwardRef<any, SlotCloneProps>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props = mergeProps(slotProps, children.props as AnyProps);\n      // do not pass ref to React.Fragment for React 19 compatibility\n      if (children.type !== React.Fragment) {\n        props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props);\n    }\n\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\n\nconst SLOTTABLE_IDENTIFIER = Symbol('radix.slottable');\n\ninterface SlottableProps {\n  children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n  __radixId: symbol;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ export function createSlottable(ownerName: string) {\n  const Slottable: SlottableComponent = ({ children }) => {\n    return <>{children}</>;\n  };\n  Slottable.displayName = `${ownerName}.Slottable`;\n  Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable;\n}\n\nconst Slottable = createSlottable('Slottable');\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(\n  child: React.ReactNode\n): child is React.ReactElement<SlottableProps, typeof Slottable> {\n  return (\n    React.isValidElement(child) &&\n    typeof child.type === 'function' &&\n    '__radixId' in child.type &&\n    child.type.__radixId === SLOTTABLE_IDENTIFIER\n  );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n  // all child props should override\n  const overrideProps = { ...childProps };\n\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      // if the handler exists on both, we compose them\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args: unknown[]) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      }\n      // but if it exists only on the slot, we use only this one\n      else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    }\n    // if it's `style`, we merge them\n    else if (propName === 'style') {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === 'className') {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ');\n    }\n  }\n\n  return { ...slotProps, ...overrideProps };\n}\n\n// Before React 19 accessing `element.props.ref` will throw a warning and suggest using `element.ref`\n// After React 19 accessing `element.ref` does the opposite.\n// https://github.com/facebook/react/pull/28348\n//\n// Access the ref using the method that doesn't yield a warning.\nfunction getElementRef(element: React.ReactElement) {\n  // React <=18 in DEV\n  let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get;\n  let mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return (element as any).ref;\n  }\n\n  // React 19 in DEV\n  getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get;\n  mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return (element.props as { ref?: React.Ref<unknown> }).ref;\n  }\n\n  // Not DEV\n  return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref;\n}\n\nexport {\n  Slot,\n  Slottable,\n  //\n  Slot as Root,\n};\nexport type { SlotProps };\n", "import * as React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    return ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    ref.current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == 'function') {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n\n    // React <19 will log an error to the console if a callback ref returns a\n    // value. We don't use ref cleanups internally so this will only happen if a\n    // user's ref callback returns a value, which we only expect if they are\n    // using the cleanup functionality added in React 19.\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == 'function') {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\n\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { composeRefs, useComposedRefs };\n", "import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  useChangelogWidget,\n  useFeedbackWidget,\n  useRoadmapWidget,\n  type WidgetOptions,\n} from './hooks';\n\nexport interface FeedbackWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug?: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface RoadmapWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n}\n\nexport interface ChangelogWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport function FeedbackWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  asChild = false,\n  onOpenChange,\n  ...options\n}: FeedbackWidgetProps) {\n  const buttonId = React.useId();\n\n  useFeedbackWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n    onOpenChange,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function RoadmapWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  asChild = false,\n  ...options\n}: RoadmapWidgetProps) {\n  const buttonId = React.useId();\n\n  useRoadmapWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function ChangelogWidget({\n  workspaceSlug,\n  children,\n  className,\n  asChild = false,\n  onOpenChange,\n  ...options\n}: ChangelogWidgetProps) {\n  const buttonId = React.useId();\n\n  useChangelogWidget(workspaceSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n    onOpenChange,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n", "import {\n  createChangelogWidget,\n  createFeedbackWidget,\n  createRoadmapWidget,\n  createWidget,\n} from '@squeletteapp/widget';\nimport { useCallback, useEffect, useRef } from 'react';\n\nexport interface WidgetOptions {\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  theme?: string;\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface WidgetInstance {\n  destroy: () => void;\n}\n\nexport function useFeedbackWidget(\n  workspaceSlug: string,\n  boardSlug: string | undefined,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n  const onOpenChangeRef = useRef(options.onOpenChange);\n\n  // Always keep the latest onOpenChange callback\n  onOpenChangeRef.current = options.onOpenChange;\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, {\n      ...options,\n      onOpenChange: onOpenChangeRef.current\n        ? (isOpen: boolean) => onOpenChangeRef.current?.(isOpen)\n        : undefined,\n    });\n    return widgetRef.current;\n  }, [\n    workspaceSlug,\n    boardSlug,\n    options.buttonSelector,\n    options.position,\n    options.theme,\n    options.onLoad,\n  ]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useRoadmapWidget(\n  workspaceSlug: string,\n  boardSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useChangelogWidget(\n  workspaceSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n  const onOpenChangeRef = useRef(options.onOpenChange);\n\n  // Always keep the latest onOpenChange callback\n  onOpenChangeRef.current = options.onOpenChange;\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createChangelogWidget(workspaceSlug, {\n      ...options,\n      onOpenChange: onOpenChangeRef.current\n        ? (isOpen: boolean) => onOpenChangeRef.current?.(isOpen)\n        : undefined,\n    });\n    return widgetRef.current;\n  }, [\n    workspaceSlug,\n    options.buttonSelector,\n    options.position,\n    options.theme,\n    options.onLoad,\n  ]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useWidget(options: {\n  url: string;\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createWidget(options);\n    return widgetRef.current;\n  }, [options]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n"],
+  "mappings": "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",
+  "names": ["createChangelogWidget", "createFeedbackWidget", "createRoadmapWidget", "createWidget", "React", "Fragment", "Slot", "props", "React", "useCallback", "jsx"]
 }

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,11 +17,19 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ChangelogWidget: () => ChangelogWidget,
   FeedbackWidget: () => FeedbackWidget,
   RoadmapWidget: () => RoadmapWidget,
@@ -32,25 +42,172 @@ __export(src_exports, {
   useRoadmapWidget: () => useRoadmapWidget,
   useWidget: () => useWidget
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
+var import_widget2 = require("@squeletteapp/widget");
+
+// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
+var React2 = __toESM(require("react"), 1);
+
+// ../../node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+var React = __toESM(require("react"), 1);
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    return ref(value);
+  } else if (ref !== null && ref !== void 0) {
+    ref.current = value;
+  }
+}
+function composeRefs(...refs) {
+  return (node) => {
+    let hasCleanup = false;
+    const cleanups = refs.map((ref) => {
+      const cleanup = setRef(ref, node);
+      if (!hasCleanup && typeof cleanup == "function") {
+        hasCleanup = true;
+      }
+      return cleanup;
+    });
+    if (hasCleanup) {
+      return () => {
+        for (let i = 0; i < cleanups.length; i++) {
+          const cleanup = cleanups[i];
+          if (typeof cleanup == "function") {
+            cleanup();
+          } else {
+            setRef(refs[i], null);
+          }
+        }
+      };
+    }
+  };
+}
+
+// ../../node_modules/@radix-ui/react-slot/dist/index.mjs
+var import_jsx_runtime = require("react/jsx-runtime");
+// @__NO_SIDE_EFFECTS__
+function createSlot(ownerName) {
+  const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+  const Slot2 = React2.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    const childrenArray = React2.Children.toArray(children);
+    const slottable = childrenArray.find(isSlottable);
+    if (slottable) {
+      const newElement = slottable.props.children;
+      const newChildren = childrenArray.map((child) => {
+        if (child === slottable) {
+          if (React2.Children.count(newElement) > 1) return React2.Children.only(null);
+          return React2.isValidElement(newElement) ? newElement.props.children : null;
+        } else {
+          return child;
+        }
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+  });
+  Slot2.displayName = `${ownerName}.Slot`;
+  return Slot2;
+}
+var Slot = /* @__PURE__ */ createSlot("Slot");
+// @__NO_SIDE_EFFECTS__
+function createSlotClone(ownerName) {
+  const SlotClone = React2.forwardRef((props, forwardedRef) => {
+    const { children, ...slotProps } = props;
+    if (React2.isValidElement(children)) {
+      const childrenRef = getElementRef(children);
+      const props2 = mergeProps(slotProps, children.props);
+      if (children.type !== React2.Fragment) {
+        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
+      }
+      return React2.cloneElement(children, props2);
+    }
+    return React2.Children.count(children) > 1 ? React2.Children.only(null) : null;
+  });
+  SlotClone.displayName = `${ownerName}.SlotClone`;
+  return SlotClone;
+}
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+function isSlottable(child) {
+  return React2.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
+}
+function mergeProps(slotProps, childProps) {
+  const overrideProps = { ...childProps };
+  for (const propName in childProps) {
+    const slotPropValue = slotProps[propName];
+    const childPropValue = childProps[propName];
+    const isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (slotPropValue && childPropValue) {
+        overrideProps[propName] = (...args) => {
+          const result = childPropValue(...args);
+          slotPropValue(...args);
+          return result;
+        };
+      } else if (slotPropValue) {
+        overrideProps[propName] = slotPropValue;
+      }
+    } else if (propName === "style") {
+      overrideProps[propName] = { ...slotPropValue, ...childPropValue };
+    } else if (propName === "className") {
+      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
+    }
+  }
+  return { ...slotProps, ...overrideProps };
+}
+function getElementRef(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
+// src/components.tsx
+var React3 = __toESM(require("react"), 1);
 
 // src/hooks.ts
-var import_react = require("react");
 var import_widget = require("@squeletteapp/widget");
+var import_react = require("react");
 function useFeedbackWidget(workspaceSlug, boardSlug, options) {
   const widgetRef = (0, import_react.useRef)(null);
+  const onOpenChangeRef = (0, import_react.useRef)(options.onOpenChange);
+  onOpenChangeRef.current = options.onOpenChange;
   const initWidget = (0, import_react.useCallback)(() => {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
-    widgetRef.current = (0, import_widget.createFeedbackWidget)(workspaceSlug, boardSlug, options);
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
+    widgetRef.current = (0, import_widget.createFeedbackWidget)(workspaceSlug, boardSlug, {
+      ...options,
+      onOpenChange: onOpenChangeRef.current ? (isOpen) => onOpenChangeRef.current?.(isOpen) : void 0
+    });
     return widgetRef.current;
-  }, [workspaceSlug, boardSlug, options]);
+  }, [
+    workspaceSlug,
+    boardSlug,
+    options.buttonSelector,
+    options.position,
+    options.theme,
+    options.onLoad
+  ]);
   (0, import_react.useEffect)(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -62,14 +219,22 @@ function useRoadmapWidget(workspaceSlug, boardSlug, options) {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
     widgetRef.current = (0, import_widget.createRoadmapWidget)(workspaceSlug, boardSlug, options);
     return widgetRef.current;
   }, [workspaceSlug, boardSlug, options]);
   (0, import_react.useEffect)(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -77,18 +242,37 @@ function useRoadmapWidget(workspaceSlug, boardSlug, options) {
 }
 function useChangelogWidget(workspaceSlug, options) {
   const widgetRef = (0, import_react.useRef)(null);
+  const onOpenChangeRef = (0, import_react.useRef)(options.onOpenChange);
+  onOpenChangeRef.current = options.onOpenChange;
   const initWidget = (0, import_react.useCallback)(() => {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
-    widgetRef.current = (0, import_widget.createChangelogWidget)(workspaceSlug, options);
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
+    widgetRef.current = (0, import_widget.createChangelogWidget)(workspaceSlug, {
+      ...options,
+      onOpenChange: onOpenChangeRef.current ? (isOpen) => onOpenChangeRef.current?.(isOpen) : void 0
+    });
     return widgetRef.current;
-  }, [workspaceSlug, options]);
+  }, [
+    workspaceSlug,
+    options.buttonSelector,
+    options.position,
+    options.theme,
+    options.onLoad
+  ]);
   (0, import_react.useEffect)(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -100,14 +284,22 @@ function useWidget(options) {
     if (widgetRef.current) {
       widgetRef.current.destroy();
     }
+    const element = document.querySelector(options.buttonSelector);
+    if (!element) {
+      return null;
+    }
     widgetRef.current = (0, import_widget.createWidget)(options);
     return widgetRef.current;
   }, [options]);
   (0, import_react.useEffect)(() => {
-    const widget = initWidget();
+    const frame = requestAnimationFrame(() => {
+      const widget = initWidget();
+      widgetRef.current = widget;
+    });
     return () => {
-      if (widget) {
-        widget.destroy();
+      cancelAnimationFrame(frame);
+      if (widgetRef.current) {
+        widgetRef.current.destroy();
       }
     };
   }, [initWidget]);
@@ -115,74 +307,74 @@ function useWidget(options) {
 }
 
 // src/components.tsx
-var import_react2 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function FeedbackWidget({
   workspaceSlug,
   boardSlug,
   children,
   className,
+  asChild = false,
+  onOpenChange,
   ...options
 }) {
-  const buttonId = (0, import_react2.useId)();
-  const widget = useFeedbackWidget(workspaceSlug, boardSlug, {
+  const buttonId = React3.useId();
+  useFeedbackWidget(workspaceSlug, boardSlug, {
     ...options,
-    buttonSelector: `#${buttonId}`
+    buttonSelector: `#${buttonId}`,
+    onOpenChange
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      id: buttonId,
-      className,
-      type: "button",
+  if (asChild) {
+    return React3.createElement(
+      Slot,
+      { className, id: buttonId },
       children
-    }
-  );
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className, id: buttonId, type: "button", children });
 }
 function RoadmapWidget({
   workspaceSlug,
   boardSlug,
   children,
   className,
+  asChild = false,
   ...options
 }) {
-  const buttonId = (0, import_react2.useId)();
-  const widget = useRoadmapWidget(workspaceSlug, boardSlug, {
+  const buttonId = React3.useId();
+  useRoadmapWidget(workspaceSlug, boardSlug, {
     ...options,
     buttonSelector: `#${buttonId}`
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      id: buttonId,
-      className,
-      type: "button",
+  if (asChild) {
+    return React3.createElement(
+      Slot,
+      { className, id: buttonId },
       children
-    }
-  );
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className, id: buttonId, type: "button", children });
 }
 function ChangelogWidget({
   workspaceSlug,
   children,
   className,
+  asChild = false,
+  onOpenChange,
   ...options
 }) {
-  const buttonId = (0, import_react2.useId)();
-  const widget = useChangelogWidget(workspaceSlug, {
+  const buttonId = React3.useId();
+  useChangelogWidget(workspaceSlug, {
     ...options,
-    buttonSelector: `#${buttonId}`
+    buttonSelector: `#${buttonId}`,
+    onOpenChange
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    {
-      id: buttonId,
-      className,
-      type: "button",
+  if (asChild) {
+    return React3.createElement(
+      Slot,
+      { className, id: buttonId },
       children
-    }
-  );
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { className, id: buttonId, type: "button", children });
 }
-
-// src/index.ts
-var import_widget2 = require("@squeletteapp/widget");
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../src/hooks.ts", "../src/components.tsx"],
-  "sourcesContent": ["// Export hooks\nexport {\n  useFeedbackWidget,\n  useRoadmapWidget,\n  useChangelogWidget,\n  useWidget,\n  type WidgetOptions,\n  type WidgetInstance,\n} from './hooks';\n\n// Export components\nexport {\n  FeedbackWidget,\n  RoadmapWidget,\n  ChangelogWidget,\n  type FeedbackWidgetProps,\n  type RoadmapWidgetProps,\n  type ChangelogWidgetProps,\n} from './components';\n\n// Re-export functions from the base widget package\nexport { \n  createFeedbackWidget,\n  createRoadmapWidget,\n  createChangelogWidget,\n  createWidget,\n} from '@squeletteapp/widget';", "import { useEffect, useRef, useCallback } from 'react';\nimport { \n  createFeedbackWidget, \n  createRoadmapWidget, \n  createChangelogWidget,\n  createWidget\n} from '@squeletteapp/widget';\n\nexport interface WidgetOptions {\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  theme?: string;\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface WidgetInstance {\n  destroy: () => void;\n}\n\nexport function useFeedbackWidget(\n  workspaceSlug: string,\n  boardSlug: string | undefined,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useRoadmapWidget(\n  workspaceSlug: string,\n  boardSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useChangelogWidget(\n  workspaceSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createChangelogWidget(workspaceSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useWidget(options: {\n  url: string;\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n    \n    widgetRef.current = createWidget(options);\n    return widgetRef.current;\n  }, [options]);\n\n  useEffect(() => {\n    const widget = initWidget();\n    \n    return () => {\n      if (widget) {\n        widget.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}", "import React, { useId } from 'react';\nimport { useFeedbackWidget, useRoadmapWidget, useChangelogWidget, WidgetOptions } from './hooks';\n\nexport interface FeedbackWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface RoadmapWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport interface ChangelogWidgetProps extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FeedbackWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  ...options\n}: FeedbackWidgetProps) {\n  const buttonId = useId();\n\n  const widget = useFeedbackWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  return (\n    <button\n      id={buttonId}\n      className={className}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function RoadmapWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  ...options\n}: RoadmapWidgetProps) {\n  const buttonId = useId();\n\n  const widget = useRoadmapWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  return (\n    <button\n      id={buttonId}\n      className={className}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function ChangelogWidget({\n  workspaceSlug,\n  children,\n  className,\n  ...options\n}: ChangelogWidgetProps) {\n  const buttonId = useId();\n\n  const widget = useChangelogWidget(workspaceSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  return (\n    <button\n      id={buttonId}\n      className={className}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n}"],
-  "mappings": "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",
-  "names": ["import_react", "import_widget"]
+  "sources": ["../src/index.ts", "../../../node_modules/@radix-ui/react-slot/src/slot.tsx", "../../../node_modules/@radix-ui/react-compose-refs/src/compose-refs.tsx", "../src/components.tsx", "../src/hooks.ts"],
+  "sourcesContent": ["export {\n  createChangelogWidget,\n  createFeedbackWidget,\n  createRoadmapWidget,\n  createWidget,\n} from '@squeletteapp/widget';\n\nexport {\n  ChangelogWidget,\n  type ChangelogWidgetProps,\n  FeedbackWidget,\n  type FeedbackWidgetProps,\n  RoadmapWidget,\n  type RoadmapWidgetProps,\n} from './components';\nexport {\n  useChangelogWidget,\n  useFeedbackWidget,\n  useRoadmapWidget,\n  useWidget,\n  type WidgetInstance,\n  type WidgetOptions,\n} from './hooks';\n", "import * as React from 'react';\nimport { composeRefs } from '@radix-ui/react-compose-refs';\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ export function createSlot(ownerName: string) {\n  const SlotClone = createSlotClone(ownerName);\n  const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n    const childrenArray = React.Children.toArray(children);\n    const slottable = childrenArray.find(isSlottable);\n\n    if (slottable) {\n      // the new element to render is the one passed as a child of `Slottable`\n      const newElement = slottable.props.children;\n\n      const newChildren = childrenArray.map((child) => {\n        if (child === slottable) {\n          // because the new element will be the one rendered, we are only interested\n          // in grabbing its children (`newElement.props.children`)\n          if (React.Children.count(newElement) > 1) return React.Children.only(null);\n          return React.isValidElement(newElement)\n            ? (newElement.props as { children: React.ReactNode }).children\n            : null;\n        } else {\n          return child;\n        }\n      });\n\n      return (\n        <SlotClone {...slotProps} ref={forwardedRef}>\n          {React.isValidElement(newElement)\n            ? React.cloneElement(newElement, undefined, newChildren)\n            : null}\n        </SlotClone>\n      );\n    }\n\n    return (\n      <SlotClone {...slotProps} ref={forwardedRef}>\n        {children}\n      </SlotClone>\n    );\n  });\n\n  Slot.displayName = `${ownerName}.Slot`;\n  return Slot;\n}\n\nconst Slot = createSlot('Slot');\n\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SlotCloneProps {\n  children: React.ReactNode;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ function createSlotClone(ownerName: string) {\n  const SlotClone = React.forwardRef<any, SlotCloneProps>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n\n    if (React.isValidElement(children)) {\n      const childrenRef = getElementRef(children);\n      const props = mergeProps(slotProps, children.props as AnyProps);\n      // do not pass ref to React.Fragment for React 19 compatibility\n      if (children.type !== React.Fragment) {\n        props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n      }\n      return React.cloneElement(children, props);\n    }\n\n    return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n  });\n\n  SlotClone.displayName = `${ownerName}.SlotClone`;\n  return SlotClone;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/\n\nconst SLOTTABLE_IDENTIFIER = Symbol('radix.slottable');\n\ninterface SlottableProps {\n  children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n  __radixId: symbol;\n}\n\n/* @__NO_SIDE_EFFECTS__ */ export function createSlottable(ownerName: string) {\n  const Slottable: SlottableComponent = ({ children }) => {\n    return <>{children}</>;\n  };\n  Slottable.displayName = `${ownerName}.Slottable`;\n  Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n  return Slottable;\n}\n\nconst Slottable = createSlottable('Slottable');\n\n/* ---------------------------------------------------------------------------------------------- */\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(\n  child: React.ReactNode\n): child is React.ReactElement<SlottableProps, typeof Slottable> {\n  return (\n    React.isValidElement(child) &&\n    typeof child.type === 'function' &&\n    '__radixId' in child.type &&\n    child.type.__radixId === SLOTTABLE_IDENTIFIER\n  );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n  // all child props should override\n  const overrideProps = { ...childProps };\n\n  for (const propName in childProps) {\n    const slotPropValue = slotProps[propName];\n    const childPropValue = childProps[propName];\n\n    const isHandler = /^on[A-Z]/.test(propName);\n    if (isHandler) {\n      // if the handler exists on both, we compose them\n      if (slotPropValue && childPropValue) {\n        overrideProps[propName] = (...args: unknown[]) => {\n          const result = childPropValue(...args);\n          slotPropValue(...args);\n          return result;\n        };\n      }\n      // but if it exists only on the slot, we use only this one\n      else if (slotPropValue) {\n        overrideProps[propName] = slotPropValue;\n      }\n    }\n    // if it's `style`, we merge them\n    else if (propName === 'style') {\n      overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n    } else if (propName === 'className') {\n      overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ');\n    }\n  }\n\n  return { ...slotProps, ...overrideProps };\n}\n\n// Before React 19 accessing `element.props.ref` will throw a warning and suggest using `element.ref`\n// After React 19 accessing `element.ref` does the opposite.\n// https://github.com/facebook/react/pull/28348\n//\n// Access the ref using the method that doesn't yield a warning.\nfunction getElementRef(element: React.ReactElement) {\n  // React <=18 in DEV\n  let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get;\n  let mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return (element as any).ref;\n  }\n\n  // React 19 in DEV\n  getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get;\n  mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return (element.props as { ref?: React.Ref<unknown> }).ref;\n  }\n\n  // Not DEV\n  return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref;\n}\n\nexport {\n  Slot,\n  Slottable,\n  //\n  Slot as Root,\n};\nexport type { SlotProps };\n", "import * as React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    return ref(value);\n  } else if (ref !== null && ref !== undefined) {\n    ref.current = value;\n  }\n}\n\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  return (node) => {\n    let hasCleanup = false;\n    const cleanups = refs.map((ref) => {\n      const cleanup = setRef(ref, node);\n      if (!hasCleanup && typeof cleanup == 'function') {\n        hasCleanup = true;\n      }\n      return cleanup;\n    });\n\n    // React <19 will log an error to the console if a callback ref returns a\n    // value. We don't use ref cleanups internally so this will only happen if a\n    // user's ref callback returns a value, which we only expect if they are\n    // using the cleanup functionality added in React 19.\n    if (hasCleanup) {\n      return () => {\n        for (let i = 0; i < cleanups.length; i++) {\n          const cleanup = cleanups[i];\n          if (typeof cleanup == 'function') {\n            cleanup();\n          } else {\n            setRef(refs[i], null);\n          }\n        }\n      };\n    }\n  };\n}\n\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */\nfunction useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n}\n\nexport { composeRefs, useComposedRefs };\n", "import { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  useChangelogWidget,\n  useFeedbackWidget,\n  useRoadmapWidget,\n  type WidgetOptions,\n} from './hooks';\n\nexport interface FeedbackWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug?: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface RoadmapWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  boardSlug: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n}\n\nexport interface ChangelogWidgetProps\n  extends Omit<WidgetOptions, 'buttonSelector'> {\n  workspaceSlug: string;\n  children: React.ReactNode;\n  className?: string;\n  asChild?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport function FeedbackWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  asChild = false,\n  onOpenChange,\n  ...options\n}: FeedbackWidgetProps) {\n  const buttonId = React.useId();\n\n  useFeedbackWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n    onOpenChange,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function RoadmapWidget({\n  workspaceSlug,\n  boardSlug,\n  children,\n  className,\n  asChild = false,\n  ...options\n}: RoadmapWidgetProps) {\n  const buttonId = React.useId();\n\n  useRoadmapWidget(workspaceSlug, boardSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n\nexport function ChangelogWidget({\n  workspaceSlug,\n  children,\n  className,\n  asChild = false,\n  onOpenChange,\n  ...options\n}: ChangelogWidgetProps) {\n  const buttonId = React.useId();\n\n  useChangelogWidget(workspaceSlug, {\n    ...options,\n    buttonSelector: `#${buttonId}`,\n    onOpenChange,\n  });\n\n  if (asChild) {\n    return React.createElement(\n      Slot as any,\n      { className, id: buttonId },\n      children\n    );\n  }\n\n  return (\n    <button className={className} id={buttonId} type=\"button\">\n      {children}\n    </button>\n  );\n}\n", "import {\n  createChangelogWidget,\n  createFeedbackWidget,\n  createRoadmapWidget,\n  createWidget,\n} from '@squeletteapp/widget';\nimport { useCallback, useEffect, useRef } from 'react';\n\nexport interface WidgetOptions {\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  theme?: string;\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport interface WidgetInstance {\n  destroy: () => void;\n}\n\nexport function useFeedbackWidget(\n  workspaceSlug: string,\n  boardSlug: string | undefined,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n  const onOpenChangeRef = useRef(options.onOpenChange);\n\n  // Always keep the latest onOpenChange callback\n  onOpenChangeRef.current = options.onOpenChange;\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createFeedbackWidget(workspaceSlug, boardSlug, {\n      ...options,\n      onOpenChange: onOpenChangeRef.current\n        ? (isOpen: boolean) => onOpenChangeRef.current?.(isOpen)\n        : undefined,\n    });\n    return widgetRef.current;\n  }, [\n    workspaceSlug,\n    boardSlug,\n    options.buttonSelector,\n    options.position,\n    options.theme,\n    options.onLoad,\n  ]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useRoadmapWidget(\n  workspaceSlug: string,\n  boardSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createRoadmapWidget(workspaceSlug, boardSlug, options);\n    return widgetRef.current;\n  }, [workspaceSlug, boardSlug, options]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useChangelogWidget(\n  workspaceSlug: string,\n  options: WidgetOptions\n): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n  const onOpenChangeRef = useRef(options.onOpenChange);\n\n  // Always keep the latest onOpenChange callback\n  onOpenChangeRef.current = options.onOpenChange;\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createChangelogWidget(workspaceSlug, {\n      ...options,\n      onOpenChange: onOpenChangeRef.current\n        ? (isOpen: boolean) => onOpenChangeRef.current?.(isOpen)\n        : undefined,\n    });\n    return widgetRef.current;\n  }, [\n    workspaceSlug,\n    options.buttonSelector,\n    options.position,\n    options.theme,\n    options.onLoad,\n  ]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n\nexport function useWidget(options: {\n  url: string;\n  buttonSelector: string;\n  position?: 'top' | 'bottom' | 'left' | 'right';\n  onLoad?: () => void;\n  onOpenChange?: (isOpen: boolean) => void;\n}): WidgetInstance | null {\n  const widgetRef = useRef<WidgetInstance | null>(null);\n\n  const initWidget = useCallback(() => {\n    if (widgetRef.current) {\n      widgetRef.current.destroy();\n    }\n\n    const element = document.querySelector(options.buttonSelector);\n    if (!element) {\n      return null;\n    }\n\n    widgetRef.current = createWidget(options);\n    return widgetRef.current;\n  }, [options]);\n\n  useEffect(() => {\n    // Use requestAnimationFrame to ensure DOM is ready\n    const frame = requestAnimationFrame(() => {\n      const widget = initWidget();\n      widgetRef.current = widget;\n    });\n\n    return () => {\n      cancelAnimationFrame(frame);\n      if (widgetRef.current) {\n        widgetRef.current.destroy();\n      }\n    };\n  }, [initWidget]);\n\n  return widgetRef.current;\n}\n"],
+  "mappings": "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",
+  "names": ["import_widget", "React", "Slot", "props", "React", "import_jsx_runtime"]
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@squeletteapp/widget-react",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React components and hooks for Squelette widgets",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,20 +17,21 @@
   ],
   "scripts": {
     "build": "tsc && node build.js",
-    "dev": "tsc --watch",
+    "dev": "node dev.js",
     "prepublishOnly": "npm run build",
+    "publish": "npm publish --access public",
     "publish:widget-react": "npm publish --access public"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@squeletteapp/widget": "^0.1.0"
+    "@squeletteapp/widget": "workspace:*"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
     "react": "^18.0.0",
-    "esbuild": "^0.21.5",
+    "esbuild": "^0.25.8",
     "typescript": "^5.8.3"
   },
   "keywords": [