@blockbite/ui 2.0.11 → 2.0.12

package/dist/ChapterDivider.d.ts

@@ -4,6 +4,7 @@ type ChapterDividerProps = {
     title?: string;
     className?: string;
     help?: string;
+    badge?: string;
 };
-export declare const ChapterDivider: ({ id, title, className, help, }: ChapterDividerProps) => React.JSX.Element;
+export declare const ChapterDivider: ({ id, title, className, help, badge, }: ChapterDividerProps) => React.JSX.Element;
 export {};

package/dist/index.js

@@ -2250,7 +2250,7 @@ const z = /* @__PURE__ */ Hn(ra), Q = ({
     );
   }
 );
-function Ra({
+function ka({
   defaultValue: o,
   options: a,
   swatch: l,
@@ -2335,7 +2335,7 @@ function Ra({
     }
   );
 }
-const ka = ({ children: o, className: a, onClick: l }) => /* @__PURE__ */ n.jsx(
+const aa = ({ children: o, className: a, onClick: l }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     onClick: l,
@@ -2461,10 +2461,12 @@ const ka = ({ children: o, className: a, onClick: l }) => /* @__PURE__ */ n.jsx(
   id: o = "",
   title: a,
   className: l,
-  help: u
+  help: u,
+  badge: d
 }) => /* @__PURE__ */ n.jsxs("div", { ...o ? { id: o } : null, className: z("mb-4", l), children: [
-  /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-wrap items-center gap-2", children: [
+  /* @__PURE__ */ n.jsxs("div", { className: "flex w-full flex-wrap items-center gap-2 justify-between", children: [
     /* @__PURE__ */ n.jsx("small", { className: "shrink-1 text-[12px]", children: a }),
+    !!d && /* @__PURE__ */ n.jsx(aa, { className: "text-[.65rem] py-px px-1", children: d }),
     /* @__PURE__ */ n.jsx("span", { className: "h-[1px] w-full bg-easy" })
   ] }),
   u && /* @__PURE__ */ n.jsx("small", { className: "w-full shrink-0 text-[12px]", children: u })
@@ -2497,7 +2499,7 @@ const ka = ({ children: o, className: a, onClick: l }) => /* @__PURE__ */ n.jsx(
       clearTimeout(v);
     };
   }, [l, o]), u && /* @__PURE__ */ n.jsx(n.Fragment, { children: a });
-}, aa = ({
+}, oa = ({
   label: o,
   className: a,
   defaultValue: l,
@@ -2653,7 +2655,7 @@ function Fa(o) {
       }
     ),
     a ? /* @__PURE__ */ n.jsx("div", { className: "blockbite--editor-linklist", children: /* @__PURE__ */ n.jsx(
-      oa,
+      sa,
       {
         links: u,
         onActiveLink: (h) => [
@@ -2664,7 +2666,7 @@ function Fa(o) {
     ) }) : null
   ] });
 }
-function oa({ links: o, onActiveLink: a }) {
+function sa({ links: o, onActiveLink: a }) {
   if (o === null)
     return /* @__PURE__ */ n.jsx("p", { children: "Loading..." });
   if (o.length === 0)
@@ -2768,7 +2770,7 @@ function La({ mediaProps: o, mediaCallback: a }) {
     u.id !== 0 && /* @__PURE__ */ n.jsx(Kr, { children: /* @__PURE__ */ n.jsx(ve, { onClick: () => f(), isDestructive: !0, children: Le("Remove media", "blockbite") }) })
   ] });
 }
-const sa = ({
+const ia = ({
   children: o,
   className: a,
   position: l,
@@ -2807,7 +2809,7 @@ const sa = ({
       ] }) })
     }
   ) });
-}, ia = ({
+}, la = ({
   defaultValue: o,
   label: a,
   min: l = 0,
@@ -2941,14 +2943,14 @@ const Ma = ({
       readOnly: p !== "arbitrary",
       children: [
         /* @__PURE__ */ n.jsx(
-          sa,
+          ia,
           {
             visible: f,
             position: "bottom left",
             className: "w-[300px] bg-white shadow-sm",
             onVisibleChange: v,
             children: p === "arbitrary" ? /* @__PURE__ */ n.jsx(
-              ia,
+              la,
               {
                 defaultValue: _,
                 label: "Pixel Value",
@@ -2983,7 +2985,7 @@ const Ma = ({
           }
         ),
         /* @__PURE__ */ n.jsx(
-          aa,
+          oa,
           {
             className: "h-[32px]",
             defaultValue: p,
@@ -3016,7 +3018,7 @@ const Ma = ({
   return H(() => {
     l(f);
   }, [f, l]), /* @__PURE__ */ n.jsxs(Lt.Provider, { value: { closeModal: b, openModal: h }, children: [
-    jr.map(o, (p) => Er(p) && p.type === fa ? p : null),
+    jr.map(o, (p) => Er(p) && p.type === da ? p : null),
     f && /* @__PURE__ */ n.jsx(
       Pn,
       {
@@ -3024,14 +3026,14 @@ const Ma = ({
         onRequestClose: b,
         title: u,
         children: /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-          jr.map(o, (p) => Er(p) && p.type === la ? p : null),
-          jr.map(o, (p) => Er(p) && p.type === ca ? p : null),
-          jr.map(o, (p) => Er(p) && p.type === ua ? p : null)
+          jr.map(o, (p) => Er(p) && p.type === ua ? p : null),
+          jr.map(o, (p) => Er(p) && p.type === fa ? p : null),
+          jr.map(o, (p) => Er(p) && p.type === ca ? p : null)
         ] })
       }
     )
   ] });
-}, la = ({ children: o, className: a = "", ...l }) => /* @__PURE__ */ n.jsx(
+}, ua = ({ children: o, className: a = "", ...l }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     className: z(
@@ -3041,7 +3043,7 @@ const Ma = ({
     ...l,
     children: o
   }
-), ua = ({ children: o, className: a = "", ...l }) => /* @__PURE__ */ n.jsx(
+), ca = ({ children: o, className: a = "", ...l }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     className: z(
@@ -3051,7 +3053,7 @@ const Ma = ({
     ...l,
     children: o
   }
-), ca = ({ children: o, className: a = "", ...l }) => /* @__PURE__ */ n.jsx(
+), fa = ({ children: o, className: a = "", ...l }) => /* @__PURE__ */ n.jsx(
   "div",
   {
     className: z("text-gray-medium px-4 pb-4 text-sm", a),
@@ -3061,11 +3063,11 @@ const Ma = ({
 ), Ua = ({ children: o }) => {
   const { closeModal: a } = Mt();
   return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
-}, fa = ({ children: o }) => {
+}, da = ({ children: o }) => {
   const { openModal: a } = Mt();
   return /* @__PURE__ */ n.jsx("div", { onClick: a, className: "cursor-pointer", children: o });
 };
-function da(o, a) {
+function pa(o, a) {
   Array.from(o.styleSheets).forEach((l) => {
     try {
       if (l.cssRules) {
@@ -3094,7 +3096,7 @@ const Va = ({
   const u = Bn(() => document.createElement("div"), []);
   return H(() => {
     const d = o;
-    d.document.body.innerHTML = "", d.document.body.appendChild(u), d.document.body.classList.add("bb_"), da(document, d.document), d.document.title = document.title || "Blockbite Editor";
+    d.document.body.innerHTML = "", d.document.body.appendChild(u), d.document.body.classList.add("bb_"), pa(document, d.document), d.document.title = document.title || "Blockbite Editor";
     const f = () => {
       setTimeout(a, 100);
     };
@@ -3364,16 +3366,16 @@ const Ha = ({
     ),
     !u && /* @__PURE__ */ n.jsx("p", { children: "No options available" })
   ] });
-}, { select: pa, dispatch: va } = wp.data, Xa = ({
+}, { select: va, dispatch: ma } = wp.data, Xa = ({
   buttonText: o = "Add block"
 }) => {
   const a = () => {
-    const l = pa("core/block-editor").getSelectedBlock(), { clientId: u, innerBlocks: d } = l, f = d[d.length - 1], v = Gn(
+    const l = va("core/block-editor").getSelectedBlock(), { clientId: u, innerBlocks: d } = l, f = d[d.length - 1], v = Gn(
       f.name,
       f.attributes,
       f.innerBlocks
     );
-    va("core/block-editor").insertBlocks(v, 0, u);
+    ma("core/block-editor").insertBlocks(v, 0, u);
   };
   return /* @__PURE__ */ n.jsx(ve, { variant: "primary", onClick: () => a(), children: o });
 }, Za = ({ children: o, watch: a, className: l }) => {
@@ -3403,7 +3405,7 @@ const Ha = ({
       u(!1);
     }, 500), a && u(!0);
   }, [l, a]), l && /* @__PURE__ */ n.jsx(Dn, { className: z(o) });
-}, tt = Ft(null), ma = ({
+}, tt = Ft(null), ha = ({
   children: o,
   defaultValue: a,
   value: l,
@@ -3417,7 +3419,7 @@ const Ha = ({
     }
   };
   return /* @__PURE__ */ n.jsx(tt.Provider, { value: C, children: /* @__PURE__ */ n.jsx(Q, { important: !0, className: d.className, children: o }) });
-}, ha = ({
+}, ya = ({
   options: o,
   children: a,
   className: l,
@@ -3435,14 +3437,14 @@ const Ha = ({
       children: () => a
     }
   );
-}, ya = ({
+}, ba = ({
   value: o,
   children: a,
   className: l
 }) => Qr(tt)?.activeTab === o ? /* @__PURE__ */ n.jsx(Q, { className: l, children: a }) : null, eo = {
-  Wrapper: ma,
-  List: ha,
-  Content: ya
+  Wrapper: ha,
+  List: ya,
+  Content: ba
 }, ro = ({
   children: o,
   onClick: a,
@@ -3524,8 +3526,8 @@ const Ha = ({
   ) });
 };
 export {
-  Ra as AutocompleteDropdown,
-  ka as Badge,
+  ka as AutocompleteDropdown,
+  aa as Badge,
   Ta as BitePreview,
   Sa as Button,
   ta as ButtonToggle,
@@ -3534,7 +3536,7 @@ export {
   Pa as ChapterDivider,
   Na as Checkbox,
   Aa as DisappearingMessage,
-  aa as DropdownPicker,
+  oa as DropdownPicker,
   Ia as EmptyState,
   $a as FloatingPanel,
   Da as FocalPointControl,
@@ -3544,16 +3546,16 @@ export {
   Ma as MetricsControl,
   Wa as Modal,
   Ua as ModalClose,
-  ca as ModalContent,
-  ua as ModalFooter,
-  la as ModalHeader,
-  fa as ModalTrigger,
+  fa as ModalContent,
+  ca as ModalFooter,
+  ua as ModalHeader,
+  da as ModalTrigger,
   Va as NewWindowPortal,
   Ba as Notice,
   Ya as PasswordInput,
-  sa as Popover,
+  ia as Popover,
   za as ProjectsNavigation,
-  ia as RangeSlider,
+  la as RangeSlider,
   qa as ResponsiveImage,
   Ga as ResponsiveVideo,
   Ha as ScrollList,
@@ -3563,9 +3565,9 @@ export {
   Za as SlideIn,
   Qa as Spinner,
   eo as Tabs,
-  ya as TabsContent,
-  ha as TabsList,
-  ma as TabsWrapper,
+  ba as TabsContent,
+  ya as TabsList,
+  ha as TabsWrapper,
   ro as Tag,
   rt as TextControl,
   to as TextControlLabel,