@blockbite/ui 2.0.7 → 2.0.10

package/dist/Modal.js

@@ -1,82 +1,83 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useContext as j, createContext as b, useState as v, useEffect as u, Children as a, isValidElement as l } from "@wordpress/element";
-import { Modal as C } from "@wordpress/components";
-import n from "classnames";
-const i = b(null), d = () => {
-  const e = j(i);
-  if (!e)
-    throw new Error("useModalContext must be used within a ModalProvider");
-  return e;
-}, R = ({
-  children: e,
-  defaultOpen: o,
-  onOpenChange: s,
-  title: p,
-  className: f
-}) => {
-  const [m, c] = v(!1);
-  u(() => {
-    c(o);
-  }, [o]);
-  const M = () => c(!0), x = () => c(!1);
-  return u(() => {
-    s(m);
-  }, [m, s]), /* @__PURE__ */ r.jsxs(i.Provider, { value: { closeModal: x, openModal: M }, children: [
-    a.map(e, (t) => l(t) && t.type === w ? t : null),
-    m && /* @__PURE__ */ r.jsx(
-      C,
-      {
-        className: n("blockbite-ui__modal bb_", f),
-        onRequestClose: x,
-        title: p,
-        children: /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-          a.map(e, (t) => l(t) && t.type === y ? t : null),
-          a.map(e, (t) => l(t) && t.type === g ? t : null),
-          a.map(e, (t) => l(t) && t.type === N ? t : null)
-        ] })
-      }
-    )
-  ] });
-}, y = ({ children: e, className: o = "", ...s }) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: n(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      o
-    ),
-    ...s,
-    children: e
-  }
-), N = ({ children: e, className: o = "", ...s }) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: n(
-      "border-gray-light fixed bottom-0 left-0 right-0 flex h-[4rem] flex-row items-center justify-end space-x-2 border-t bg-white px-4",
-      o
-    ),
-    ...s,
-    children: e
-  }
-), g = ({ children: e, className: o = "", ...s }) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: n("text-gray-medium px-4 pb-4 text-sm", o),
-    ...s,
-    children: e
-  }
-), q = ({ children: e }) => {
-  const { closeModal: o } = d();
-  return /* @__PURE__ */ r.jsx("div", { onClick: o, className: "cursor-pointer", children: e });
-}, w = ({ children: e }) => {
-  const { openModal: o } = d();
-  return /* @__PURE__ */ r.jsx("div", { onClick: o, className: "cursor-pointer", children: e });
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-export {
-  R as Modal,
-  q as ModalClose,
-  g as ModalContent,
-  N as ModalFooter,
-  y as ModalHeader,
-  w as ModalTrigger,
-  d as useModalContext
+import { Children, createContext, isValidElement, useContext, useEffect, useState, } from '@wordpress/element';
+import React from 'react';
+void React;
+import { Modal as WordpressModal } from '@wordpress/components';
+import classNames from 'classnames';
+const ModalContext = createContext(null);
+export const useModalContext = () => {
+    const context = useContext(ModalContext);
+    if (!context) {
+        throw new Error('useModalContext must be used within a ModalProvider');
+    }
+    return context;
 };
+export const Modal = ({ children, defaultOpen, onOpenChange, title, className, }) => {
+    const [isOpen, setOpen] = useState(false);
+    // Sync `isOpen` with `defaultOpen` when `defaultOpen` changes
+    useEffect(() => {
+        setOpen(defaultOpen);
+    }, [defaultOpen]);
+    const openModal = () => setOpen(true);
+    const closeModal = () => setOpen(false);
+    useEffect(() => {
+        onOpenChange(isOpen);
+    }, [isOpen, onOpenChange]);
+    return (React.createElement(ModalContext.Provider, { value: { closeModal, openModal } },
+        Children.map(children, (child) => {
+            return isValidElement(child) && child.type === ModalTrigger
+                ? child
+                : null;
+        }),
+        isOpen && (React.createElement(WordpressModal, { className: classNames('blockbite-ui__modal bb_', className), onRequestClose: closeModal, title: title },
+            React.createElement("div", { className: "relative" },
+                Children.map(children, (child) => {
+                    return isValidElement(child) && child.type === ModalHeader
+                        ? child
+                        : null;
+                }),
+                Children.map(children, (child) => {
+                    return isValidElement(child) && child.type === ModalContent
+                        ? child
+                        : null;
+                }),
+                Children.map(children, (child) => {
+                    return isValidElement(child) && child.type === ModalFooter
+                        ? child
+                        : null;
+                }))))));
+};
+// Header component for modal
+export const ModalHeader = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: classNames('flex flex-col space-y-1.5 text-center sm:text-left', className) }, props), children));
+};
+// Footer component for modal
+export const ModalFooter = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: classNames('border-gray-light fixed bottom-0 left-0 right-0 flex h-[4rem] flex-row items-center justify-end space-x-2 border-t bg-white px-4', className) }, props), children));
+};
+// Description component for modal
+export const ModalContent = (_a) => {
+    var { children, className = '' } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: classNames('text-gray-medium px-4 pb-4 text-sm', className) }, props), children));
+};
+export const ModalClose = ({ children }) => {
+    const { closeModal } = useModalContext();
+    return (React.createElement("div", { onClick: closeModal, className: "cursor-pointer" }, children));
+};
+export const ModalTrigger = ({ children }) => {
+    const { openModal } = useModalContext();
+    return (React.createElement("div", { onClick: openModal, className: "cursor-pointer" }, children));
+};
+//# sourceMappingURL=Modal.js.map

package/dist/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/NewWindowPortal.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type Props = {
     windowInstance: Window;
     onClose: () => void;
     children: React.ReactNode;
 };
-export declare const NewWindowPortal: ({ windowInstance, onClose, children, }: Props) => import("react").ReactPortal;
+export declare const NewWindowPortal: ({ windowInstance, onClose, children, }: Props) => React.ReactPortal;
 export {};

package/dist/NewWindowPortal.js

@@ -1,42 +1,56 @@
-import { useMemo as l, useEffect as s, createPortal as c } from "@wordpress/element";
-function i(t, o) {
-  Array.from(t.styleSheets).forEach((r) => {
-    try {
-      if (r.cssRules) {
-        const n = o.createElement("style");
-        Array.from(r.cssRules).forEach((e) => {
-          n.appendChild(o.createTextNode(e.cssText));
-        }), o.head.appendChild(n);
-      } else if (r.href) {
-        const n = o.createElement("link");
-        n.rel = "stylesheet", n.href = r.href, o.head.appendChild(n);
-      }
-    } catch (n) {
-      if (r.href) {
-        const e = o.createElement("link");
-        e.rel = "stylesheet", e.href = r.href, o.head.appendChild(e);
-      } else
-        console.warn("Error copying styles:", n);
-    }
-  });
+import { createPortal, useEffect, useMemo } from '@wordpress/element';
+import React from 'react';
+void React;
+function copyStyles(sourceDoc, targetDoc) {
+    Array.from(sourceDoc.styleSheets).forEach((styleSheet) => {
+        try {
+            if (styleSheet.cssRules) {
+                const newStyleEl = targetDoc.createElement('style');
+                Array.from(styleSheet.cssRules).forEach((cssRule) => {
+                    newStyleEl.appendChild(targetDoc.createTextNode(cssRule.cssText));
+                });
+                targetDoc.head.appendChild(newStyleEl);
+            }
+            else if (styleSheet.href) {
+                const newLinkEl = targetDoc.createElement('link');
+                newLinkEl.rel = 'stylesheet';
+                newLinkEl.href = styleSheet.href;
+                targetDoc.head.appendChild(newLinkEl);
+            }
+        }
+        catch (e) {
+            if (styleSheet.href) {
+                const newLinkEl = targetDoc.createElement('link');
+                newLinkEl.rel = 'stylesheet';
+                newLinkEl.href = styleSheet.href;
+                targetDoc.head.appendChild(newLinkEl);
+            }
+            else {
+                // eslint-disable-next-line no-console
+                console.warn('Error copying styles:', e);
+            }
+        }
+    });
 }
-const f = ({
-  windowInstance: t,
-  onClose: o,
-  children: r
-}) => {
-  const n = l(() => document.createElement("div"), []);
-  return s(() => {
-    const e = t;
-    e.document.body.innerHTML = "", e.document.body.appendChild(n), e.document.body.classList.add("bb_"), i(document, e.document), e.document.title = document.title || "Blockbite Editor";
-    const d = () => {
-      setTimeout(o, 100);
-    };
-    return e.addEventListener("beforeunload", d), () => {
-      e.removeEventListener("beforeunload", d);
-    };
-  }, [t]), c(r, n);
-};
-export {
-  f as NewWindowPortal
+export const NewWindowPortal = ({ windowInstance, onClose, children, }) => {
+    const containerEl = useMemo(() => document.createElement('div'), []);
+    useEffect(() => {
+        const win = windowInstance;
+        win.document.body.innerHTML = '';
+        win.document.body.appendChild(containerEl);
+        win.document.body.classList.add('bb_');
+        copyStyles(document, win.document);
+        win.document.title = document.title || 'Blockbite Editor';
+        const handleBeforeUnload = () => {
+            setTimeout(onClose, 100);
+        };
+        win.addEventListener('beforeunload', handleBeforeUnload);
+        return () => {
+            win.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [windowInstance]);
+    // Typecasting: https://github.com/vercel/next.js/discussions/64753
+    return createPortal(children, containerEl);
 };
+//# sourceMappingURL=NewWindowPortal.js.map

package/dist/NewWindowPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewWindowPortal.js","sourceRoot":"","sources":["../src/NewWindowPortal.tsx"],"names":[],"mappings":"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"}

package/dist/Notice.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type NoticeProps = {
     children: React.ReactNode;
     className?: string;
     status?: 'success' | 'error' | 'warning' | 'info';
 };
-export declare const Notice: ({ children, status, className, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Notice: ({ children, status, className, }: NoticeProps) => React.JSX.Element;
 export {};

package/dist/Notice.js

@@ -1,24 +1,11 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { Notice as c } from "@wordpress/components";
-import { useState as i } from "@wordpress/element";
-import a from "classnames";
-import { Wrap as p } from "./Wrap.js";
-const x = ({
-  children: e,
-  status: t = "success",
-  className: r
-}) => {
-  const [m, o] = i(!0);
-  return /* @__PURE__ */ s.jsx(p, { onClick: () => o(!1), children: m && /* @__PURE__ */ s.jsx(
-    c,
-    {
-      status: t,
-      className: a(r),
-      onRemove: () => o(!1),
-      children: e
-    }
-  ) });
-};
-export {
-  x as Notice
+import { Notice as WordpressNotice } from '@wordpress/components';
+import { useState } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const Notice = ({ children, status = 'success', className, }) => {
+    const [showNotice, setShowNotice] = useState(true);
+    return (React.createElement(Wrap, { onClick: () => setShowNotice(false) }, showNotice && (React.createElement(WordpressNotice, { status: status, className: classNames(className), onRemove: () => setShowNotice(false) }, children))));
 };
+//# sourceMappingURL=Notice.js.map

package/dist/Notice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice.js","sourceRoot":"","sources":["../src/Notice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAQX,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACL,oBAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IACtC,UAAU,IAAI,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,IAEnC,QAAQ,CACO,CACnB,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/PasswordInput.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type PasswordInputProps = {
     label: string;
     value: string;
     onChange: (value: string) => void;
     [key: string]: any;
 };
-export declare const PasswordInput: ({ label, value, onChange, ...rest }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PasswordInput: ({ label, value, onChange, ...rest }: PasswordInputProps) => React.JSX.Element;
 export {};

package/dist/PasswordInput.js

@@ -1,39 +1,26 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { __experimentalInputControl as p, __experimentalInputControlSuffixWrapper as a, Button as i } from "@wordpress/components";
-import { useState as m } from "@wordpress/element";
-import { SVG as x, Path as c } from "@wordpress/primitives";
-const d = ({
-  label: C,
-  value: t,
-  onChange: r,
-  ...e
-}) => {
-  const [o, n] = m(!1);
-  return /* @__PURE__ */ s.jsx(
-    p,
-    {
-      label: C,
-      value: t,
-      type: o ? "text" : "password",
-      suffix: /* @__PURE__ */ s.jsx(a, { variant: "control", children: /* @__PURE__ */ s.jsx(
-        i,
-        {
-          icon: /* @__PURE__ */ s.jsx(x, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ s.jsx(
-            c,
-            {
-              d: o ? "M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z" : "M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z"
-            }
-          ) }),
-          label: "Show password",
-          onClick: () => n((l) => !l),
-          size: "small"
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
         }
-      ) }),
-      onChange: r,
-      ...e
-    }
-  );
+    return t;
 };
-export {
-  d as PasswordInput
+import { Button, __experimentalInputControl as InputControl, __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper, } from '@wordpress/components';
+import { useState } from '@wordpress/element';
+import { Path, SVG } from '@wordpress/primitives';
+import React from 'react';
+void React;
+export const PasswordInput = (_a) => {
+    var { label, value, onChange } = _a, rest = __rest(_a, ["label", "value", "onChange"]);
+    const [showPassword, setShowPassword] = useState(false);
+    return (React.createElement(InputControl, Object.assign({ label: label, value: value, type: showPassword ? 'text' : 'password', suffix: React.createElement(InputControlSuffixWrapper, { variant: "control" },
+            React.createElement(Button, { icon: React.createElement(SVG, { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement(Path, { d: showPassword
+                            ? 'M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z'
+                            : 'M20.7 12.7s0-.1-.1-.2c0-.2-.2-.4-.4-.6-.3-.5-.9-1.2-1.6-1.8-.7-.6-1.5-1.3-2.6-1.8l-.6 1.4c.9.4 1.6 1 2.1 1.5.6.6 1.1 1.2 1.4 1.6.1.2.3.4.3.5v.1l.7-.3.7-.3Zm-5.2-9.3-1.8 4c-.5-.1-1.1-.2-1.7-.2-3 0-5.2 1.4-6.6 2.7-.7.7-1.2 1.3-1.6 1.8-.2.3-.3.5-.4.6 0 0 0 .1-.1.2s0 0 .7.3l.7.3V13c0-.1.2-.3.3-.5.3-.4.7-1 1.4-1.6 1.2-1.2 3-2.3 5.5-2.3H13v.3c-.4 0-.8-.1-1.1-.1-1.9 0-3.5 1.6-3.5 3.5s.6 2.3 1.6 2.9l-2 4.4.9.4 7.6-16.2-.9-.4Zm-3 12.6c1.7-.2 3-1.7 3-3.5s-.2-1.4-.6-1.9L12.4 16Z' })), label: "Show password", onClick: () => setShowPassword((prev) => !prev), size: "small" })), onChange: onChange }, rest)));
 };
+//# sourceMappingURL=PasswordInput.js.map

package/dist/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../src/PasswordInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,MAAM,EACN,0BAA0B,IAAI,YAAY,EAC1C,uCAAuC,IAAI,yBAAyB,GACrE,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AASX,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,OAEW,EADhB,IAAI,cAJqB,8BAK7B,CADQ;IAEP,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,oBAAC,YAAY,kBACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,MAAM,EACJ,oBAAC,yBAAyB,IAAC,OAAO,EAAC,SAAS;YAC1C,oBAAC,MAAM,IACL,IAAI,EACF,oBAAC,GAAG,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;oBACzD,oBAAC,IAAI,IACH,CAAC,EACC,YAAY;4BACV,CAAC,CAAC,o6CAAo6C;4BACt6C,CAAC,CAAC,0dAA0d,GAEhe,CACE,EAER,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC/C,IAAI,EAAC,OAAO,GACZ,CACwB,EAE9B,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/Popover.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type PopoverProps = {
     children: React.ReactNode;
     className?: string;

package/dist/Popover.js

@@ -1,48 +1,29 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { Cross2 as p } from "@blockbite/icons";
-import { Popover as f, Button as n } from "@wordpress/components";
-import { useState as d, useEffect as x } from "@wordpress/element";
-const N = ({
-  children: c,
-  className: i,
-  position: a,
-  visible: o,
-  onClick: m,
-  onVisibleChange: t
-}) => {
-  const [r, e] = d(!!o);
-  x(() => {
-    o !== void 0 && e(o);
-  }, [o]);
-  const u = () => {
-    const l = !r;
-    e(l), t && t(l);
-  };
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: r && /* @__PURE__ */ s.jsx(
-    f,
-    {
-      position: a,
-      className: "blockbite-ui__popover bb_",
-      onClick: m,
-      onFocusOutside: () => {
-        e(!1), t && t(!1);
-      },
-      children: /* @__PURE__ */ s.jsx("div", { className: i, children: /* @__PURE__ */ s.jsxs("div", { className: "relative h-full w-full p-4", children: [
-        /* @__PURE__ */ s.jsx(
-          n,
-          {
-            onClick: u,
-            size: "small",
-            className: "close-button absolute right-0 top-0",
-            children: /* @__PURE__ */ s.jsx(p, {})
-          }
-        ),
-        c
-      ] }) })
-    }
-  ) });
-};
-export {
-  N as Popover,
-  N as default
+import { Cross2 } from '@blockbite/icons';
+import { Button, Popover as WordpressPopover } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import React from 'react';
+void React;
+export const Popover = ({ children, className, position, visible, onClick, onVisibleChange, }) => {
+    const [isVisible, setIsVisible] = useState(!!visible);
+    useEffect(() => {
+        if (visible !== undefined) {
+            setIsVisible(visible);
+        }
+    }, [visible]);
+    const toggleVisible = () => {
+        const newValue = !isVisible;
+        setIsVisible(newValue);
+        onVisibleChange && onVisibleChange(newValue);
+    };
+    return (React.createElement(React.Fragment, null, isVisible && (React.createElement(WordpressPopover, { position: position, className: "blockbite-ui__popover bb_", onClick: onClick, onFocusOutside: () => {
+            setIsVisible(false);
+            onVisibleChange && onVisibleChange(false);
+        } },
+        React.createElement("div", { className: className },
+            React.createElement("div", { className: "relative h-full w-full p-4" },
+                React.createElement(Button, { onClick: toggleVisible, size: "small", className: "close-button absolute right-0 top-0" },
+                    React.createElement(Cross2, null)),
+                children))))));
 };
+export default Popover;
+//# sourceMappingURL=Popover.js.map

package/dist/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAaX,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC;QAC5B,YAAY,CAAC,QAAQ,CAAC,CAAC;QACvB,eAAe,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACL,0CACG,SAAS,IAAI,CACZ,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,GAAG,EAAE;YACnB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;QAED,6BAAK,SAAS,EAAE,SAAS;YACvB,6BAAK,SAAS,EAAC,4BAA4B;gBACzC,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,qCAAqC;oBAE/C,oBAAC,MAAM,OAAG,CACH;gBACR,QAAQ,CACL,CACF,CACW,CACpB,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/RangeSlider.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export type RangeControlType = {
     defaultValue: string;
     label: string;

package/dist/RangeSlider.js

@@ -1,49 +1,43 @@
-import { j as a } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useState as o, useEffect as j } from "@wordpress/element";
-import { Wrap as R } from "./Wrap.js";
-import { RangeControl as S } from "@wordpress/components";
-const b = ({
-  defaultValue: s,
-  label: l,
-  min: p = 0,
-  max: c = 2e3,
-  withInputField: f = !1,
-  onValueChange: m,
-  gridMode: n = !1,
-  showTooltip: i = !1,
-  ...x
-}) => {
-  const [u] = o(0), [t, r] = o(0);
-  j(() => {
-    r(Math.round(parseInt(s) / (n ? 16 : 1)));
-  }, [s]);
-  function g(e) {
-    const h = e * (n ? 16 : 1);
-    m(h.toString());
-  }
-  return /* @__PURE__ */ a.jsxs(R, { className: "flex min-w-[240px] flex-col", children: [
-    /* @__PURE__ */ a.jsx(
-      S,
-      {
-        label: l,
-        value: t,
-        min: p,
-        max: c,
-        showTooltip: i,
-        withInputField: f,
-        onChange: (e) => {
-          r(e), g(e);
-        },
-        resetFallbackValue: u,
-        ...x
-      }
-    ),
-    /* @__PURE__ */ a.jsxs("span", { children: [
-      n ? `${t * 16}px` : null,
-      " "
-    ] })
-  ] });
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
-export {
-  b as RangeSlider
+import { useEffect, useState } from '@wordpress/element';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+import { RangeControl as WordpressRangeControl } from '@wordpress/components';
+export const RangeSlider = (_a) => {
+    var { defaultValue, label, min = 0, max = 2000, withInputField = false, onValueChange, gridMode = false, showTooltip = false } = _a, props = __rest(_a, ["defaultValue", "label", "min", "max", "withInputField", "onValueChange", "gridMode", "showTooltip"]);
+    const [resetFallbackValue] = useState(0);
+    const [rangeValue, setRangeValue] = useState(0);
+    useEffect(() => {
+        setRangeValue(Math.round(parseInt(defaultValue) / (gridMode ? 16 : 1)));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValue]);
+    /**
+     * Set the range slider values
+     * @param modifier
+     */
+    // convert back to arbitrary unit
+    function handleRangeUpdate(value) {
+        const gridValue = value * (gridMode ? 16 : 1);
+        onValueChange(gridValue.toString());
+    }
+    return (React.createElement(Wrap, { className: "flex min-w-[240px] flex-col" },
+        React.createElement(WordpressRangeControl, Object.assign({ label: label, value: rangeValue, min: min, max: max, showTooltip: showTooltip, withInputField: withInputField, onChange: (value) => {
+                setRangeValue(value);
+                handleRangeUpdate(value);
+            }, resetFallbackValue: resetFallbackValue }, props)),
+        React.createElement("span", null,
+            gridMode ? `${rangeValue * 16}px` : null,
+            " ")));
 };
+//# sourceMappingURL=RangeSlider.js.map

package/dist/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../src/RangeSlider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAEX,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAc9E,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAUvD,EAAE,EAAE;QAVmD,EACtD,YAAY,EACZ,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,IAAI,EACV,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,OAEpB,EADI,KAAK,cAT8C,qGAUvD,CADS;IAER,MAAM,CAAC,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxE,uDAAuD;IACzD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB;;;OAGG;IAEH,iCAAiC;IACjC,SAAS,iBAAiB,CAAC,KAAa;QACtC,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,aAAa,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B;QAC3C,oBAAC,qBAAqB,kBACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EACD,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT;QACF;YAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI;gBAAS,CACnD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/ResponsiveImage.d.ts

@@ -1 +1,2 @@
-export declare function ResponsiveImage(props: any): import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare function ResponsiveImage(props: any): React.JSX.Element;