@blockbite/ui 2.0.2 → 2.0.4

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,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 { createBlock as i } from "@wordpress/blocks";
 import { Button as a } from "@wordpress/components";
 const { select: d, dispatch: k } = wp.data, u = ({

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,

package/dist/ToggleSwitch.js

@@ -1,8 +1,8 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as f } from "./Wrap.js";
-import { ToggleControl as p } from "@wordpress/components";
-import { useState as c, useEffect as l } from "@wordpress/element";
-import n from "classnames";
+import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { ToggleControl as f } from "@wordpress/components";
+import { useState as p, useEffect as c } from "@wordpress/element";
+import l from "classnames";
+import { Wrap as n } from "./Wrap.js";
 const C = ({
   label: m,
   className: i,
@@ -10,11 +10,11 @@ const C = ({
   checked: e = !1
   // Default to false if undefined, so it's always controlled
 }) => {
-  const [a, t] = c(e);
-  return l(() => {
+  const [a, t] = p(e);
+  return c(() => {
     t(e);
-  }, [e]), /* @__PURE__ */ r.jsx(f, { className: n(i, "flex items-center gap-2"), children: /* @__PURE__ */ r.jsx(
-    p,
+  }, [e]), /* @__PURE__ */ r.jsx(n, { className: l(i, "flex items-center gap-2"), children: /* @__PURE__ */ r.jsx(
+    f,
     {
       checked: a,
       label: m,

package/dist/Wrap.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";
 const j = ({
   children: s,
   className: t,