@blockbite/ui 2.0.2 → 2.0.5

package/dist/AutocompleteDropdown.js

@@ -1,43 +1,43 @@
-import { j as e } from "./node_modules/react/jsx-runtime.js";
-import v from "./node_modules/@blockbite/icons/dist/ChevronDown.js";
-import { ButtonToggle as f } from "./ButtonToggle.js";
-import { Wrap as p } from "./Wrap.js";
-import { Dropdown as j, TextControl as h, Button as w } from "@wordpress/components";
-import { useState as c, useEffect as x } from "@wordpress/element";
-import a from "classnames";
+import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import v from "./packages/icons/jsx/ChevronDown.js";
+import { Dropdown as f, TextControl as j, Button as h } from "@wordpress/components";
+import { useState as p, useEffect as c } from "@wordpress/element";
+import n from "classnames";
+import { ButtonToggle as w } from "./ButtonToggle.js";
+import { Wrap as x } from "./Wrap.js";
 function T({
   defaultValue: t,
   options: s,
   swatch: l,
   onPressedChange: u
 }) {
-  const [o, i] = c(""), [d, m] = c([]);
-  return x(() => {
+  const [o, i] = p(""), [d, m] = p([]);
+  return c(() => {
     m(
       s.filter(
         (r) => r.label.toLowerCase().includes(o.toLowerCase())
       )
     );
-  }, [o, s]), x(() => {
+  }, [o, s]), c(() => {
     i(""), m(s);
   }, [t, s]), /* @__PURE__ */ e.jsx(
-    j,
+    f,
     {
       className: "option-panel-dropdown",
       contentClassName: "option-panel-dropdown-content",
       popoverProps: { placement: "bottom-start" },
-      renderToggle: ({ isOpen: r, onToggle: n }) => /* @__PURE__ */ e.jsx(p, { important: !0, children: /* @__PURE__ */ e.jsx(
-        w,
+      renderToggle: ({ isOpen: r, onToggle: a }) => /* @__PURE__ */ e.jsx(x, { important: !0, children: /* @__PURE__ */ e.jsx(
+        h,
         {
           variant: "secondary",
           size: "small",
-          onClick: n,
+          onClick: a,
           "aria-expanded": r,
           children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 !bg-transparent !p-0 !text-[11px] !text-current", children: [
             l && /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: a(
+                className: n(
                   `h-3 w-3 rounded-full bg-${t}`
                 )
               }
@@ -47,9 +47,9 @@ function T({
           ] })
         }
       ) }),
-      renderContent: () => /* @__PURE__ */ e.jsx(p, { important: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "w-52", children: [
+      renderContent: () => /* @__PURE__ */ e.jsx(x, { important: !0, children: /* @__PURE__ */ e.jsxs("div", { className: "w-52", children: [
         /* @__PURE__ */ e.jsx(
-          h,
+          j,
           {
             label: "Search options",
             value: o,
@@ -59,10 +59,10 @@ function T({
         ),
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 gap-1 !bg-transparent !p-0 !pt-2", children: [
           d.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "!text-gray-medium col-span-2 pb-2 text-center !text-[11px]", children: "No options found." }),
-          d.map((r, n) => /* @__PURE__ */ e.jsxs(
-            f,
+          d.map((r, a) => /* @__PURE__ */ e.jsxs(
+            w,
             {
-              className: a({
+              className: n({
                 "bg-primary": r.value
               }),
               size: "small",
@@ -75,7 +75,7 @@ function T({
                 l && /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    className: a(
+                    className: n(
                       `mr-3 h-3 w-3 rounded-full bg-${r.value}`
                     )
                   }
@@ -83,7 +83,7 @@ function T({
                 r.label
               ]
             },
-            `ButtonToggle__${r.value}___${n}`
+            `ButtonToggle__${r.value}___${a}`
           ))
         ] })
       ] }) })

package/dist/Badge.js

@@ -1,4 +1,4 @@
-import { j as m } from "./node_modules/react/jsx-runtime.js";
+import { j as m } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import r from "classnames";
 const i = ({ children: e, className: t, onClick: s }) => /* @__PURE__ */ m.jsx(
   "div",

package/dist/BitePreview.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 { useRef as h, useState as y, useEffect as E, createPortal as w } from "@wordpress/element";
 const j = ({ htmlContent: i, cssContent: s, frontendAssets: a }) => {
   const l = h(null), [o, p] = y(null);

package/dist/Button.d.ts

@@ -2,11 +2,11 @@ type ButtonProps = {
     children?: React.ReactNode;
     asChild?: boolean;
     className?: string;
-    display?: "icon" | "icon-lg" | "label" | "auto" | "" | null;
+    display?: 'icon' | 'icon-lg' | 'label' | 'auto' | '' | null;
     onClick?: () => void;
     label?: string;
-    size?: "small" | "default" | "compact";
-    variant?: "primary" | "secondary" | "link" | "primary" | "tertiary";
+    size?: 'small' | 'default' | 'compact';
+    variant?: 'primary' | 'secondary' | 'link' | 'primary' | 'tertiary';
     icon?: any;
     disabled?: boolean;
 };

package/dist/Button.js

@@ -1,7 +1,7 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Icon as a } from "./Icon.js";
-import { Button as f } from "@wordpress/components";
+import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { Button as a } from "@wordpress/components";
 import c from "classnames";
+import { Icon as f } from "./Icon.js";
 const h = ({
   children: i,
   size: m = "default",
@@ -15,7 +15,7 @@ const h = ({
 }) => {
   const e = s === "icon" || s === "icon-lg";
   return /* @__PURE__ */ r.jsxs(
-    f,
+    a,
     {
       size: m,
       variant: o,
@@ -35,7 +35,7 @@ const h = ({
       onClick: l,
       children: [
         n && /* @__PURE__ */ r.jsx(
-          a,
+          f,
           {
             icon: n,
             className: c({ "h-4 w-4": s === "icon-lg" })

package/dist/ButtonToggle.d.ts

@@ -3,10 +3,10 @@ type ButtonToggleProps = {
     className?: string;
     value: string;
     defaultPressed: string;
-    variant?: "primary" | "secondary";
-    size?: "small" | "default" | "compact";
+    variant?: 'primary' | 'secondary';
+    size?: 'small' | 'default' | 'compact';
     icon?: any;
-    display?: "icon" | "label" | "" | null;
+    display?: 'icon' | 'label' | '' | null;
     onPressedChange: (value: string) => void;
     label?: string;
 };
@@ -22,10 +22,10 @@ type ButtonToggleGroupProps = {
     options: ButtonToggleGroupOptionProp[];
     defaultPressed?: string;
     toggle?: boolean;
-    size?: "small" | "default" | "compact";
+    size?: 'small' | 'default' | 'compact';
     tabs?: boolean;
-    display?: "icon" | "label" | "" | null;
-    variant?: "primary" | "secondary";
+    display?: 'icon' | 'label' | '' | null;
+    variant?: 'primary' | 'secondary';
     stretch?: boolean;
     icon?: any;
     onPressedChange?: (value: string) => void;

package/dist/ButtonToggle.js

@@ -1,9 +1,9 @@
-import { j as s } from "./node_modules/react/jsx-runtime.js";
-import { Icon as d } from "./Icon.js";
-import { Wrap as N } from "./Wrap.js";
+import { j as s } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import { Button as k } from "@wordpress/components";
 import { memo as p, useState as g, useEffect as w, useCallback as B } from "@wordpress/element";
-import h from "classnames";
+import d from "classnames";
+import { Icon as h } from "./Icon.js";
+import { Wrap as N } from "./Wrap.js";
 const E = p(
   ({
     children: u,
@@ -28,7 +28,7 @@ const E = p(
       k,
       {
         "aria-label": l,
-        className: h(c, "blockbite-ui__button--default"),
+        className: d(c, "blockbite-ui__button--default"),
         value: t,
         size: x,
         label: l,
@@ -37,7 +37,7 @@ const E = p(
         isPressed: r,
         onClick: j,
         children: [
-          b && /* @__PURE__ */ s.jsx(d, { icon: b }),
+          b && /* @__PURE__ */ s.jsx(h, { icon: b }),
           a !== "icon" ? u : null,
           l && !u && a !== "icon" ? /* @__PURE__ */ s.jsx("span", { children: l }) : null
         ]
@@ -67,14 +67,14 @@ const E = p(
         n(f), l?.(f);
       },
       [r, l, t]
-    ), _ = (e) => o === "icon" && e?.icon ? /* @__PURE__ */ s.jsx(d, { icon: e.icon }) : o === "label" ? /* @__PURE__ */ s.jsx("span", { children: e.label }) : /* @__PURE__ */ s.jsxs("span", { className: "flex items-center justify-center gap-1", children: [
-      e.icon && /* @__PURE__ */ s.jsx(d, { icon: e.icon }),
+    ), _ = (e) => o === "icon" && e?.icon ? /* @__PURE__ */ s.jsx(h, { icon: e.icon }) : o === "label" ? /* @__PURE__ */ s.jsx("span", { children: e.label }) : /* @__PURE__ */ s.jsxs("span", { className: "flex items-center justify-center gap-1", children: [
+      e.icon && /* @__PURE__ */ s.jsx(h, { icon: e.icon }),
       /* @__PURE__ */ s.jsx("span", { children: e.label })
     ] });
     return /* @__PURE__ */ s.jsx(
       N,
       {
-        className: h(
+        className: d(
           "blockbite-ui__button-group flex flex-wrap gap-1",
           u,
           b ? "blockbite-ui__button-group--tabs" : ""
@@ -82,7 +82,7 @@ const E = p(
         children: i.map((e, f) => /* @__PURE__ */ s.jsxs(
           k,
           {
-            className: h("blockbite-ui__button--default", {
+            className: d("blockbite-ui__button--default", {
               grow: a,
               "justify-center": a
             }),

package/dist/Chapter.js

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

package/dist/ChapterDivider.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 i = ({
   id: l = "",

package/dist/Checkbox.js

@@ -1,13 +1,13 @@
-import { j as r } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as m } from "./Wrap.js";
-import { CheckboxControl as i } from "@wordpress/components";
-import { useState as x, useEffect as n } from "@wordpress/element";
+import { j as r } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { CheckboxControl as m } from "@wordpress/components";
+import { useState as i, useEffect as x } from "@wordpress/element";
+import { Wrap as n } from "./Wrap.js";
 const f = ({ label: t, help: s, defaultChecked: e }) => {
-  const [c, o] = x(e);
-  return n(() => {
+  const [c, o] = i(e);
+  return x(() => {
     o(e);
-  }, [e]), /* @__PURE__ */ r.jsx(m, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ r.jsx(
-    i,
+  }, [e]), /* @__PURE__ */ r.jsx(n, { className: "blockbite-ui__checkbox mx-1 flex items-center gap-2", children: /* @__PURE__ */ r.jsx(
+    m,
     {
       label: t,
       help: s,

package/dist/DisappearingMessage.js

@@ -1,4 +1,4 @@
-import { j as n } from "./node_modules/react/jsx-runtime.js";
+import { j as n } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import { useState as l, useRef as i, useEffect as o } from "@wordpress/element";
 const p = ({
   duration: t,

package/dist/DropdownPicker.js

@@ -1,9 +1,9 @@
-import { j as o } from "./node_modules/react/jsx-runtime.js";
-import p from "./node_modules/@blockbite/icons/dist/ChevronDown.js";
-import { Icon as n } from "./Icon.js";
+import { j as o } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import p from "./packages/icons/jsx/ChevronDown.js";
 import { DropdownMenu as b } from "@wordpress/components";
 import { useState as f, useEffect as v } from "@wordpress/element";
 import x from "classnames";
+import { Icon as n } from "./Icon.js";
 const O = ({
   label: s,
   className: m,

package/dist/EmptyState.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 n({
   icon: t,
   title: a,

package/dist/FloatingPanel.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 { useRef as x, useState as o, useEffect as g } from "@wordpress/element";
 function w({
   children: d

package/dist/FocalPointControl.js

@@ -1,13 +1,13 @@
-import { j as i } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as p } from "./Wrap.js";
-import { FocalPointPicker as x } from "@wordpress/components";
-import { useState as m, useEffect as s } from "@wordpress/element";
+import { j as i } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
+import { FocalPointPicker as p } from "@wordpress/components";
+import { useState as x, useEffect as s } from "@wordpress/element";
+import { Wrap as m } from "./Wrap.js";
 const d = ({
   defaultValue: e,
   onValueChange: a,
   url: c
 }) => {
-  const [t, r] = m({
+  const [t, r] = x({
     x: 0.5,
     y: 0.5
   });
@@ -25,8 +25,8 @@ const d = ({
         y: n
       });
     }
-  }, [e]), /* @__PURE__ */ i.jsx(p, { className: "relative flex flex-col", children: /* @__PURE__ */ i.jsx(
-    x,
+  }, [e]), /* @__PURE__ */ i.jsx(m, { className: "relative flex flex-col", children: /* @__PURE__ */ i.jsx(
+    p,
     {
       url: c,
       value: t,

package/dist/Icon.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 { Wrap as o } from "./Wrap.js";
 const e = ({ icon: r, className: i = "" }) => r ? /* @__PURE__ */ s.jsxs(o, { className: "blockbite--icon", children: [
   /* @__PURE__ */ s.jsx(r, { className: i }),

package/dist/LinkPicker.js

@@ -1,9 +1,9 @@
-import { j as e } from "./node_modules/react/jsx-runtime.js";
-import { Wrap as k } from "./Wrap.js";
+import { j as e } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import b from "@wordpress/api-fetch";
 import { TextControl as h } from "@wordpress/components";
 import { useState as c, useEffect as a } from "@wordpress/element";
 import { __ as p } from "@wordpress/i18n";
+import { Wrap as k } from "./Wrap.js";
 function g(s) {
   const [t, r] = c(""), [i, n] = c([]), [o, u] = c({
     url: "",

package/dist/MediaPicker.js

@@ -1,4 +1,4 @@
-import { j as l } from "./node_modules/react/jsx-runtime.js";
+import { j as l } from "./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js";
 import { MediaUploadCheck as a, MediaUpload as m } from "@wordpress/block-editor";
 import { PanelRow as b, Button as n } from "@wordpress/components";
 import { useState as j, useEffect as x } from "@wordpress/element";

package/dist/MetricsControl.d.ts

@@ -1,7 +1,7 @@
 type MetricsControlProps = {
     defaultUnit: string;
     defaultValue: string;
-    units?: string[] | "native" | "percent" | "grid" | "arbitrary" | "fluid" | "screen" | "all";
+    units?: string[] | 'native' | 'percent' | 'grid' | 'arbitrary' | 'fluid' | 'screen' | 'all';
     inputClassName?: string;
     onValueChange: (value: string) => void;
     onUnitChange: (unit: string) => void;

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,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 { __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 "@wordpress/primitives";

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 = ({