@blockbite/ui 2.0.1 → 2.0.4

package/dist/MetricsControl.js

@@ -1,77 +1,76 @@
-import { j as e } from "./node_modules/react/jsx-runtime.js";
-import S from "./ButtonToggle.js";
+import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { useState as a, useEffect as d } from "@wordpress/element";
+import h from "./ButtonToggle.js";
 import { DropdownPicker as C } from "./DropdownPicker.js";
 import { Popover as P } from "./Popover.js";
 import w from "./RangeSlider.js";
-import { TextControl as I } from "./TextControl.js";
-import { Wrap as N } from "./Wrap.js";
-import { useState as a, useEffect as d } from "@wordpress/element";
-import k from "./node_modules/@blockbite/icons/dist/ColumnSpacing.js";
-import O from "./node_modules/@blockbite/icons/dist/Desktop.js";
-import T from "./node_modules/@blockbite/icons/dist/Grid.js";
-import R from "./node_modules/@blockbite/icons/dist/Percentage.js";
-import G from "./node_modules/@blockbite/icons/dist/Slider.js";
-import A from "./node_modules/@blockbite/icons/dist/Tailwind.js";
-import D from "./node_modules/lodash/has.js";
-const X = ({
+import { TextControl as N } from "./TextControl.js";
+import { Wrap as k } from "./Wrap.js";
+import O from "./packages/icons/jsx/ColumnSpacing.js";
+import T from "./packages/icons/jsx/Desktop.js";
+import R from "./packages/icons/jsx/Grid.js";
+import G from "./packages/icons/jsx/Percentage.js";
+import A from "./packages/icons/jsx/Slider.js";
+import D from "./packages/icons/jsx/Tailwind.js";
+const L = ({
   defaultUnit: l,
   defaultValue: n,
-  onValueChange: o,
+  onValueChange: t,
   onUnitChange: g,
   inputClassName: j = "w-[75px]"
 }) => {
-  const [c, m] = a(!1), [v, b] = a([]), [s, f] = a(l), [t, i] = a(""), [x, h] = a(n);
+  const [m, c] = a(!1), [v, b] = a([]), [s, f] = a(l), [o, i] = a(""), [x, y] = a(n);
   d(() => {
     l && f(l), n && i(n.toString());
   }, [l, n]), d(() => {
-    !c && s === "arbitrary" && h(t);
-  }, [c]);
+    !m && s === "arbitrary" && y(o);
+  }, [m]);
   const u = (r) => {
-    if (r !== "arbitrary" && D(bb.codex.units.spacing, r)) {
+    if (r !== "arbitrary" && bb?.codex?.units?.spacing?.[r]) {
       const p = bb.codex.units.spacing[r];
       b(
         Array.isArray(p) ? p : Object.keys(p)
       );
     } else
       b([]);
-    m(!0);
-  }, y = [
+    c(!0);
+  }, S = [
     {
-      icon: /* @__PURE__ */ e.jsx(A, {}),
+      icon: /* @__PURE__ */ e.jsx(D, {}),
       label: "Tailwind CSS Units",
       value: "native"
     },
-    { icon: /* @__PURE__ */ e.jsx(R, {}), label: "Percentage Units", value: "percent" },
-    { icon: /* @__PURE__ */ e.jsx(T, {}), label: "Grid Units", value: "grid" },
-    { icon: /* @__PURE__ */ e.jsx(O, {}), label: "Screen Units", value: "screen" },
-    { icon: /* @__PURE__ */ e.jsx(G, {}), label: "Pixel Units", value: "arbitrary" },
-    { icon: /* @__PURE__ */ e.jsx(k, {}), label: "Fluid Units", value: "fluid" }
+    { icon: /* @__PURE__ */ e.jsx(G, {}), label: "Percentage Units", value: "percent" },
+    { icon: /* @__PURE__ */ e.jsx(R, {}), label: "Grid Units", value: "grid" },
+    { icon: /* @__PURE__ */ e.jsx(T, {}), label: "Screen Units", value: "screen" },
+    { icon: /* @__PURE__ */ e.jsx(A, {}), label: "Pixel Units", value: "arbitrary" },
+    { icon: /* @__PURE__ */ e.jsx(O, {}), label: "Fluid Units", value: "fluid" }
   ];
-  return /* @__PURE__ */ e.jsx(N, { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ e.jsxs(
-    I,
+  return /* @__PURE__ */ e.jsx(k, { className: "relative flex flex-col items-baseline", children: /* @__PURE__ */ e.jsxs(
+    N,
     {
       inputClassName: j,
       defaultValue: (
         // Remove the "b_" prefix for grid units
-        s === "grid" ? t.replace("b_", "") : t
+        s === "grid" ? o.replace("b_", "") : o
       ),
       onClick: () => s !== "arbitrary" && u(s),
       onChange: (r) => {
-        i(r), o(r);
+        i(r), t(r);
       },
       readOnly: s !== "arbitrary",
       children: [
         /* @__PURE__ */ e.jsx(
           P,
           {
-            visible: c,
+            visible: m,
             position: "bottom left",
             className: "w-[300px] bg-white shadow-sm",
-            onVisibleChange: m,
+            onVisibleChange: c,
             children: s === "arbitrary" ? /* @__PURE__ */ e.jsx(
               w,
               {
-                defaultValue: t,
+                defaultValue: o,
                 label: "Pixel Value",
                 min: 0,
                 max: 100,
@@ -80,24 +79,24 @@ const X = ({
                 allowReset: !0,
                 resetFallbackValue: isNaN(x.toString()) ? 0 : Number(x) / 16,
                 onValueChange: (r) => {
-                  i(r), o(r);
+                  i(r), t(r);
                 }
               }
             ) : /* @__PURE__ */ e.jsx(
-              S,
+              h,
               {
                 className: "mt-4",
                 options: v.map((r) => ({
                   value: r,
                   label: s === "grid" ? r.toString().replace("b_", "") : r,
                   onClick: () => {
-                    i(r), o(r);
+                    i(r), t(r);
                   }
                 })),
                 size: "small",
-                defaultPressed: t?.toString() || "",
+                defaultPressed: o?.toString() || "",
                 onPressedChange: (r) => {
-                  i(r), o(r);
+                  i(r), t(r);
                 }
               }
             )
@@ -108,9 +107,9 @@ const X = ({
           {
             className: "h-[32px]",
             defaultValue: s,
-            options: y,
+            options: S,
             onPressedChange: (r) => {
-              r === "reset" ? (i(""), o(""), m(!1)) : (f(r), g(r), u(r));
+              r === "reset" ? (i(""), t(""), c(!1)) : (f(r), g(r), u(r));
             }
           }
         )
@@ -119,5 +118,5 @@ const X = ({
   ) });
 };
 export {
-  X as default
+  L as default
 };

package/dist/Modal.js

@@ -1,4 +1,4 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
+import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import { createContext as j, useContext as b, useState as v, useEffect as u, Children as a, isValidElement as l } from "@wordpress/element";
 import { Modal as C } from "@wordpress/components";
 import n from "classnames";

package/dist/Notice.d.ts

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

package/dist/Notice.js

@@ -1,19 +1,19 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as c } from "./Wrap.js";
-import { Notice as i } from "@wordpress/components";
-import { useState as a } from "@wordpress/element";
-import p from "classnames";
+import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { Notice as c } from "@wordpress/components";
+import { useState as i } from "@wordpress/element";
+import a from "classnames";
+import { Wrap as p } from "./Wrap.js";
 const x = ({
   children: e,
   status: t = "success",
   className: r
 }) => {
-  const [m, o] = a(!0);
-  return /* @__PURE__ */ s.jsx(c, { onClick: () => o(!1), children: m && /* @__PURE__ */ s.jsx(
-    i,
+  const [m, o] = i(!0);
+  return /* @__PURE__ */ s.jsx(p, { onClick: () => o(!1), children: m && /* @__PURE__ */ s.jsx(
+    c,
     {
       status: t,
-      className: p(r),
+      className: a(r),
       onRemove: () => o(!1),
       children: e
     }

package/dist/PasswordInput.js

@@ -1,7 +1,7 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
+import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import { __experimentalInputControl as p, __experimentalInputControlSuffixWrapper as a, Button as i } from "@wordpress/components";
 import { useState as m } from "@wordpress/element";
-import { SVG as x, Path as c } from "./node_modules/@wordpress/primitives/build-module/svg/index.js";
+import { SVG as x, Path as c } from "@wordpress/primitives";
 const d = ({
   label: C,
   value: t,

package/dist/Popover.js

@@ -1,5 +1,5 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import p from "./node_modules/@blockbite/icons/dist/Cross2.js";
+import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import p from "./packages/icons/jsx/Cross2.js";
 import { Popover as f, Button as n } from "@wordpress/components";
 import { useState as d, useEffect as x } from "@wordpress/element";
 const N = ({

package/dist/RangeSlider.js

@@ -1,6 +1,6 @@
-import { j as a } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as h } from "./Wrap.js";
-import { useState as r, useEffect as j } from "@wordpress/element";
+import { j as a } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { useState as r, useEffect as h } from "@wordpress/element";
+import { Wrap as j } from "./Wrap.js";
 import { RangeControl as C } from "@wordpress/components";
 const $ = ({
   defaultValue: t,
@@ -14,14 +14,14 @@ const $ = ({
   ...x
 }) => {
   const [i] = r(0), [s, o] = r(0);
-  j(() => {
+  h(() => {
     o(Math.round(parseInt(t) / (n ? 16 : 1)));
   }, [t]);
   function g(e) {
     const R = e * (n ? 16 : 1);
     m(R.toString());
   }
-  return /* @__PURE__ */ a.jsxs(h, { className: "flex min-w-[240px] flex-col", children: [
+  return /* @__PURE__ */ a.jsxs(j, { className: "flex min-w-[240px] flex-col", children: [
     /* @__PURE__ */ a.jsx(
       C,
       {

package/dist/ResponsiveImage.js

@@ -1,4 +1,4 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
+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: t } = r;
   if (t === void 0)

package/dist/ResponsiveVideo.js

@@ -1,4 +1,4 @@
-import { j as e } from "./node_modules/react/jsx-runtime.js";
+import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 function a(o) {
   const { media: s, mediaClass: r } = o, { url: t } = s, n = t;
   return /* @__PURE__ */ e.jsx(

package/dist/ScrollList.d.ts

@@ -1,7 +1,7 @@
 type ScrollListProps = {
     children: React.ReactNode;
     className?: string;
-    height?: "small" | "medium" | "large";
+    height?: 'small' | 'medium' | 'large';
 };
 export declare const ScrollList: React.FC<ScrollListProps>;
 export {};

package/dist/ScrollList.js

@@ -1,14 +1,14 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as m } from "./Wrap.js";
-import a from "classnames";
+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(
-  m,
+  a,
   {
-    className: a("scrollbar relative overflow-y-scroll", o, {
+    className: m("scrollbar relative overflow-y-scroll", o, {
       "h-[400px]": r === "large",
       "h-[300px]": r === "medium",
       "h-[200px]": r === "small"

package/dist/SectionList.js

@@ -1,15 +1,15 @@
-import { j as t } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as c } from "./Wrap.js";
-import { Button as u } from "@wordpress/components";
+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 { TextControl as C } from "./TextControl.js";
-import I from "classnames";
-import R from "./node_modules/@blockbite/icons/dist/Plus.js";
-import k from "./node_modules/@blockbite/icons/dist/Trash.js";
+import { Wrap as u } from "./Wrap.js";
+import C from "classnames";
+import { TextControl as R } from "./TextControl.js";
+import k from "./packages/icons/jsx/Plus.js";
+import _ from "./packages/icons/jsx/Trash.js";
 const E = ({
-  sections: n,
+  sections: a,
   setSections: o,
-  activeSection: a,
+  activeSection: n,
   setActiveSection: m,
   Update: x,
   newSection: s,
@@ -21,15 +21,15 @@ const E = ({
     name: ""
   }), h = v(null), j = () => {
     const e = { ...s() };
-    o([...n, e]);
+    o([...a, e]);
   }, b = () => {
-    if (!a || n.length === 0) return;
-    const e = n.filter(
-      (r) => r.id !== a
+    if (!n || a.length === 0) return;
+    const e = a.filter(
+      (r) => r.id !== n
     );
     let l = null;
     if (e.length > 0) {
-      const r = n.findIndex((g) => g.id === a), N = Math.min(r, e.length - 1);
+      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() };
@@ -46,10 +46,10 @@ const E = ({
       name: ""
     });
   };
-  return /* @__PURE__ */ t.jsxs(c, { important: !0, className: "w-[200px] border-r", children: [
+  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: n.map((e, l) => /* @__PURE__ */ t.jsxs(
+      /* @__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",
@@ -57,14 +57,14 @@ const E = ({
             /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: I(
+                className: C(
                   "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 === a
+                    "bg-easy": e.id === n
                   }
                 ),
                 onClick: () => {
-                  m(e.id), x(a, e.id);
+                  m(e.id), x(n, e.id);
                 },
                 onDoubleClick: () => {
                   d({
@@ -76,7 +76,7 @@ const E = ({
               }
             ),
             i.id === e.id && /* @__PURE__ */ t.jsx(
-              C,
+              R,
               {
                 className: "absolute left-0 top-0 h-full w-full",
                 defaultValue: i.name,
@@ -93,22 +93,22 @@ const E = ({
         `section__${l}__${e?.id}`
       )) }) })
     ] }),
-    /* @__PURE__ */ t.jsxs(c, { className: "flex justify-center gap-2 p-2", children: [
+    /* @__PURE__ */ t.jsxs(u, { className: "flex justify-center gap-2 p-2", children: [
       /* @__PURE__ */ t.jsx(
-        u,
+        c,
         {
           onClick: j,
-          icon: /* @__PURE__ */ t.jsx(R, {}),
+          icon: /* @__PURE__ */ t.jsx(k, {}),
           variant: "tertiary",
           size: "compact",
           children: "Add"
         }
       ),
       /* @__PURE__ */ t.jsx(
-        u,
+        c,
         {
           onClick: b,
-          icon: /* @__PURE__ */ t.jsx(k, {}),
+          icon: /* @__PURE__ */ t.jsx(_, {}),
           variant: "tertiary",
           size: "compact",
           children: "Remove"

package/dist/SelectControlWrapper.js

@@ -1,4 +1,4 @@
-import { j as t } from "./node_modules/react/jsx-runtime.js";
+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 = ({

package/dist/SingleBlockTypeAppender.js

@@ -1,20 +1,19 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import "./node_modules/@wordpress/blocks/build-module/store/index.js";
-import { Button as i } from "@wordpress/components";
-import { createBlock as a } from "./node_modules/@wordpress/blocks/build-module/api/factory.js";
-const { select: d, dispatch: k } = wp.data, b = ({
+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: d, dispatch: k } = wp.data, u = ({
   buttonText: e = "Add block"
 }) => {
   const c = () => {
-    const r = d("core/block-editor").getSelectedBlock(), { clientId: n, innerBlocks: o } = r, t = o[o.length - 1], l = a(
+    const r = d("core/block-editor").getSelectedBlock(), { clientId: n, innerBlocks: o } = r, t = o[o.length - 1], l = i(
       t.name,
       t.attributes,
       t.innerBlocks
     );
     k("core/block-editor").insertBlocks(l, 0, n);
   };
-  return /* @__PURE__ */ s.jsx(i, { variant: "primary", onClick: () => c(), children: e });
+  return /* @__PURE__ */ s.jsx(a, { variant: "primary", onClick: () => c(), children: e });
 };
 export {
-  b as default
+  u as default
 };

package/dist/SlideIn.js

@@ -1,17 +1,17 @@
-import { j as a } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as i } from "./Wrap.js";
-import { useState as m, useEffect as n } from "@wordpress/element";
-import l from "classnames";
+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] = m(0);
-  return n(() => {
+  const [t, o] = i(0);
+  return m(() => {
     setTimeout(() => {
       o(1);
     }, 250);
   }, [e]), /* @__PURE__ */ a.jsx(
-    i,
+    l,
     {
-      className: l(
+      className: n(
         r,
         "duration-50 transform transition-all ease-in-out",
         {

package/dist/Spinner.js

@@ -1,4 +1,4 @@
-import { j as o } from "./node_modules/react/jsx-runtime.js";
+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";

package/dist/Tabs.js

@@ -1,8 +1,8 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as b } from "./Wrap.js";
+import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import { TabPanel as p } from "@wordpress/components";
-import { createContext as v, useState as u, useContext as m } from "@wordpress/element";
+import { createContext as v, useState as u, useContext as b } from "@wordpress/element";
 import d from "classnames";
+import { Wrap as m } from "./Wrap.js";
 const i = v(null), S = ({
   children: s,
   defaultValue: a,
@@ -16,14 +16,14 @@ const i = v(null), S = ({
       n || T(l), e && e(l);
     }
   };
-  return /* @__PURE__ */ r.jsx(i.Provider, { value: x, children: /* @__PURE__ */ r.jsx(b, { important: !0, className: o.className, children: s }) });
+  return /* @__PURE__ */ r.jsx(i.Provider, { value: x, children: /* @__PURE__ */ r.jsx(m, { important: !0, className: o.className, children: s }) });
 }, W = ({
   options: s,
   children: a,
   className: t,
   onValueChange: e
 }) => {
-  const o = m(i), n = e || o?.setActiveTab;
+  const o = b(i), n = e || o?.setActiveTab;
   return /* @__PURE__ */ r.jsx(
     p,
     {
@@ -39,7 +39,7 @@ const i = v(null), S = ({
   value: s,
   children: a,
   className: t
-}) => m(i)?.activeTab === s ? /* @__PURE__ */ r.jsx(b, { className: t, children: a }) : null;
+}) => b(i)?.activeTab === s ? /* @__PURE__ */ r.jsx(m, { className: t, children: a }) : null;
 export {
   E as TabsContent,
   W as TabsList,

package/dist/Tag.js

@@ -1,4 +1,4 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
+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,

package/dist/TextControl.js

@@ -1,8 +1,8 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as j } from "./Wrap.js";
-import { forwardRef as N } from "@wordpress/element";
+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";
-const g = N(
+import { Wrap as N } from "./Wrap.js";
+const g = j(
   ({
     onClick: t,
     onChange: o,
@@ -18,7 +18,7 @@ const g = N(
     helper: a = ""
   }, b) => {
     const n = `text-control-${Math.random().toString(36).substring(2, 15)}`;
-    return /* @__PURE__ */ r.jsxs(j, { className: i("flex items-center p-0", x), children: [
+    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",

package/dist/TextControlLabel.js

@@ -1,14 +1,14 @@
-import { j as t } from "./node_modules/react/jsx-runtime.js";
-import r from "./node_modules/@blockbite/icons/dist/Pencil1.js";
-import { Wrap as s } from "./Wrap.js";
-import { TextControl as i } from "@wordpress/components";
+import { j as t } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import r from "./packages/icons/jsx/Pencil1.js";
+import { TextControl as s } from "@wordpress/components";
+import { Wrap as i } from "./Wrap.js";
 const x = ({
   onChange: e,
   defaultValue: o,
   children: l
-}) => /* @__PURE__ */ t.jsxs(s, { className: "blockbite-ui__text-control-label flex items-center", children: [
+}) => /* @__PURE__ */ t.jsxs(i, { className: "blockbite-ui__text-control-label flex items-center", children: [
   /* @__PURE__ */ t.jsxs("span", { className: "outline-b-2 relative block -outline-offset-2 outline-black", children: [
-    /* @__PURE__ */ t.jsx(i, { type: "text", value: o, onChange: e }),
+    /* @__PURE__ */ t.jsx(s, { type: "text", value: o, onChange: e }),
     /* @__PURE__ */ t.jsx(r, { className: "absolute right-1 top-2" })
   ] }),
   " ",

package/dist/ToggleGroup.d.ts

@@ -7,9 +7,9 @@ type ToggleProps = {
     }[];
     defaultPressed: string;
     label?: string | boolean;
-    variant?: "primary" | "secondary";
-    display?: "icon" | "label";
-    size?: "small" | "default" | "compact";
+    variant?: 'primary' | 'secondary';
+    display?: 'icon' | 'label';
+    size?: 'small' | 'default' | 'compact';
     onPressedChange: (value: string) => void;
 };
 declare const ToggleGroup: React.FC<ToggleProps>;

package/dist/ToggleGroup.js

@@ -1,9 +1,9 @@
-import { j as l } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as g } from "./Wrap.js";
-import { memo as i, useState as p, useEffect as x } from "@wordpress/element";
+import { j as l } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { memo as g, useState as i, useEffect as p } from "@wordpress/element";
+import { Wrap as x } from "./Wrap.js";
 import { __experimentalToggleGroupControl as v, __experimentalToggleGroupControlOptionIcon as f, __experimentalToggleGroupControlOption as C } from "@wordpress/components";
 import j from "classnames";
-const d = i(
+const d = g(
   ({
     className: s,
     options: t,
@@ -12,12 +12,12 @@ const d = i(
     label: o = !1,
     onPressedChange: m
   }) => {
-    const [u, c] = p(""), a = (e) => {
+    const [u, c] = i(""), a = (e) => {
       m(e);
     };
-    return x(() => {
+    return p(() => {
       c(r);
-    }, [r]), /* @__PURE__ */ l.jsx(g, { className: j(s), children: /* @__PURE__ */ l.jsx(
+    }, [r]), /* @__PURE__ */ l.jsx(x, { className: j(s), children: /* @__PURE__ */ l.jsx(
       v,
       {
         isBlock: !0,