@blockbite/ui 2.0.7 → 2.0.10

package/dist/Chapter.js

@@ -1,19 +1,10 @@
-import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import r from "classnames";
-import { Wrap as s } from "./Wrap.js";
-const p = ({ children: t, title: m }) => /* @__PURE__ */ e.jsxs(
-  s,
-  {
-    className: r(
-      "text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium",
-      r
-    ),
-    children: [
-      m && /* @__PURE__ */ e.jsx(s, { className: "font-medium", children: m }),
-      t
-    ]
-  }
-);
-export {
-  p as Chapter
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const Chapter = ({ children, title }) => {
+    return (React.createElement(Wrap, { className: classNames('text-gray-medium my-2 flex items-center gap-1 text-[12px] font-medium', classNames) },
+        title && React.createElement(Wrap, { className: "font-medium" }, title),
+        children));
 };
+//# sourceMappingURL=Chapter.js.map

package/dist/Chapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chapter.js","sourceRoot":"","sources":["../src/Chapter.tsx"],"names":[],"mappings":"AAAA,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,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAgB,EAAE,EAAE;IAC3D,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,uEAAuE,EACvE,UAAU,CACX;QAEA,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,IAAE,KAAK,CAAQ;QACrD,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/ChapterDivider.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type ChapterDividerProps = {
     id?: string;
     title?: string;
     className?: string;
     help?: string;
 };
-export declare const ChapterDivider: ({ id, title, className, help, }: ChapterDividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChapterDivider: ({ id, title, className, help, }: ChapterDividerProps) => React.JSX.Element;
 export {};

package/dist/ChapterDivider.js

@@ -1,17 +1,11 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import m from "classnames";
-const i = ({
-  id: l = "",
-  title: a,
-  className: r,
-  help: e
-}) => /* @__PURE__ */ s.jsxs("div", { ...l ? { id: l } : null, className: m("mb-4", r), children: [
-  /* @__PURE__ */ s.jsxs("div", { className: "flex w-full flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ s.jsx("small", { className: "shrink-1 text-[12px]", children: a }),
-    /* @__PURE__ */ s.jsx("span", { className: "h-[1px] w-full bg-easy" })
-  ] }),
-  e && /* @__PURE__ */ s.jsx("small", { className: "w-full shrink-0 text-[12px]", children: e })
-] });
-export {
-  i as ChapterDivider
+import classNames from 'classnames';
+import React from 'react';
+void React;
+export const ChapterDivider = ({ id = '', title, className, help, }) => {
+    return (React.createElement("div", Object.assign({}, (id ? { id } : null), { className: classNames('mb-4', className) }),
+        React.createElement("div", { className: "flex w-full flex-wrap items-center gap-2" },
+            React.createElement("small", { className: "shrink-1 text-[12px]" }, title),
+            React.createElement("span", { className: "h-[1px] w-full bg-easy" })),
+        help && React.createElement("small", { className: "w-full shrink-0 text-[12px]" }, help)));
 };
+//# sourceMappingURL=ChapterDivider.js.map

package/dist/ChapterDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChapterDivider.js","sourceRoot":"","sources":["../src/ChapterDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AASX,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,GAAG,EAAE,EACP,KAAK,EACL,SAAS,EACT,IAAI,GACgB,EAAE,EAAE;IACxB,OAAO,CACL,6CAAS,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAE,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC;QACrE,6BAAK,SAAS,EAAC,0CAA0C;YACvD,+BAAO,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAS;YACvD,8BAAM,SAAS,EAAC,wBAAwB,GAAQ,CAC5C;QACL,IAAI,IAAI,+BAAO,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAS,CAClE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type CheckboxProps = {
     id: string;
     label?: string;
@@ -5,5 +6,5 @@ type CheckboxProps = {
     defaultChecked?: boolean;
     onCheckedChange: (checked: boolean, id: string) => void;
 };
-export declare const Checkbox: ({ label, help, defaultChecked }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ label, help, defaultChecked }: CheckboxProps) => React.JSX.Element;
 export {};

package/dist/Checkbox.js

@@ -1,21 +1,14 @@
-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 { CheckboxControl } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const Checkbox = ({ label, help, defaultChecked }) => {
+    const [isChecked, setChecked] = useState(defaultChecked);
+    useEffect(() => {
+        setChecked(defaultChecked);
+    }, [defaultChecked]);
+    return (React.createElement(Wrap, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2" },
+        React.createElement(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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAUX,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,oBAAC,IAAI,IAAC,SAAS,EAAC,qDAAqD;QACnE,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,GACpB,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/DisappearingMessage.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type DisappearingMessageProps = {
     duration: number;
     children: React.ReactNode;
     trigger: boolean;
 };
-export declare const DisappearingMessage: ({ duration, children, trigger, }: DisappearingMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DisappearingMessage: ({ duration, children, trigger, }: DisappearingMessageProps) => React.JSX.Element;
 export {};

package/dist/DisappearingMessage.js

@@ -1,22 +1,29 @@
-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 { useEffect, useRef, useState } from '@wordpress/element';
+import React from 'react';
+void React;
+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 && React.createElement(React.Fragment, null, 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;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAQX,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,0CAAG,QAAQ,CAAI,CAAC;AAClC,CAAC,CAAC"}

package/dist/DropdownPicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type DropdownPickerProps = {
     label?: string;
     className?: string;
@@ -11,5 +12,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) => React.JSX.Element;
 export {};

package/dist/DropdownPicker.js

@@ -1,53 +1,37 @@
-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 { ChevronDown as ChevronDownIcon } from '@blockbite/icons';
+import { DropdownMenu } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+import { Icon } from './Icon.js';
+void React;
+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: React.createElement(Icon, { icon: defaultIcon }),
+            title: 'Reset',
+            value: 'reset',
+            onClick: () => {
+                setCurrentOption('reset');
+                onPressedChange('reset');
+            },
+        },
+    ];
+    return (React.createElement(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) || (React.createElement(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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAgBX,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,oBAAC,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,oBAAC,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,oBAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,CAC5B,EAEH,KAAK,EAAE,KAAK,IAAI,QAAQ,GACxB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/EmptyState.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type Props = {
     icon?: JSX.Element;
     title: string;
@@ -5,5 +6,5 @@ type Props = {
     children?: React.ReactNode;
     [key: string]: any;
 };
-export declare function EmptyState({ icon, title, description, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function EmptyState({ icon, title, description, children, ...rest }: Props): React.JSX.Element;
 export {};

package/dist/EmptyState.js

@@ -1,18 +1,24 @@
-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 React from 'react';
+void React;
+export function EmptyState(_a) {
+    var { icon, title, description, children = null } = _a, rest = __rest(_a, ["icon", "title", "description", "children"]);
+    return (React.createElement("div", Object.assign({}, rest),
+        React.createElement("div", { className: "flex h-full w-full flex-col items-center justify-center text-center !font-sans" },
+            React.createElement("div", { className: "max-w-sm" },
+                icon && React.createElement("div", { className: "mx-auto !text-gray-400" }, icon),
+                React.createElement("h3", { className: "text-gray-medium mt-2 !font-sans text-sm font-medium" }, title),
+                React.createElement("p", { className: "mt-1 !font-sans text-sm !text-gray-500" }, description),
+                children && React.createElement("div", { className: "mt-4" }, 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":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AASX,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,6CAAS,IAAI;QACX,6BAAK,SAAS,EAAC,gFAAgF;YAC7F,6BAAK,SAAS,EAAC,UAAU;gBACtB,IAAI,IAAI,6BAAK,SAAS,EAAC,wBAAwB,IAAE,IAAI,CAAO;gBAC7D,4BAAI,SAAS,EAAC,sDAAsD,IACjE,KAAK,CACH;gBACL,2BAAG,SAAS,EAAC,wCAAwC,IAClD,WAAW,CACV;gBACH,QAAQ,IAAI,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAC/C,CACF,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/FloatingPanel.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type DraggablePanelProps = {
     children: React.ReactNode;
 };
 export declare function FloatingPanel({ children, }: DraggablePanelProps & {
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export {};

package/dist/FloatingPanel.js

@@ -1,43 +1,36 @@
-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 { useEffect, useRef, useState } from '@wordpress/element';
+import React from 'react';
+void React;
+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 (React.createElement("div", { className: "bb_" },
+        React.createElement("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,
+            React.createElement("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;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAMX,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,6BAAK,SAAS,EAAC,KAAK;QAClB,6BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,uEAAuE,EACjF,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE;YAE3C,QAAQ;YACT,6BACE,SAAS,EAAC,gEAAgE,EAC1E,WAAW,EAAE,aAAa,GACrB,CACH,CACF,CACP,CAAC;AACJ,CAAC"}

package/dist/FocalPointControl.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type FocalPointControlProps = {
     defaultValue: string;
     onValueChange: (value: string) => void;

package/dist/FocalPointControl.js

@@ -1,41 +1,33 @@
-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 { FocalPointPicker } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+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 (React.createElement(Wrap, { className: "relative flex flex-col" },
+        React.createElement(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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAQX,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,oBAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB;QACtC,oBAAC,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,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/Icon.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 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) => React.JSX.Element;
 export {};

package/dist/Icon.js

@@ -1,9 +1,11 @@
-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 React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const Icon = ({ icon: IconComponent, className = '' }) => {
+    if (!IconComponent)
+        return null;
+    return (React.createElement(Wrap, { className: `blockbite--icon` },
+        React.createElement(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,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAOX,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,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB;QAChC,oBAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;QAAC,GAAG,CAEtC,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/LinkPicker.d.ts

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