@blockbite/ui 2.0.7 → 2.0.10

package/dist/ResponsiveImage.js

@@ -1,37 +1,19 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-function f(n) {
-  const { media: r, mediaClass: e } = n, { url: m, alt: i, sizes: c } = r;
-  if (c === void 0)
-    return /* @__PURE__ */ s.jsx("img", { src: m, alt: i, className: `bf_media ${e}` });
-  const { thumbnail: d, medium: o, large: u } = c, t = d || m, a = o || m, l = u || m;
-  return /* @__PURE__ */ s.jsxs("picture", { className: "bf_responsive-media", children: [
-    t ? /* @__PURE__ */ s.jsx(
-      "source",
-      {
-        media: "(max-width: 768px)",
-        srcSet: t,
-        className: `bf_media ${e}`
-      }
-    ) : null,
-    a ? /* @__PURE__ */ s.jsx(
-      "source",
-      {
-        media: "(min-width: 1024px)",
-        srcSet: a,
-        className: `bf_media ${e}`
-      }
-    ) : null,
-    l ? /* @__PURE__ */ s.jsx(
-      "source",
-      {
-        media: "(min-width: 1536px)",
-        srcSet: l,
-        className: `bf_media ${e}`
-      }
-    ) : null,
-    a ? /* @__PURE__ */ s.jsx("img", { src: a, alt: i, className: `bf_media ${e}` }) : null
-  ] });
+import React from 'react';
+void React;
+export function ResponsiveImage(props) {
+    const { media, mediaClass } = props;
+    const { url, alt, sizes } = media;
+    if (sizes === undefined) {
+        return React.createElement("img", { src: url, alt: alt, className: `bf_media ${mediaClass}` });
+    }
+    const { thumbnail, medium, large } = sizes;
+    const thumbnailImg = thumbnail || url;
+    const mediumImg = medium || url;
+    const largeImg = large || url;
+    return (React.createElement("picture", { className: "bf_responsive-media" },
+        thumbnailImg ? (React.createElement("source", { media: "(max-width: 768px)", srcSet: thumbnailImg, className: `bf_media ${mediaClass}` })) : null,
+        mediumImg ? (React.createElement("source", { media: "(min-width: 1024px)", srcSet: mediumImg, className: `bf_media ${mediaClass}` })) : null,
+        largeImg ? (React.createElement("source", { media: "(min-width: 1536px)", srcSet: largeImg, className: `bf_media ${mediaClass}` })) : null,
+        mediumImg ? (React.createElement("img", { src: mediumImg, alt: alt, className: `bf_media ${mediaClass}` })) : null));
 }
-export {
-  f as ResponsiveImage
-};
+//# sourceMappingURL=ResponsiveImage.js.map

package/dist/ResponsiveImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../src/ResponsiveImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AACX,MAAM,UAAU,eAAe,CAAC,KAAK;IACnC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,UAAU,EAAE,GAAI,CAAC;IAC1E,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,YAAY,GAAG,SAAS,IAAI,GAAG,CAAC;IACtC,MAAM,SAAS,GAAG,MAAM,IAAI,GAAG,CAAC;IAChC,MAAM,QAAQ,GAAG,KAAK,IAAI,GAAG,CAAC;IAE9B,OAAO,CACL,iCAAS,SAAS,EAAC,qBAAqB;QACrC,YAAY,CAAC,CAAC,CAAC,CACd,gCACE,KAAK,EAAC,oBAAoB,EAC1B,MAAM,EAAE,YAAY,EACpB,SAAS,EAAE,YAAY,UAAU,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI;QACP,SAAS,CAAC,CAAC,CAAC,CACX,gCACE,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,YAAY,UAAU,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ,CAAC,CAAC,CAAC,CACV,gCACE,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,YAAY,UAAU,EAAE,GACnC,CACH,CAAC,CAAC,CAAC,IAAI;QACP,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,UAAU,EAAE,GAAI,CACvE,CAAC,CAAC,CAAC,IAAI,CACA,CACX,CAAC;AACJ,CAAC"}

package/dist/ResponsiveVideo.d.ts

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

package/dist/ResponsiveVideo.js

@@ -1,20 +1,10 @@
-import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-function u(o) {
-  const { media: s, mediaClass: r } = o, { url: t } = s, n = t;
-  return /* @__PURE__ */ e.jsx(
-    "video",
-    {
-      className: `bf_responsive-media ${r}`,
-      preload: "none",
-      playsInline: !0,
-      controls: !0,
-      autoPlay: !0,
-      muted: !0,
-      loop: !0,
-      children: /* @__PURE__ */ e.jsx("source", { src: n, type: "video/mp4" })
-    }
-  );
+import React from 'react';
+void React;
+export function ResponsiveVideo(props) {
+    const { media, mediaClass } = props;
+    const { url } = media;
+    const videoUrl = url;
+    return (React.createElement("video", { className: `bf_responsive-media ${mediaClass}`, preload: "none", playsInline: true, controls: true, autoPlay: true, muted: true, loop: true },
+        React.createElement("source", { src: videoUrl, type: "video/mp4" })));
 }
-export {
-  u as ResponsiveVideo
-};
+//# sourceMappingURL=ResponsiveVideo.js.map

package/dist/ResponsiveVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveVideo.js","sourceRoot":"","sources":["../src/ResponsiveVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AACX,MAAM,UAAU,eAAe,CAAC,KAAU;IACxC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAEtB,MAAM,QAAQ,GAAG,GAAG,CAAC;IAErB,OAAO,CACL,+BACE,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,OAAO,EAAC,MAAM,EACd,WAAW,QACX,QAAQ,QACR,QAAQ,QACR,KAAK,QACL,IAAI;QAEJ,gCAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,WAAW,GAAG,CACpC,CACT,CAAC;AACJ,CAAC"}

package/dist/ScrollList.d.ts

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

package/dist/ScrollList.js

@@ -1,21 +1,10 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import m from "classnames";
-import { Wrap as a } from "./Wrap.js";
-const x = ({
-  children: l,
-  className: o = "",
-  height: r = "large"
-}) => /* @__PURE__ */ s.jsx(
-  a,
-  {
-    className: m("scrollbar relative overflow-y-scroll", o, {
-      "h-[400px]": r === "large",
-      "h-[300px]": r === "medium",
-      "h-[200px]": r === "small"
-    }),
-    children: l
-  }
-);
-export {
-  x as ScrollList
-};
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const ScrollList = ({ children, className = '', height = 'large', }) => (React.createElement(Wrap, { className: classNames('scrollbar relative overflow-y-scroll', className, {
+        'h-[400px]': height === 'large',
+        'h-[300px]': height === 'medium',
+        'h-[200px]': height === 'small',
+    }) }, children));
+//# sourceMappingURL=ScrollList.js.map

package/dist/ScrollList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollList.js","sourceRoot":"","sources":["../src/ScrollList.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,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,OAAO,GACjB,EAAE,EAAE,CAAC,CACJ,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CAAC,sCAAsC,EAAE,SAAS,EAAE;QACvE,WAAW,EAAE,MAAM,KAAK,OAAO;QAC/B,WAAW,EAAE,MAAM,KAAK,QAAQ;QAChC,WAAW,EAAE,MAAM,KAAK,OAAO;KAChC,CAAC,IAED,QAAQ,CACJ,CACR,CAAC"}

package/dist/SectionList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type SectionTypeProps = {
     id: string;
     name: string;
@@ -15,5 +16,5 @@ type SectionListProps = {
     setCode: (code: string) => void;
     addons?: JSX.Element;
 };
-export declare const SectionList: ({ sections, setSections, activeSection, setActiveSection, Update, newSection, setCode, addons, }: SectionListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionList: ({ sections, setSections, activeSection, setActiveSection, Update, newSection, setCode, addons, }: SectionListProps) => React.JSX.Element;
 export default SectionList;

package/dist/SectionList.js

@@ -1,122 +1,71 @@
-import { j as t } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { Button as c } from "@wordpress/components";
-import { useState as w, useRef as v } from "@wordpress/element";
-import { Wrap as u } from "./Wrap.js";
-import { Plus as C, Trash as R } from "@blockbite/icons";
-import k from "classnames";
-import { TextControl as _ } from "./TextControl.js";
-const D = ({
-  sections: a,
-  setSections: d,
-  activeSection: n,
-  setActiveSection: m,
-  Update: x,
-  newSection: s,
-  setCode: f,
-  addons: p
-}) => {
-  const [i, o] = w({
-    id: "",
-    name: ""
-  }), h = v(null), j = () => {
-    const e = { ...s() };
-    d([...a, e]);
-  }, b = () => {
-    if (!n || a.length === 0) return;
-    const e = a.filter(
-      (r) => r.id !== n
-    );
-    let l = null;
-    if (e.length > 0) {
-      const r = a.findIndex((g) => g.id === n), N = Math.min(r, e.length - 1);
-      l = e[N]?.id || e[0]?.id;
-    } else {
-      const r = { ...s() };
-      e.push(r), l = r.id;
-    }
-    d(e), m(l), f(e.find((r) => r.id === l)?.code || "");
-  }, y = (e) => {
-    d(
-      (l) => l.map(
-        (r) => r.id === i.id ? { ...r, name: e } : r
-      )
-    ), o({
-      id: "",
-      name: ""
+import { Button } from '@wordpress/components';
+import { useRef, useState } from '@wordpress/element';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+import { Plus as PlusIcon, Trash as TrashIcon } from '@blockbite/icons';
+import classNames from 'classnames';
+import { TextControl } from './TextControl.js';
+export const SectionList = ({ sections, setSections, activeSection, setActiveSection, Update, newSection, setCode, addons, }) => {
+    const [renameSection, setRenameSection] = useState({
+        id: '',
+        name: '',
     });
-  };
-  return /* @__PURE__ */ t.jsxs(u, { important: !0, className: "w-[200px] border-r", children: [
-    /* @__PURE__ */ t.jsxs("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto", children: [
-      p,
-      /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx("ul", { className: "divide-y border-b", children: a.map((e, l) => /* @__PURE__ */ t.jsxs(
-        "li",
-        {
-          className: "relative m-0",
-          children: [
-            /* @__PURE__ */ t.jsx(
-              "button",
-              {
-                className: k(
-                  "text-gray-medium w-full truncate bg-opacity-50 px-3 py-2 text-left text-sm/6 font-semibold hover:bg-easy hover:text-wordpress",
-                  {
-                    "bg-easy": e.id === n
-                  }
-                ),
-                onClick: () => {
-                  m(e.id), x(n, e.id);
-                },
-                onDoubleClick: () => {
-                  o({
-                    id: e.id,
-                    name: e.name
-                  });
-                },
-                children: e.name
-              }
-            ),
-            i.id === e.id && /* @__PURE__ */ t.jsx(
-              _,
-              {
-                className: "absolute left-0 top-0 h-full w-full",
-                defaultValue: i.name,
-                onChange: (r) => o({
-                  ...i,
-                  name: r
-                }),
-                ref: h,
-                onBlur: (r) => y(r)
-              }
-            )
-          ]
-        },
-        `section__${l}__${e?.id}`
-      )) }) })
-    ] }),
-    /* @__PURE__ */ t.jsxs(u, { className: "flex justify-center gap-2 p-2", children: [
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          onClick: j,
-          icon: /* @__PURE__ */ t.jsx(C, {}),
-          variant: "tertiary",
-          size: "compact",
-          children: "Add"
+    const textFieldRef = useRef(null);
+    const addSection = () => {
+        const createNewSection = Object.assign({}, newSection());
+        setSections([...sections, createNewSection]);
+    };
+    const removeSection = () => {
+        var _a, _b, _c;
+        if (!activeSection || sections.length === 0)
+            return;
+        const newSections = sections.filter((section) => section.id !== activeSection);
+        let newActiveSection = null;
+        if (newSections.length > 0) {
+            // If we're not deleting the last section
+            const currentIndex = sections.findIndex((s) => s.id === activeSection);
+            const nextIndex = Math.min(currentIndex, newSections.length - 1);
+            newActiveSection = ((_a = newSections[nextIndex]) === null || _a === void 0 ? void 0 : _a.id) || ((_b = newSections[0]) === null || _b === void 0 ? void 0 : _b.id);
         }
-      ),
-      /* @__PURE__ */ t.jsx(
-        c,
-        {
-          onClick: b,
-          icon: /* @__PURE__ */ t.jsx(R, {}),
-          variant: "tertiary",
-          size: "compact",
-          children: "Remove"
+        else {
+            // If we're deleting the last section, create a new one
+            const createNewSection = Object.assign({}, newSection());
+            newSections.push(createNewSection);
+            newActiveSection = createNewSection.id;
         }
-      )
-    ] })
-  ] });
-};
-export {
-  D as SectionList,
-  D as default
+        setSections(newSections);
+        setActiveSection(newActiveSection);
+        setCode(((_c = newSections.find((s) => s.id === newActiveSection)) === null || _c === void 0 ? void 0 : _c.code) || '');
+    };
+    const onBlurHandler = (value) => {
+        setSections((prevSections) => prevSections.map((section) => section.id === renameSection.id
+            ? Object.assign(Object.assign({}, section), { name: value }) : section));
+        setRenameSection({
+            id: '',
+            name: '',
+        });
+    };
+    return (React.createElement(Wrap, { important: true, className: "w-[200px] border-r" },
+        React.createElement("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto" },
+            addons,
+            React.createElement("li", null,
+                React.createElement("ul", { className: "divide-y border-b" }, sections.map((section, index) => (React.createElement("li", { key: `section__${index}__${section === null || section === void 0 ? void 0 : section.id}`, className: "relative m-0" },
+                    React.createElement("button", { className: classNames('text-gray-medium w-full truncate bg-opacity-50 px-3 py-2 text-left text-sm/6 font-semibold hover:bg-easy hover:text-wordpress', {
+                            'bg-easy': section.id === activeSection,
+                        }), onClick: () => {
+                            setActiveSection(section.id);
+                            Update(activeSection, section.id);
+                        }, onDoubleClick: () => {
+                            setRenameSection({
+                                id: section.id,
+                                name: section.name,
+                            });
+                        } }, section.name),
+                    renameSection.id === section.id && (React.createElement(TextControl, { className: "absolute left-0 top-0 h-full w-full", defaultValue: renameSection.name, onChange: (value) => setRenameSection(Object.assign(Object.assign({}, renameSection), { name: value })), ref: textFieldRef, onBlur: (value) => onBlurHandler(value) })))))))),
+        React.createElement(Wrap, { className: "flex justify-center gap-2 p-2" },
+            React.createElement(Button, { onClick: addSection, icon: React.createElement(PlusIcon, null), variant: "tertiary", size: "compact" }, "Add"),
+            React.createElement(Button, { onClick: removeSection, icon: React.createElement(TrashIcon, null), variant: "tertiary", size: "compact" }, "Remove"))));
 };
+export default SectionList;
+//# sourceMappingURL=SectionList.js.map

package/dist/SectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionList.js","sourceRoot":"","sources":["../src/SectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,KAAK,KAAK,CAAC;AAEX,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAqB/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,OAAO,EACP,MAAM,GACW,EAAE,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC;QACjD,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,EAAE;KACT,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,gBAAgB,qBAAQ,UAAU,EAAE,CAAE,CAAC;QAC7C,WAAW,CAAC,CAAC,GAAG,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;;QACzB,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAEpD,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CACjC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,aAAa,CAC1C,CAAC;QAEF,IAAI,gBAAgB,GAAG,IAAI,CAAC;QAE5B,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,yCAAyC;YACzC,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC;YACvE,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACjE,gBAAgB,GAAG,CAAA,MAAA,WAAW,CAAC,SAAS,CAAC,0CAAE,EAAE,MAAI,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,EAAE,CAAA,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,uDAAuD;YACvD,MAAM,gBAAgB,qBAAQ,UAAU,EAAE,CAAE,CAAC;YAC7C,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACnC,gBAAgB,GAAG,gBAAgB,CAAC,EAAE,CAAC;QACzC,CAAC;QAED,WAAW,CAAC,WAAW,CAAC,CAAC;QACzB,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QACnC,OAAO,CAAC,CAAA,MAAA,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,gBAAgB,CAAC,0CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE;QAC9B,WAAW,CAAC,CAAC,YAAgC,EAAE,EAAE,CAC/C,YAAY,CAAC,GAAG,CACd,CAAC,OAAyB,EAAoB,EAAE,CAC9C,OAAO,CAAC,EAAE,KAAK,aAAa,CAAC,EAAE;YAC7B,CAAC,iCAAM,OAAO,KAAE,IAAI,EAAE,KAAK,IAC3B,CAAC,CAAC,OAAO,CACd,CACF,CAAC;QAEF,gBAAgB,CAAC;YACf,EAAE,EAAE,EAAE;YACN,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,QAAC,SAAS,EAAC,oBAAoB;QAC5C,4BAAI,SAAS,EAAC,4CAA4C;YACvD,MAAM;YACP;gBACE,4BAAI,SAAS,EAAC,mBAAmB,IAC9B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,4BACE,GAAG,EAAE,YAAY,KAAK,KAAK,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,EAAE,EACxC,SAAS,EAAC,cAAc;oBAExB,gCACE,SAAS,EAAE,UAAU,CACnB,+HAA+H,EAC/H;4BACE,SAAS,EAAE,OAAO,CAAC,EAAE,KAAK,aAAa;yBACxC,CACF,EACD,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;4BAC7B,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;wBACpC,CAAC,EACD,aAAa,EAAE,GAAG,EAAE;4BAClB,gBAAgB,CAAC;gCACf,EAAE,EAAE,OAAO,CAAC,EAAE;gCACd,IAAI,EAAE,OAAO,CAAC,IAAI;6BACnB,CAAC,CAAC;wBACL,CAAC,IAEA,OAAO,CAAC,IAAI,CACN;oBAER,aAAa,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,IAAI,CAClC,oBAAC,WAAW,IACV,SAAS,EAAC,qCAAqC,EAC/C,YAAY,EAAE,aAAa,CAAC,IAAI,EAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAClB,gBAAgB,iCACX,aAAa,KAChB,IAAI,EAAE,KAAK,IACX,EAEJ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACvC,CACH,CACE,CACN,CAAC,CACC,CACF,CACF;QACL,oBAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B;YAC7C,oBAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,IAAI,EAAE,oBAAC,QAAQ,OAAG,EAClB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,SAAS,UAGP;YACT,oBAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,oBAAC,SAAS,OAAG,EACnB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,SAAS,aAGP,CACJ,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/SelectControlWrapper.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type SelectControlWrapperProps = {
     className?: string;
     defaultValue: string;
@@ -6,5 +7,5 @@ type SelectControlWrapperProps = {
     label?: string;
     onChange?: (value: string) => void;
 };
-export declare const SelectControlWrapper: ({ onChange, className, defaultValue, options, label, }: SelectControlWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectControlWrapper: ({ onChange, className, defaultValue, options, label, }: SelectControlWrapperProps) => React.JSX.Element;
 export {};

package/dist/SelectControlWrapper.js

@@ -1,33 +1,21 @@
-import { j as t } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { SelectControl as p } from "@wordpress/components";
-import { useState as u, useEffect as m } from "@wordpress/element";
-const j = ({
-  onChange: l,
-  className: a,
-  defaultValue: n,
-  options: e,
-  label: s = ""
-}) => {
-  const [c, o] = u("");
-  m(() => {
-    o(n);
-  }, []);
-  const i = (r) => {
-    o(r), l && l(r);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: a, children: [
-    e && e.length > 0 && /* @__PURE__ */ t.jsx(
-      p,
-      {
-        label: s || "",
-        value: c || "",
-        onChange: i,
-        options: [{ value: "", label: "Select an option" }, ...e]
-      }
-    ),
-    !e && /* @__PURE__ */ t.jsx("p", { children: "No options available" })
-  ] });
-};
-export {
-  j as SelectControlWrapper
+import { SelectControl as WordpressSelect } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import React from 'react';
+void React;
+export const SelectControlWrapper = ({ onChange, className, defaultValue, options, label = '', }) => {
+    const [value, setValue] = useState('');
+    useEffect(() => {
+        setValue(defaultValue);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const handleChange = (val) => {
+        setValue(val);
+        if (onChange) {
+            onChange(val);
+        }
+    };
+    return (React.createElement("div", { className: className },
+        options && options.length > 0 && (React.createElement(WordpressSelect, { label: label || '', value: value || '', onChange: handleChange, options: [{ value: '', label: 'Select an option' }, ...options] })),
+        !options && React.createElement("p", null, "No options available")));
 };
+//# sourceMappingURL=SelectControlWrapper.js.map

package/dist/SelectControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectControlWrapper.js","sourceRoot":"","sources":["../src/SelectControlWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAWX,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,EACP,KAAK,GAAG,EAAE,GACgB,EAAE,EAAE;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;QACvB,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,GAAG,OAAO,CAAC,GAC/D,CACH;QACA,CAAC,OAAO,IAAI,sDAA2B,CACpC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/SingleBlockTypeAppender.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface SingleBlockTypeAppenderProps {
     buttonText?: string;
 }
-export declare const SingleBlockTypeAppender: ({ buttonText, }: SingleBlockTypeAppenderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleBlockTypeAppender: ({ buttonText, }: SingleBlockTypeAppenderProps) => React.JSX.Element;
 export {};

package/dist/SingleBlockTypeAppender.js

@@ -1,19 +1,19 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { createBlock as i } from "@wordpress/blocks";
-import { Button as a } from "@wordpress/components";
-const { select: k, dispatch: d } = wp.data, u = ({
-  buttonText: c = "Add block"
-}) => {
-  const e = () => {
-    const r = k("core/block-editor").getSelectedBlock(), { clientId: n, innerBlocks: o } = r, t = o[o.length - 1], l = i(
-      t.name,
-      t.attributes,
-      t.innerBlocks
-    );
-    d("core/block-editor").insertBlocks(l, 0, n);
-  };
-  return /* @__PURE__ */ s.jsx(a, { variant: "primary", onClick: () => e(), children: c });
-};
-export {
-  u as SingleBlockTypeAppender
+import { createBlock } from '@wordpress/blocks';
+import { Button } from '@wordpress/components';
+import React from 'react';
+void React;
+const { select, dispatch } = wp.data;
+export const SingleBlockTypeAppender = ({ buttonText = 'Add block', }) => {
+    const addLastDuplicate = () => {
+        // Get the current block
+        const currentBlock = select('core/block-editor').getSelectedBlock();
+        const { clientId, innerBlocks } = currentBlock;
+        // get the last block
+        const lastBlock = innerBlocks[innerBlocks.length - 1];
+        // duplicate the last block
+        const newBlock = createBlock(lastBlock.name, lastBlock.attributes, lastBlock.innerBlocks);
+        dispatch('core/block-editor').insertBlocks(newBlock, 0, clientId);
+    };
+    return (React.createElement(Button, { variant: "primary", onClick: () => addLastDuplicate() }, buttonText));
 };
+//# sourceMappingURL=SingleBlockTypeAppender.js.map

package/dist/SingleBlockTypeAppender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleBlockTypeAppender.js","sourceRoot":"","sources":["../src/SingleBlockTypeAppender.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAEX,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC;AAMrC,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,UAAU,GAAG,WAAW,GACK,EAAE,EAAE;IACjC,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,wBAAwB;QACxB,MAAM,YAAY,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACpE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;QAE/C,qBAAqB;QACrB,MAAM,SAAS,GAAG,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtD,2BAA2B;QAC3B,MAAM,QAAQ,GAAG,WAAW,CAC1B,SAAS,CAAC,IAAI,EACd,SAAS,CAAC,UAAU,EACpB,SAAS,CAAC,WAAW,CACtB,CAAC;QAEF,QAAQ,CAAC,mBAAmB,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,IACxD,UAAU,CACJ,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/SlideIn.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type SlideInProps = {
     children: React.ReactNode;
     className?: string;
     watch?: any;
 };
-export declare const SlideIn: ({ children, watch, className }: SlideInProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SlideIn: ({ children, watch, className }: SlideInProps) => React.JSX.Element;
 export {};

package/dist/SlideIn.js

@@ -1,28 +1,18 @@
-import { j as a } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { useState as i, useEffect as m } from "@wordpress/element";
-import n from "classnames";
-import { Wrap as l } from "./Wrap.js";
-const c = ({ children: s, watch: e, className: r }) => {
-  const [t, o] = i(0);
-  return m(() => {
-    setTimeout(() => {
-      o(1);
-    }, 250);
-  }, [e]), /* @__PURE__ */ a.jsx(
-    l,
-    {
-      className: n(
-        r,
-        "duration-50 transform transition-all ease-in-out",
-        {
-          "translate-x-0": t === 1,
-          "-translate-x-full": t === 0
-        }
-      ),
-      children: s
-    }
-  );
-};
-export {
-  c as SlideIn
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+import { Wrap } from './Wrap.js';
+void React;
+export const SlideIn = ({ children, watch, className }) => {
+    const [slide, setSlide] = useState(0);
+    useEffect(() => {
+        setTimeout(() => {
+            setSlide(1);
+        }, 250);
+    }, [watch]);
+    return (React.createElement(Wrap, { className: classNames(className, 'duration-50 transform transition-all ease-in-out', {
+            'translate-x-0': slide === 1,
+            '-translate-x-full': slide === 0,
+        }) }, children));
 };
+//# sourceMappingURL=SlideIn.js.map

package/dist/SlideIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideIn.js","sourceRoot":"","sources":["../src/SlideIn.tsx"],"names":[],"mappings":"AAAA,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;AAQX,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAgB,EAAE,EAAE;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,kDAAkD,EAClD;YACE,eAAe,EAAE,KAAK,KAAK,CAAC;YAC5B,mBAAmB,EAAE,KAAK,KAAK,CAAC;SACjC,CACF,IAEA,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/Spinner.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 type SpinnerProps = {
     label?: string;
     className?: string;
     defaultValue: boolean;
 };
-export declare const Spinner: ({ className, defaultValue }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spinner: ({ className, defaultValue }: SpinnerProps) => React.JSX.Element;
 export {};

package/dist/Spinner.js

@@ -1,15 +1,18 @@
-import { j as o } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { Spinner as i } from "@wordpress/components";
-import { useState as m, useEffect as n } from "@wordpress/element";
-import a from "classnames";
-const x = ({ className: t, defaultValue: s }) => {
-  const [e, r] = m(!1);
-  return n(() => {
-    setTimeout(() => {
-      r(!1);
-    }, 500), s && r(!0);
-  }, [e, s]), e && /* @__PURE__ */ o.jsx(i, { className: a(t) });
-};
-export {
-  x as Spinner
+import { Spinner as WordpressSpinner } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import React from 'react';
+void React;
+export const Spinner = ({ className, defaultValue }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        setTimeout(() => {
+            setIsLoading(false);
+        }, 500);
+        if (defaultValue) {
+            setIsLoading(true);
+        }
+    }, [isLoading, defaultValue]);
+    return isLoading && React.createElement(WordpressSpinner, { className: classNames(className) });
 };
+//# sourceMappingURL=Spinner.js.map

package/dist/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,KAAK,KAAK,CAAC;AAQX,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAgB,EAAE,EAAE;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,OAAO,SAAS,IAAI,oBAAC,gBAAgB,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC,CAAC"}