@blockbite/ui 2.0.7 → 2.0.9

package/dist/Checkbox.js

@@ -1,21 +1,12 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { CheckboxControl as m } from "@wordpress/components";
-import { useState as i, useEffect as x } from "@wordpress/element";
-import { Wrap as n } from "./Wrap.js";
-const f = ({ label: t, help: s, defaultChecked: e }) => {
-  const [c, o] = i(e);
-  return x(() => {
-    o(e);
-  }, [e]), /* @__PURE__ */ r.jsx(n, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ r.jsx(
-    m,
-    {
-      label: t,
-      help: s,
-      checked: c,
-      onChange: o
-    }
-  ) });
-};
-export {
-  f as Checkbox
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckboxControl } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import { Wrap } from './Wrap.js';
+export const Checkbox = ({ label, help, defaultChecked }) => {
+    const [isChecked, setChecked] = useState(defaultChecked);
+    useEffect(() => {
+        setChecked(defaultChecked);
+    }, [defaultChecked]);
+    return (_jsx(Wrap, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: _jsx(CheckboxControl, { label: label, help: help, checked: isChecked, onChange: setChecked }) }));
 };
+//# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAUjC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAiB,EAAE,EAAE;IACzE,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,qDAAqD,YACnE,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,GACpB,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/DisappearingMessage.js

@@ -1,22 +1,28 @@
-import { j as n } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useState as l, useRef as i, useEffect as o } from "@wordpress/element";
-const p = ({
-  duration: t,
-  children: a,
-  trigger: s
-}) => {
-  const [f, r] = l(!1), e = i(!1);
-  return o(() => {
-    e.current = !0;
-  }, []), o(() => {
-    let u = null;
-    return s && !e.current ? (r(!0), u = setTimeout(() => {
-      r(!1);
-    }, t)) : e.current = !1, () => {
-      clearTimeout(u);
-    };
-  }, [s, t]), f && /* @__PURE__ */ n.jsx(n.Fragment, { children: a });
-};
-export {
-  p as DisappearingMessage
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from '@wordpress/element';
+export const DisappearingMessage = ({ duration, children, trigger, }) => {
+    const [alert, setAlert] = useState(false);
+    const isMountingRef = useRef(false);
+    useEffect(() => {
+        isMountingRef.current = true;
+    }, []);
+    useEffect(() => {
+        let timeoutId = null;
+        // Only run on subsequent renders
+        if (trigger && !isMountingRef.current) {
+            setAlert(true);
+            timeoutId = setTimeout(() => {
+                setAlert(false);
+            }, duration);
+        }
+        else {
+            isMountingRef.current = false;
+        }
+        // Cleanup timeout on unmount or when `trigger` changes
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [trigger, duration]);
+    return alert && _jsx(_Fragment, { children: children });
 };
+//# sourceMappingURL=DisappearingMessage.js.map

package/dist/DisappearingMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisappearingMessage.js","sourceRoot":"","sources":["../src/DisappearingMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,OAAO,GACkB,EAAE,EAAE;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,iCAAiC;QACjC,IAAI,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACtC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC,EAAE,QAAQ,CAAC,CAAC;QACf,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,CAAC;QAED,uDAAuD;QACvD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,OAAO,KAAK,IAAI,4BAAG,QAAQ,GAAI,CAAC;AAClC,CAAC,CAAC"}

package/dist/DropdownPicker.d.ts

@@ -11,5 +11,5 @@ type DropdownPickerProps = {
     }[];
     onPressedChange: (value: string | null) => void;
 };
-export declare const DropdownPicker: ({ label, className, defaultValue, defaultIcon, onPressedChange, options, }: DropdownPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownPicker: ({ label, className, defaultValue, defaultIcon, onPressedChange, options, }: DropdownPickerProps) => import("react/jsx-runtime.js").JSX.Element;
 export {};

package/dist/DropdownPicker.js

@@ -1,53 +1,36 @@
-import { j as o } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { ChevronDown as p } from "@blockbite/icons";
-import { DropdownMenu as b } from "@wordpress/components";
-import { useState as f, useEffect as v } from "@wordpress/element";
-import x from "classnames";
-import { Icon as n } from "./Icon.js";
-const O = ({
-  label: s,
-  className: m,
-  defaultValue: t,
-  defaultIcon: l = p,
-  onPressedChange: c,
-  options: i
-}) => {
-  const [a, r] = f(null);
-  v(() => {
-    r(t);
-  }, [t]);
-  const u = [
-    ...i.map((e) => ({
-      icon: e.icon,
-      label: e.label,
-      title: e.label,
-      value: e.value,
-      onClick: () => {
-        r(e.value), c(e.value);
-      }
-    })),
-    {
-      icon: /* @__PURE__ */ o.jsx(n, { icon: l }),
-      title: "Reset",
-      value: "reset",
-      onClick: () => {
-        r("reset"), c("reset");
-      }
-    }
-  ];
-  return /* @__PURE__ */ o.jsx(
-    b,
-    {
-      controls: u,
-      className: x(
-        "blockbite-ui__dropdown-picker border-primary border",
-        m
-      ),
-      icon: i.find((e) => e.value === a)?.icon || /* @__PURE__ */ o.jsx(n, { icon: l }),
-      label: s || "Select"
-    }
-  );
-};
-export {
-  O as DropdownPicker
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChevronDown as ChevronDownIcon } from '@blockbite/icons';
+import { DropdownMenu } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import { Icon } from './Icon.js';
+export const DropdownPicker = ({ label, className, defaultValue, defaultIcon = ChevronDownIcon, onPressedChange, options, }) => {
+    var _a;
+    const [currentOption, setCurrentOption] = useState(null);
+    useEffect(() => {
+        setCurrentOption(defaultValue);
+    }, [defaultValue]);
+    const allOptions = [
+        ...options.map((option) => ({
+            icon: option.icon,
+            label: option.label,
+            title: option.label,
+            value: option.value,
+            onClick: () => {
+                setCurrentOption(option.value);
+                onPressedChange(option.value);
+            },
+        })),
+        {
+            icon: _jsx(Icon, { icon: defaultIcon }),
+            title: 'Reset',
+            value: 'reset',
+            onClick: () => {
+                setCurrentOption('reset');
+                onPressedChange('reset');
+            },
+        },
+    ];
+    return (_jsx(DropdownMenu, { controls: allOptions, className: classNames('blockbite-ui__dropdown-picker border-primary border', className), icon: ((_a = options.find((option) => option.value === currentOption)) === null || _a === void 0 ? void 0 : _a.icon) || (_jsx(Icon, { icon: defaultIcon })), label: label || 'Select' }));
 };
+//# sourceMappingURL=DropdownPicker.js.map

package/dist/DropdownPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownPicker.js","sourceRoot":"","sources":["../src/DropdownPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAgBjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,GAAG,eAAe,EAC7B,eAAe,EACf,OAAO,GACa,EAAE,EAAE;;IACxB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,UAAU,GAAG;QACjB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YAC1B,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,OAAO,EAAE,GAAG,EAAE;gBACZ,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC/B,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC;SACF,CAAC,CAAC;QACH;YACE,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI;YACjC,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,GAAG,EAAE;gBACZ,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC1B,eAAe,CAAC,OAAO,CAAC,CAAC;YAC3B,CAAC;SACF;KACF,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,UAAU,CACnB,qDAAqD,EACrD,SAAS,CACV,EACD,IAAI,EACF,CAAA,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,aAAa,CAAC,0CAAE,IAAI,KAAI,CAChE,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,CAC5B,EAEH,KAAK,EAAE,KAAK,IAAI,QAAQ,GACxB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/EmptyState.js

@@ -1,18 +1,17 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-function n({
-  icon: t,
-  title: m,
-  description: a,
-  children: e = null,
-  ...l
-}) {
-  return /* @__PURE__ */ s.jsx("div", { ...l, children: /* @__PURE__ */ s.jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: /* @__PURE__ */ s.jsxs("div", { className: "max-w-sm", children: [
-    t && /* @__PURE__ */ s.jsx("div", { className: "mx-auto !text-gray-400", children: t }),
-    /* @__PURE__ */ s.jsx("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium", children: m }),
-    /* @__PURE__ */ s.jsx("p", { className: "mt-1 !font-sans text-sm !text-gray-500", children: a }),
-    e && /* @__PURE__ */ s.jsx("div", { className: "mt-4", children: e })
-  ] }) }) });
-}
-export {
-  n as EmptyState
+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;
 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EmptyState(_a) {
+    var { icon, title, description, children = null } = _a, rest = __rest(_a, ["icon", "title", "description", "children"]);
+    return (_jsx("div", Object.assign({}, rest, { children: _jsx("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans", children: _jsxs("div", { className: "max-w-sm", children: [icon && _jsx("div", { className: "mx-auto !text-gray-400", children: icon }), _jsx("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium", children: title }), _jsx("p", { className: "mt-1 !font-sans text-sm !text-gray-500", children: description }), children && _jsx("div", { className: "mt-4", children: children })] }) }) })));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAQA,MAAM,UAAU,UAAU,CAAC,EAMnB;QANmB,EACzB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,IAAI,OAET,EADH,IAAI,cALkB,4CAM1B,CADQ;IAEP,OAAO,CACL,8BAAS,IAAI,cACX,cAAK,SAAS,EAAC,gFAAgF,YAC7F,eAAK,SAAS,EAAC,UAAU,aACtB,IAAI,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,IAAI,GAAO,EAC7D,aAAI,SAAS,EAAC,sDAAsD,YACjE,KAAK,GACH,EACL,YAAG,SAAS,EAAC,wCAAwC,YAClD,WAAW,GACV,EACH,QAAQ,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,GAAO,IAC/C,GACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/FloatingPanel.js

@@ -1,43 +1,32 @@
-import { j as o } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useRef as x, useState as s, useEffect as g } from "@wordpress/element";
-function w({
-  children: c
-}) {
-  const i = x(null), [r, d] = s({ x: 100, y: 100 }), [l, a] = s(!1), [n, f] = s({ x: 0, y: 0 });
-  g(() => {
-    const e = (u) => {
-      l && d({
-        x: u.clientX - n.x,
-        y: u.clientY - n.y
-      });
-    }, t = () => a(!1);
-    return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
-      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from '@wordpress/element';
+export function FloatingPanel({ children, }) {
+    const panelRef = useRef(null);
+    const [position, setPosition] = useState({ x: 100, y: 100 });
+    const [dragging, setDragging] = useState(false);
+    const [offset, setOffset] = useState({ x: 0, y: 0 });
+    useEffect(() => {
+        const handleMouseMove = (e) => {
+            if (dragging) {
+                setPosition({
+                    x: e.clientX - offset.x,
+                    y: e.clientY - offset.y,
+                });
+            }
+        };
+        const handleMouseUp = () => setDragging(false);
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            window.removeEventListener('mousemove', handleMouseMove);
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [dragging, offset]);
+    const startDragging = (e) => {
+        const rect = panelRef.current.getBoundingClientRect();
+        setOffset({ x: e.clientX - rect.left, y: e.clientY - rect.top });
+        setDragging(true);
     };
-  }, [l, n]);
-  const m = (e) => {
-    const t = i.current.getBoundingClientRect();
-    f({ x: e.clientX - t.left, y: e.clientY - t.top }), a(!0);
-  };
-  return /* @__PURE__ */ o.jsx("div", { className: "bb_", children: /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      ref: i,
-      className: "fixed bg-white shadow-xl rounded-2xl p-4 w-[400px] h-[550px] z-[9999]",
-      style: { left: r.x, top: r.y },
-      children: [
-        c,
-        /* @__PURE__ */ o.jsx(
-          "div",
-          {
-            className: "absolute top-1 right-1 cursor-move w-5 h-5 bg-gray-300 rounded",
-            onMouseDown: m
-          }
-        )
-      ]
-    }
-  ) });
+    return (_jsx("div", { className: "bb_", children: _jsxs("div", { ref: panelRef, className: "fixed bg-white shadow-xl rounded-2xl p-4 w-[400px] h-[550px] z-[9999]", style: { left: position.x, top: position.y }, children: [children, _jsx("div", { className: "absolute top-1 right-1 cursor-move w-5 h-5 bg-gray-300 rounded", onMouseDown: startDragging })] }) }));
 }
-export {
-  w as FloatingPanel
-};
+//# sourceMappingURL=FloatingPanel.js.map

package/dist/FloatingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanel.js","sourceRoot":"","sources":["../src/FloatingPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,GAGT;IACC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE;YAC5B,IAAI,QAAQ,EAAE,CAAC;gBACb,WAAW,CAAC;oBACV,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;oBACvB,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;iBACxB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE/C,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvB,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACtD,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QACjE,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,KAAK,YAClB,eACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,uEAAuE,EACjF,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,aAE3C,QAAQ,EACT,cACE,SAAS,EAAC,gEAAgE,EAC1E,WAAW,EAAE,aAAa,GACrB,IACH,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/FocalPointControl.js

@@ -1,41 +1,31 @@
-import { j as i } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { FocalPointPicker as p } from "@wordpress/components";
-import { useState as x, useEffect as s } from "@wordpress/element";
-import { Wrap as m } from "./Wrap.js";
-const d = ({
-  defaultValue: e,
-  onValueChange: a,
-  url: c
-}) => {
-  const [t, r] = x({
-    x: 0.5,
-    y: 0.5
-  });
-  return s(() => {
-    a(
-      `[${(t.x * 100).toFixed(2)}%_${(t.y * 100).toFixed(
-        2
-      )}%]`
-    );
-  }, [t]), s(() => {
-    if (e.includes("%")) {
-      const [o, n] = e.replace("[", "").replace("%]", "").split("_").map((l) => parseFloat(l) / 100);
-      r({
-        x: o,
-        y: n
-      });
-    }
-  }, [e]), /* @__PURE__ */ i.jsx(m, { className: "relative flex flex-col", children: /* @__PURE__ */ i.jsx(
-    p,
-    {
-      url: c,
-      value: t,
-      onDrag: (o) => r(o),
-      onChange: (o) => r(o)
-    }
-  ) });
-};
-export {
-  d as FocalPointControl,
-  d as default
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FocalPointPicker } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import { Wrap } from './Wrap.js';
+export const FocalPointControl = ({ defaultValue, onValueChange, url, }) => {
+    const [focalPoint, setFocalPoint] = useState({
+        x: 0.5,
+        y: 0.5,
+    });
+    useEffect(() => {
+        onValueChange(`[${(focalPoint.x * 100).toFixed(2)}%_${(focalPoint.y * 100).toFixed(2)}%]`);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [focalPoint]);
+    useEffect(() => {
+        // default value is in the format of [x%_y%] parse to get the x and y values
+        if (defaultValue.includes('%')) {
+            const [x, y] = defaultValue
+                .replace('[', '')
+                .replace('%]', '')
+                .split('_')
+                .map((value) => parseFloat(value) / 100);
+            setFocalPoint({
+                x,
+                y,
+            });
+        }
+    }, [defaultValue]);
+    return (_jsx(Wrap, { className: "relative flex flex-col", children: _jsx(FocalPointPicker, { url: url, value: focalPoint, onDrag: (value) => setFocalPoint(value), onChange: (value) => setFocalPoint(value) }) }));
 };
+export default FocalPointControl;
+//# sourceMappingURL=FocalPointControl.js.map

package/dist/FocalPointControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocalPointControl.js","sourceRoot":"","sources":["../src/FocalPointControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAQjC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,YAAY,EACZ,aAAa,EACb,GAAG,GACJ,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC;QAC3C,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;KACP,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CACX,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAClE,CAAC,CACF,IAAI,CACN,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,4EAA4E;QAC5E,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,YAAY;iBACxB,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;iBAChB,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;iBACjB,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;YAEnD,aAAa,CAAC;gBACZ,CAAC;gBACD,CAAC;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YACtC,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACzC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/Icon.d.ts

@@ -2,5 +2,5 @@ type IconProps = {
     icon: React.FC<React.SVGProps<SVGSVGElement>> | null;
     className?: string;
 };
-export declare const Icon: ({ icon: IconComponent, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ icon: IconComponent, className }: IconProps) => import("react/jsx-runtime.js").JSX.Element;
 export {};

package/dist/Icon.js

@@ -1,9 +1,8 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { Wrap as o } from "./Wrap.js";
-const e = ({ icon: r, className: i = "" }) => r ? /* @__PURE__ */ s.jsxs(o, { className: "blockbite--icon", children: [
-  /* @__PURE__ */ s.jsx(r, { className: i }),
-  " "
-] }) : null;
-export {
-  e as Icon
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Wrap } from './Wrap.js';
+export const Icon = ({ icon: IconComponent, className = '' }) => {
+    if (!IconComponent)
+        return null;
+    return (_jsxs(Wrap, { className: `blockbite--icon`, children: [_jsx(IconComponent, { className: className }), ' '] }));
 };
+//# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAOjC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,GAAG,EAAE,EAAa,EAAE,EAAE;IACzE,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,aAChC,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI,EAAC,GAAG,IAEtC,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/LinkPicker.d.ts

@@ -1 +1 @@
-export declare function LinkPicker(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function LinkPicker(props: any): import("react/jsx-runtime.js").JSX.Element;

package/dist/LinkPicker.js

@@ -1,67 +1,50 @@
-import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import h from "@wordpress/api-fetch";
-import { TextControl as u } from "@wordpress/components";
-import { useState as c, useEffect as a } from "@wordpress/element";
-import { __ as p } from "@wordpress/i18n";
-import { Wrap as k } from "./Wrap.js";
-function g(r) {
-  const [t, s] = c(""), [i, n] = c([]), [o, b] = c({
-    url: "",
-    title: ""
-  });
-  return a(() => {
-    t !== "" && (n(null), h({
-      path: `/blockbite/v1/block-helpers/get-links/${t}`
-    }).then(
-      (l) => {
-        l?.length ? n([...l]) : n([]);
-      }
-    ));
-  }, [t]), a(() => {
-    o.url !== "" && r.parentCallback(o);
-  }, [o]), /* @__PURE__ */ e.jsxs(k, { className: "blockbite--editor-linkwrap", children: [
-    /* @__PURE__ */ e.jsx(
-      u,
-      {
-        label: p("Search link", "blockbitelinks"),
-        value: t,
-        placeholder: "Example: About",
-        onChange: (l) => s(l),
-        help: p("Type a post, page, title", "blockbitelinks")
-      }
-    ),
-    t ? /* @__PURE__ */ e.jsx("div", { className: "blockbite--editor-linklist", children: /* @__PURE__ */ e.jsx(
-      m,
-      {
-        links: i,
-        onActiveLink: (l) => [
-          b({ ...l }),
-          s("")
-        ]
-      }
-    ) }) : null
-  ] });
-}
-function m({ links: r, onActiveLink: t }) {
-  const s = [];
-  return r === null ? /* @__PURE__ */ e.jsx("p", { children: "Loading..." }) : r.length === 0 ? /* @__PURE__ */ e.jsx("p", { children: "No Results" }) : (r.forEach((i) => {
-    s.push(
-      // add key
-      /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(
-        "span",
-        {
-          className: "blockbite--editor-link",
-          onClick: () => t(i),
-          children: [
-            /* @__PURE__ */ e.jsx("span", { children: i.title }),
-            /* @__PURE__ */ e.jsx("span", { className: "blockbite--preview-link", children: i.url }),
-            /* @__PURE__ */ e.jsx("span", { className: "blockbite--preview-link", children: i.post_type })
-          ]
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import apiFetch from '@wordpress/api-fetch';
+import { TextControl } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { Wrap } from './Wrap.js';
+export function LinkPicker(props) {
+    const [activeKeyword, setActiveKeyword] = useState('');
+    const [links, setLinks] = useState([]);
+    const [activeLink, setActiveLink] = useState({
+        url: '',
+        title: '',
+    });
+    useEffect(() => {
+        if (activeKeyword === '')
+            return;
+        setLinks(null);
+        apiFetch({
+            path: `/blockbite/v1/block-helpers/get-links/${activeKeyword}`,
+        }).then((fetchedLinks) => {
+            if (fetchedLinks === null || fetchedLinks === void 0 ? void 0 : fetchedLinks.length) {
+                setLinks([...fetchedLinks]);
+            }
+            else {
+                setLinks([]);
+            }
+        });
+    }, [activeKeyword]);
+    useEffect(() => {
+        if (activeLink.url !== '') {
+            props.parentCallback(activeLink);
         }
-      ) }, i.id)
-    );
-  }), s);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeLink]);
+    return (_jsxs(Wrap, { className: "blockbite--editor-linkwrap", children: [_jsx(TextControl, { label: __('Search link', 'blockbitelinks'), value: activeKeyword, placeholder: "Example: About", onChange: (value) => setActiveKeyword(value), help: __('Type a post, page, title', 'blockbitelinks') }), activeKeyword ? (_jsx("div", { className: "blockbite--editor-linklist", children: _jsx(LinkList, { links: links, onActiveLink: (link) => [
+                        setActiveLink(Object.assign({}, link)),
+                        setActiveKeyword(''),
+                    ] }) })) : null] }));
+}
+function LinkList({ links, onActiveLink }) {
+    if (links === null) {
+        return _jsx("p", { children: "Loading..." });
+    }
+    else if (links.length === 0) {
+        return _jsx("p", { children: "No Results" });
+    }
+    const list = links.map((link) => (_jsx(Wrap, { children: _jsxs("span", { className: "blockbite--editor-link", onClick: () => onActiveLink(link), children: [_jsx("span", { children: link.title }), _jsx("span", { className: "blockbite--preview-link", children: link.url }), _jsx("span", { className: "blockbite--preview-link", children: link.post_type })] }) }, link.id)));
+    return _jsx(_Fragment, { children: list }); // ✅ Wrapped
 }
-export {
-  g as LinkPicker
-};
+//# sourceMappingURL=LinkPicker.js.map

package/dist/LinkPicker.js.map

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