@blockbite/ui 2.0.7 → 2.0.9

package/dist/SectionList.js

@@ -1,122 +1,61 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@wordpress/components';
+import { useRef, useState } from '@wordpress/element';
+import { Wrap } from './Wrap.js';
+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 (_jsxs(Wrap, { important: true, className: "w-[200px] border-r", children: [_jsxs("ul", { className: "h-[calc(100%-80px)] divide-y overflow-auto", children: [addons, _jsx("li", { children: _jsx("ul", { className: "divide-y border-b", children: sections.map((section, index) => (_jsxs("li", { className: "relative m-0", children: [_jsx("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,
+                                            });
+                                        }, children: section.name }), renameSection.id === section.id && (_jsx(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) }))] }, `section__${index}__${section === null || section === void 0 ? void 0 : section.id}`))) }) })] }), _jsxs(Wrap, { className: "flex justify-center gap-2 p-2", children: [_jsx(Button, { onClick: addSection, icon: _jsx(PlusIcon, {}), variant: "tertiary", size: "compact", children: "Add" }), _jsx(Button, { onClick: removeSection, icon: _jsx(TrashIcon, {}), variant: "tertiary", size: "compact", children: "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":"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"}

package/dist/SelectControlWrapper.js

@@ -1,33 +1,18 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SelectControl as WordpressSelect } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+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 (_jsxs("div", { className: className, children: [options && options.length > 0 && (_jsx(WordpressSelect, { label: label || '', value: value || '', onChange: handleChange, options: [{ value: '', label: 'Select an option' }, ...options] })), !options && _jsx("p", { children: "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;AAWzD,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,eAAK,SAAS,EAAE,SAAS,aACtB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,KAAC,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,EACA,CAAC,OAAO,IAAI,+CAA2B,IACpC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/SingleBlockTypeAppender.js

@@ -1,19 +1,18 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
+import { createBlock } from '@wordpress/blocks';
+import { Button } from '@wordpress/components';
+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 (_jsx(Button, { variant: "primary", onClick: () => addLastDuplicate(), children: 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;AAE/C,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,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,YACxD,UAAU,GACJ,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/SlideIn.d.ts

@@ -3,5 +3,5 @@ type SlideInProps = {
     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) => import("react/jsx-runtime.js").JSX.Element;
 export {};

package/dist/SlideIn.js

@@ -1,28 +1,17 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import { Wrap } from './Wrap.js';
+export const SlideIn = ({ children, watch, className }) => {
+    const [slide, setSlide] = useState(0);
+    useEffect(() => {
+        setTimeout(() => {
+            setSlide(1);
+        }, 250);
+    }, [watch]);
+    return (_jsx(Wrap, { className: classNames(className, 'duration-50 transform transition-all ease-in-out', {
+            'translate-x-0': slide === 1,
+            '-translate-x-full': slide === 0,
+        }), children: 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,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAQjC,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,KAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,kDAAkD,EAClD;YACE,eAAe,EAAE,KAAK,KAAK,CAAC;YAC5B,mBAAmB,EAAE,KAAK,KAAK,CAAC;SACjC,CACF,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/Spinner.js

@@ -1,15 +1,17 @@
-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 { jsx as _jsx } from "react/jsx-runtime";
+import { Spinner as WordpressSpinner } from '@wordpress/components';
+import { useEffect, useState } from '@wordpress/element';
+import classNames from 'classnames';
+export const Spinner = ({ className, defaultValue }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    useEffect(() => {
+        setTimeout(() => {
+            setIsLoading(false);
+        }, 500);
+        if (defaultValue) {
+            setIsLoading(true);
+        }
+    }, [isLoading, defaultValue]);
+    return isLoading && _jsx(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;AAQpC,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,KAAC,gBAAgB,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,GAAI,CAAC;AAC7E,CAAC,CAAC"}

package/dist/Tabs.d.ts

@@ -5,7 +5,7 @@ type TabsProps = {
     onValueChange?: (value: string) => void;
     children?: React.ReactNode;
 };
-export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsWrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime.js").JSX.Element;
 type TabsListProps = {
     options: {
         name: string;
@@ -16,16 +16,16 @@ type TabsListProps = {
     onValueChange?: (value: string) => void;
     className?: string;
 };
-export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsList: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime.js").JSX.Element;
 type TabsContentProps = {
     value: string;
     children: React.ReactNode;
     className?: string;
 };
-export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsContent: ({ value, children, className, }: TabsContentProps) => import("react/jsx-runtime.js").JSX.Element;
 export declare const Tabs: {
-    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-    List: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ value, children, className, }: TabsContentProps) => import("react/jsx-runtime").JSX.Element;
+    Wrapper: ({ children, defaultValue, value, onValueChange, ...rest }: TabsProps) => import("react/jsx-runtime.js").JSX.Element;
+    List: ({ options, children, className, onValueChange, }: TabsListProps) => import("react/jsx-runtime.js").JSX.Element;
+    Content: ({ value, children, className, }: TabsContentProps) => import("react/jsx-runtime.js").JSX.Element;
 };
 export {};

package/dist/Tabs.js

@@ -1,52 +1,54 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { TabPanel as x } from "@wordpress/components";
-import { useState as v, createContext as u, useContext as b } from "@wordpress/element";
-import d from "classnames";
-import { Wrap as m } from "./Wrap.js";
-const i = u(null), f = ({
-  children: s,
-  defaultValue: a,
-  value: t,
-  onValueChange: e,
-  ...n
-}) => {
-  const o = t !== void 0, [c, T] = v(a || ""), p = {
-    activeTab: o ? t : c,
-    setActiveTab: (l) => {
-      o || T(l), e && e(l);
-    }
-  };
-  return /* @__PURE__ */ r.jsx(i.Provider, { value: p, children: /* @__PURE__ */ r.jsx(m, { important: !0, className: n.className, children: s }) });
-}, j = ({
-  options: s,
-  children: a,
-  className: t,
-  onValueChange: e
-}) => {
-  const n = b(i), o = e || n?.setActiveTab;
-  return /* @__PURE__ */ r.jsx(
-    x,
-    {
-      className: d("tabs-list", t),
-      tabs: s,
-      onSelect: (c) => {
-        o(c);
-      },
-      children: () => a
-    }
-  );
-}, C = ({
-  value: s,
-  children: a,
-  className: t
-}) => b(i)?.activeTab === s ? /* @__PURE__ */ r.jsx(m, { className: t, children: a }) : null, E = {
-  Wrapper: f,
-  List: j,
-  Content: C
+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 {
-  E as Tabs,
-  C as TabsContent,
-  j as TabsList,
-  f as TabsWrapper
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TabPanel } from '@wordpress/components';
+import { createContext, useContext, useState } from '@wordpress/element';
+import classNames from 'classnames';
+import { Wrap } from './Wrap.js';
+const TabsContext = createContext(null);
+export const TabsWrapper = (_a) => {
+    var { children, defaultValue, value, onValueChange } = _a, rest = __rest(_a, ["children", "defaultValue", "value", "onValueChange"]);
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = useState(defaultValue || '');
+    const activeTab = isControlled ? value : internalValue;
+    const handleTabChange = (newValue) => {
+        if (!isControlled) {
+            setInternalValue(newValue);
+        }
+        if (onValueChange) {
+            onValueChange(newValue);
+        }
+    };
+    const providerValue = {
+        activeTab,
+        setActiveTab: handleTabChange,
+    };
+    return (_jsx(TabsContext.Provider, { value: providerValue, children: _jsx(Wrap, { important: true, className: rest.className, children: children }) }));
 };
+export const TabsList = ({ options, children, className, onValueChange, }) => {
+    const context = useContext(TabsContext);
+    const setActiveTab = onValueChange ? onValueChange : context === null || context === void 0 ? void 0 : context.setActiveTab;
+    return (_jsx(TabPanel, { className: classNames('tabs-list', className), tabs: options, onSelect: (tabName) => {
+            setActiveTab(tabName);
+        }, children: () => children }));
+};
+export const TabsContent = ({ value, children, className, }) => {
+    const context = useContext(TabsContext);
+    const activeTab = context === null || context === void 0 ? void 0 : context.activeTab;
+    return activeTab === value ? (_jsx(Wrap, { className: className, children: children })) : null;
+};
+export const Tabs = {
+    Wrapper: TabsWrapper,
+    List: TabsList,
+    Content: TabsContent,
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/Tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzE,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,WAAW,GAAG,aAAa,CAGvB,IAAI,CAAC,CAAC;AAUhB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAMhB,EAAE,EAAE;QANY,EAC1B,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,aAAa,OAEH,EADP,IAAI,cALmB,sDAM3B,CADQ;IAEP,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IAEzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;IAEvE,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAEvD,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC7B,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,SAAS;QACT,YAAY,EAAE,eAAe;KAC9B,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,YACxC,KAAC,IAAI,IAAC,SAAS,QAAC,SAAS,EAAE,IAAI,CAAC,SAAS,YACtC,QAAQ,GACJ,GACc,CACxB,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,GACC,EAAE,EAAE;IAClB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC;IAE3E,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAC7C,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;YACpB,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,YAEA,GAAG,EAAE,CAAC,QAAQ,GACN,CACZ,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,SAAS,GACQ,EAAE,EAAE;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC;IAErC,OAAO,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,CAC3B,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,CAC9C,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;CACrB,CAAC"}

package/dist/Tag.js

@@ -1,11 +1,6 @@
-import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import m from "classnames";
-const n = ({
-  children: r,
-  onClick: t,
-  color: o = "blue",
-  className: e
-}) => /* @__PURE__ */ s.jsx("button", { onClick: t, children: /* @__PURE__ */ s.jsx("div", { color: o, className: m(e), children: r }) });
-export {
-  n as Tag
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const Tag = ({ children, onClick, color = 'blue', className, }) => {
+    return (_jsx("button", { onClick: onClick, children: _jsx("div", { color: color, className: classNames(className), children: children }) }));
 };
+//# sourceMappingURL=Tag.js.map

package/dist/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../src/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AA8BpC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,MAAM,EACd,SAAS,GACA,EAAE,EAAE;IACb,OAAO,CACL,iBAAQ,OAAO,EAAE,OAAO,YACtB,cAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,YAChD,QAAQ,GACL,GACC,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/TextControl.js

@@ -1,51 +1,17 @@
-import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
-import { forwardRef as j } from "@wordpress/element";
-import i from "classnames";
-import { Wrap as N } from "./Wrap.js";
-const g = j(
-  ({
-    onClick: t,
-    onChange: o,
-    className: x,
-    defaultValue: l,
-    children: p,
-    inputClassName: d,
-    readOnly: c,
-    placeholder: u,
-    onBlur: s,
-    type: f = "text",
-    label: m,
-    helper: a = ""
-  }, b) => {
-    const n = `text-control-${Math.random().toString(36).substring(2, 15)}`;
-    return /* @__PURE__ */ r.jsxs(N, { className: i("flex items-center p-0", x), children: [
-      m ? /* @__PURE__ */ r.jsx("label", { htmlFor: n, className: "text-primary !m-0 !mb-0 !mr-2", children: m }) : null,
-      /* @__PURE__ */ r.jsx(
-        "input",
-        {
-          id: n,
-          className: i(
-            "border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0",
-            d
-          ),
-          type: f,
-          value: l,
-          placeholder: u,
-          onFocus: () => t && t(),
-          onBlur: (e) => {
-            t && t(), s && s(e.target.value);
-          },
-          onChange: (e) => o && o(e.target.value),
-          readOnly: c,
-          ref: b
-        }
-      ),
-      /* @__PURE__ */ r.jsx("span", { children: p }),
-      a && /* @__PURE__ */ r.jsx("p", { className: "text-primary !m-0 !mb-0 text-xs", children: a })
-    ] });
-  }
-);
-g.displayName = "TextControl";
-export {
-  g as TextControl
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from '@wordpress/element';
+import classNames from 'classnames';
+import { Wrap } from './Wrap.js';
+export const TextControl = forwardRef(({ onClick, onChange, className, defaultValue, children, inputClassName, readOnly, placeholder, onBlur, type = 'text', label, helper = '', }, ref) => {
+    const fieldId = `text-control-${Math.random()
+        .toString(36)
+        .substring(2, 15)}`;
+    return (_jsxs(Wrap, { className: classNames('flex items-center p-0', className), children: [label ? (_jsx("label", { htmlFor: fieldId, className: "text-primary !m-0 !mb-0 !mr-2", children: label })) : null, _jsx("input", { id: fieldId, className: classNames('border-primary !m-0 !mb-0 h-[32px] !rounded-none border border-opacity-70 focus:outline-none focus:ring-0', inputClassName), type: type, value: defaultValue, placeholder: placeholder, onFocus: () => onClick && onClick(), onBlur: (e) => {
+                    if (onClick)
+                        onClick();
+                    if (onBlur)
+                        onBlur(e.target.value);
+                }, onChange: (e) => onChange && onChange(e.target.value), readOnly: readOnly, ref: ref }), _jsx("span", { children: children }), helper && _jsx("p", { className: "text-primary !m-0 !mb-0 text-xs", children: helper })] }));
+});
+TextControl.displayName = 'TextControl'; // Recommended for debugging
+//# sourceMappingURL=TextControl.js.map

package/dist/TextControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextControl.js","sourceRoot":"","sources":["../src/TextControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAiBjC,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,IAAI,GAAG,MAAM,EACb,KAAK,EACL,MAAM,GAAG,EAAE,GACZ,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,gBAAgB,IAAI,CAAC,MAAM,EAAE;SAC1C,QAAQ,CAAC,EAAE,CAAC;SACZ,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IAEtB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAC5D,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,+BAA+B,YAC/D,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,gBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,UAAU,CACnB,2GAA2G,EAC3G,cAAc,CACf,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,EAAE,EACnC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,IAAI,OAAO;wBAAE,OAAO,EAAE,CAAC;oBACvB,IAAI,MAAM;wBAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACrC,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,GACR,EACF,yBAAO,QAAQ,GAAQ,EACtB,MAAM,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,MAAM,GAAK,IACjE,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,CAAC,4BAA4B"}