@fewchurs/react 1.1.0 → 1.2.0

package/dist/index.mjs

@@ -4,7 +4,7 @@
 import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
 
 // src/client/version.ts
-var SDK_VERSION = "1.1.0";
+var SDK_VERSION = "1.2.0";
 
 // src/client/constants.ts
 var SDK_HEADER = `react/${SDK_VERSION}`;
@@ -1649,6 +1649,7 @@ function FewchursBoardDialog({
   open,
   onClose,
   ariaLabel = "Feature requests",
+  variant = "dialog",
   ...boardProps
 }) {
   const dialogRef = useRef2(null);
@@ -1667,11 +1668,14 @@ function FewchursBoardDialog({
     };
   }, [open, onClose]);
   if (!open) return null;
-  return /* @__PURE__ */ jsx12("div", { className: "fw-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs9(
+  const isSheet = variant === "sheet";
+  const { colorScheme } = boardProps;
+  return /* @__PURE__ */ jsx12("div", { className: isSheet ? "fw-overlay fw-overlay--sheet" : "fw-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs9(
     "div",
     {
       ref: dialogRef,
-      className: "fw-dialog",
+      className: isSheet ? "fw-dialog fw-dialog--sheet" : "fw-dialog",
+      "data-theme": colorScheme === "system" ? void 0 : colorScheme,
       role: "dialog",
       "aria-modal": "true",
       "aria-label": ariaLabel,
@@ -1684,6 +1688,49 @@ function FewchursBoardDialog({
     }
   ) });
 }
+
+// src/components/BoardButton.tsx
+import { useCallback as useCallback7, useState as useState11 } from "react";
+import { createPortal } from "react-dom";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function FewchursButton({
+  children = "Feedback",
+  className,
+  style,
+  ariaLabel,
+  ...board
+}) {
+  const [open, setOpen] = useState11(false);
+  const close = useCallback7(() => setOpen(false), []);
+  const classes = [board.unstyled ? "" : "fw-launcher", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        className: classes || void 0,
+        style: { ...themeToStyle(board.theme), ...style },
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        onClick: () => setOpen(true),
+        children
+      }
+    ),
+    open ? createPortal(
+      /* @__PURE__ */ jsx13(
+        FewchursBoardDialog,
+        {
+          ...board,
+          variant: "sheet",
+          ariaLabel,
+          open: true,
+          onClose: close
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
 export {
   BoardRoot,
   BoardTabs,
@@ -1698,6 +1745,7 @@ export {
   FeatureList,
   FewchursBoard,
   FewchursBoardDialog,
+  FewchursButton,
   FewchursProvider,
   FollowForm,
   LIMITS,