laif-ds 0.1.76 → 0.1.80

package/dist/_virtual/index.js

@@ -1,6 +1,8 @@
 "use client";
-import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
-var i = r();
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  i as s
+  m as default
 };

package/dist/_virtual/index2.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  e as __module
+  a as default
 };

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  a as default
+  x as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+var e = { exports: {} };
 export {
-  x as default
+  e as __module
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+var e = { exports: {} };
 export {
-  m as default
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,6 @@
 "use client";
-var e = { exports: {} };
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.js";
+var i = r();
 export {
-  e as __module
+  i as s
 };

package/dist/_virtual/prism-cpp.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-cpp.js";
+r();

package/dist/_virtual/prism-cpp2.js

@@ -0,0 +1,5 @@
+"use client";
+var p = {};
+export {
+  p as __exports
+};

package/dist/_virtual/prism-java.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-java.js";
+r();

package/dist/_virtual/prism-java2.js

@@ -0,0 +1,5 @@
+"use client";
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/prism-python.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-python.js";
+r();

package/dist/_virtual/prism-python2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/prism-rust.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-rust.js";
+r();

package/dist/_virtual/prism-rust2.js

@@ -0,0 +1,5 @@
+"use client";
+var s = {};
+export {
+  s as __exports
+};

package/dist/_virtual/prism-typescript.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/components/prism-typescript.js";
+r();

package/dist/_virtual/prism-typescript2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/prism.js

@@ -0,0 +1,3 @@
+"use client";
+import { __require as r } from "../node_modules/prismjs/prism.js";
+r();

package/dist/_virtual/prism2.js

@@ -0,0 +1,5 @@
+"use client";
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/components/editor/context/toolbar-context.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, useContext as l } from "react";
+const o = i({
+  activeEditor: {},
+  $updateToolbar: () => {
+  },
+  blockType: "paragraph",
+  setBlockType: () => {
+  },
+  showModal: () => {
+  }
+});
+function x({
+  activeEditor: t,
+  $updateToolbar: e,
+  blockType: r,
+  setBlockType: n,
+  showModal: a,
+  children: u
+}) {
+  return /* @__PURE__ */ c(
+    o.Provider,
+    {
+      value: {
+        activeEditor: t,
+        $updateToolbar: e,
+        blockType: r,
+        setBlockType: n,
+        showModal: a
+      },
+      children: u
+    }
+  );
+}
+function C() {
+  return l(o);
+}
+export {
+  x as ToolbarContext,
+  C as useToolbarContext
+};

package/dist/components/editor/editor-hooks/use-modal.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useState as d, useCallback as i, useMemo as m } from "react";
+import { Dialog as f, DialogContent as h, DialogHeader as p, DialogTitle as C } from "../../ui/dialog.js";
+function x() {
+  const [o, r] = d(null), n = i(() => {
+    r(null);
+  }, []), s = m(() => {
+    if (o === null)
+      return null;
+    const { title: e, content: t } = o;
+    return /* @__PURE__ */ l(f, { open: !0, onOpenChange: n, children: /* @__PURE__ */ u(h, { children: [
+      /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(C, { children: e }) }),
+      t
+    ] }) });
+  }, [o, n]), a = i(
+    (e, t, c = !1) => {
+      r({
+        closeOnClickOutside: c,
+        content: t(n),
+        title: e
+      });
+    },
+    [n]
+  );
+  return [s, a];
+}
+export {
+  x as useEditorModal
+};

package/dist/components/editor/editor-hooks/use-update-toolbar.js

@@ -0,0 +1,24 @@
+"use client";
+import { useEffect as r } from "react";
+import { useLexicalComposerContext as n } from "../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { SELECTION_CHANGE_COMMAND as m, $getSelection as i, COMMAND_PRIORITY_CRITICAL as f } from "../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as C } from "../context/toolbar-context.js";
+function c(t) {
+  const [s] = n(), { activeEditor: o } = C();
+  r(() => o.registerCommand(
+    m,
+    () => {
+      const e = i();
+      return e && t(e), !1;
+    },
+    f
+  ), [s, t]), r(() => {
+    o.getEditorState().read(() => {
+      const e = i();
+      e && t(e);
+    });
+  }, [o, t]);
+}
+export {
+  c as useUpdateToolbarHandler
+};

package/dist/components/editor/editor-ui/content-editable.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { ContentEditable as l } from "../../../node_modules/@lexical/react/LexicalContentEditable.prod.js";
+function a({
+  placeholder: e,
+  className: o,
+  placeholderClassName: n
+}) {
+  return /* @__PURE__ */ t(
+    l,
+    {
+      className: o ?? "ContentEditable__root relative block min-h-72 min-h-full overflow-auto px-8 py-4 focus:outline-none",
+      "aria-placeholder": e,
+      placeholder: /* @__PURE__ */ t(
+        "div",
+        {
+          className: n ?? "text-muted-foreground pointer-events-none absolute top-0 left-0 overflow-hidden px-8 py-[18px] text-ellipsis select-none",
+          children: e
+        }
+      )
+    }
+  );
+}
+export {
+  a as ContentEditable
+};

package/dist/components/editor/plugins/actions/actions-plugin.js

@@ -0,0 +1,7 @@
+"use client";
+function t({ children: n }) {
+  return n;
+}
+export {
+  t as ActionsPlugin
+};

package/dist/components/editor/plugins/actions/clear-editor-plugin.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useLexicalComposerContext as l } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { CLEAR_EDITOR_COMMAND as n } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { Button as e } from "../../../ui/button.js";
+import { Dialog as a, DialogTrigger as d, DialogContent as c, DialogHeader as s, DialogTitle as h, DialogDescription as m, DialogFooter as C, DialogClose as o } from "../../../ui/dialog.js";
+import { Tooltip as u, TooltipTrigger as p, TooltipContent as g } from "../../../ui/tooltip.js";
+import D from "../../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+function N() {
+  const [t] = l();
+  return /* @__PURE__ */ i(a, { children: [
+    /* @__PURE__ */ i(u, { disableHoverableContent: !0, children: [
+      /* @__PURE__ */ r(p, { asChild: !0, children: /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(e, { size: "sm", variant: "ghost", className: "p-2", children: /* @__PURE__ */ r(D, { className: "h-4 w-4" }) }) }) }),
+      /* @__PURE__ */ r(g, { children: "Clear Editor" })
+    ] }),
+    /* @__PURE__ */ i(c, { children: [
+      /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ r(h, { children: "Clear Editor" }),
+        /* @__PURE__ */ r(m, { children: "Are you sure you want to clear the editor?" })
+      ] }),
+      /* @__PURE__ */ i(C, { children: [
+        /* @__PURE__ */ r(o, { asChild: !0, children: /* @__PURE__ */ r(e, { variant: "outline", children: "Cancel" }) }),
+        /* @__PURE__ */ r(o, { asChild: !0, children: /* @__PURE__ */ r(
+          e,
+          {
+            variant: "destructive",
+            onClick: () => {
+              t.dispatchCommand(n, void 0);
+            },
+            children: "Clear"
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  N as ClearEditorActionPlugin
+};

package/dist/components/editor/plugins/actions/counter-character-plugin.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsxs as o } from "react/jsx-runtime";
+import { useState as a, useEffect as u } from "react";
+import { useLexicalComposerContext as d } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { $rootTextContent as f } from "../../../../node_modules/@lexical/text/LexicalText.prod.js";
+let s = null;
+function h() {
+  return window.TextEncoder === void 0 ? null : (s === null && (s = new window.TextEncoder()), s);
+}
+function g(t) {
+  const e = h();
+  if (e === null) {
+    const n = encodeURIComponent(t).match(/%[89ABab]/g);
+    return t.length + (n ? n.length : 0);
+  }
+  return e.encode(t).length;
+}
+const c = (t, e) => {
+  if (e === "UTF-8")
+    return g(t);
+  if (e === "UTF-16")
+    return t.length;
+}, i = (t) => t.split(/\s+/).filter((e) => e.length > 0).length;
+function T({
+  charset: t = "UTF-16"
+}) {
+  const [e] = d(), [n, l] = a(() => {
+    const r = e.getEditorState().read(f);
+    return {
+      characters: c(r, t),
+      words: i(r)
+    };
+  });
+  return u(() => e.registerTextContentListener((r) => {
+    l({
+      characters: c(r, t),
+      words: i(r)
+    });
+  }), [e, t]), /* @__PURE__ */ o("div", { className: "flex gap-2 text-xs whitespace-nowrap text-gray-500", children: [
+    /* @__PURE__ */ o("p", { children: [
+      n.characters,
+      " characters"
+    ] }),
+    "|",
+    /* @__PURE__ */ o("p", { children: [
+      n.words,
+      " words"
+    ] })
+  ] });
+}
+export {
+  T as CounterCharacterPlugin
+};

package/dist/components/editor/plugins/toolbar/block-format/block-format-data.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import e from "../../../../../node_modules/lucide-react/dist/esm/icons/quote.js";
+import i from "../../../../../node_modules/lucide-react/dist/esm/icons/code.js";
+import a from "../../../../../node_modules/lucide-react/dist/esm/icons/list-todo.js";
+import l from "../../../../../node_modules/lucide-react/dist/esm/icons/list.js";
+import s from "../../../../../node_modules/lucide-react/dist/esm/icons/list-ordered.js";
+import c from "../../../../../node_modules/lucide-react/dist/esm/icons/heading-3.js";
+import m from "../../../../../node_modules/lucide-react/dist/esm/icons/heading-2.js";
+import r from "../../../../../node_modules/lucide-react/dist/esm/icons/heading-1.js";
+import t from "../../../../../node_modules/lucide-react/dist/esm/icons/text.js";
+const h = {
+  paragraph: {
+    label: "Paragrafo",
+    icon: /* @__PURE__ */ o(t, { className: "size-4" })
+  },
+  h1: {
+    label: "Titolo 1",
+    icon: /* @__PURE__ */ o(r, { className: "size-4" })
+  },
+  h2: {
+    label: "Titolo 2",
+    icon: /* @__PURE__ */ o(m, { className: "size-4" })
+  },
+  h3: {
+    label: "Titolo 3",
+    icon: /* @__PURE__ */ o(c, { className: "size-4" })
+  },
+  number: {
+    label: "Elenco numerato",
+    icon: /* @__PURE__ */ o(s, { className: "size-4" })
+  },
+  bullet: {
+    label: "Elenco puntato",
+    icon: /* @__PURE__ */ o(l, { className: "size-4" })
+  },
+  check: {
+    label: "Lista di controllo",
+    icon: /* @__PURE__ */ o(a, { className: "size-4" })
+  },
+  code: {
+    label: "Blocco codice",
+    icon: /* @__PURE__ */ o(i, { className: "size-4" })
+  },
+  quote: {
+    label: "Citazione",
+    icon: /* @__PURE__ */ o(e, { className: "size-4" })
+  }
+};
+export {
+  h as blockTypeToBlockName
+};

package/dist/components/editor/plugins/toolbar/block-format/format-bulleted-list.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import { INSERT_UNORDERED_LIST_COMMAND as m } from "../../../../../node_modules/@lexical/list/LexicalList.prod.js";
+import { $setBlocksType as n } from "../../../../../node_modules/@lexical/selection/LexicalSelection.prod.js";
+import { $getSelection as c, $isRangeSelection as f, $createParagraphNode as p } from "../../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as d } from "../../../context/toolbar-context.js";
+import { blockTypeToBlockName as r } from "./block-format-data.js";
+import { SelectItem as u } from "../../../../ui/select.js";
+const e = "bullet";
+function x() {
+  const { activeEditor: o, blockType: a } = d(), i = () => {
+    o.update(() => {
+      const t = c();
+      f(t) && n(t, () => p());
+    });
+  };
+  return /* @__PURE__ */ l(u, { value: e, onPointerDown: () => {
+    a !== "number" ? o.dispatchCommand(m, void 0) : i();
+  }, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-1 font-normal", children: [
+    r[e].icon,
+    r[e].label
+  ] }) });
+}
+export {
+  x as FormatBulletedList
+};

package/dist/components/editor/plugins/toolbar/block-format/format-check-list.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { INSERT_CHECK_LIST_COMMAND as m } from "../../../../../node_modules/@lexical/list/LexicalList.prod.js";
+import { $setBlocksType as n } from "../../../../../node_modules/@lexical/selection/LexicalSelection.prod.js";
+import { $getSelection as l, $isRangeSelection as p, $createParagraphNode as f } from "../../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as d } from "../../../context/toolbar-context.js";
+import { blockTypeToBlockName as r } from "./block-format-data.js";
+import { SelectItem as h } from "../../../../ui/select.js";
+const o = "check";
+function g() {
+  const { activeEditor: e, blockType: a } = d(), c = () => {
+    e.update(() => {
+      const t = l();
+      p(t) && n(t, () => f());
+    });
+  };
+  return /* @__PURE__ */ i(h, { value: o, onPointerDown: () => {
+    a !== "number" ? e.dispatchCommand(m, void 0) : c();
+  }, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-1 font-normal", children: [
+    r[o].icon,
+    r[o].label
+  ] }) });
+}
+export {
+  g as FormatCheckList
+};

package/dist/components/editor/plugins/toolbar/block-format/format-heading.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { $createHeadingNode as s } from "../../../../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
+import { $setBlocksType as p } from "../../../../../node_modules/@lexical/selection/LexicalSelection.prod.js";
+import { $getSelection as f } from "../../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as l } from "../../../context/toolbar-context.js";
+import { blockTypeToBlockName as t } from "./block-format-data.js";
+import { SelectItem as d } from "../../../../ui/select.js";
+function y({ levels: r = [] }) {
+  const { activeEditor: e, blockType: m } = l(), i = (o) => {
+    m !== o && e.update(() => {
+      const n = f();
+      p(n, () => s(o));
+    });
+  };
+  return r.map((o) => /* @__PURE__ */ a(
+    d,
+    {
+      value: o,
+      onPointerDown: () => i(o),
+      children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1 font-normal", children: [
+        t[o].icon,
+        t[o].label
+      ] })
+    },
+    o
+  ));
+}
+export {
+  y as FormatHeading
+};

package/dist/components/editor/plugins/toolbar/block-format/format-numbered-list.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import { INSERT_ORDERED_LIST_COMMAND as n } from "../../../../../node_modules/@lexical/list/LexicalList.prod.js";
+import { $setBlocksType as c } from "../../../../../node_modules/@lexical/selection/LexicalSelection.prod.js";
+import { $getSelection as l, $isRangeSelection as p, $createParagraphNode as f } from "../../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as d } from "../../../context/toolbar-context.js";
+import { blockTypeToBlockName as r } from "./block-format-data.js";
+import { SelectItem as u } from "../../../../ui/select.js";
+const e = "number";
+function E() {
+  const { activeEditor: o, blockType: m } = d(), a = () => {
+    o.update(() => {
+      const t = l();
+      p(t) && c(t, () => f());
+    });
+  };
+  return /* @__PURE__ */ i(u, { value: e, onPointerDown: () => {
+    m !== "number" ? o.dispatchCommand(n, void 0) : a();
+  }, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-1 font-normal", children: [
+    r[e].icon,
+    r[e].label
+  ] }) });
+}
+export {
+  E as FormatNumberedList
+};

package/dist/components/editor/plugins/toolbar/block-format/format-paragraph.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { $setBlocksType as n } from "../../../../../node_modules/@lexical/selection/LexicalSelection.prod.js";
+import { $getSelection as c, $isRangeSelection as m, $createParagraphNode as s } from "../../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as l } from "../../../context/toolbar-context.js";
+import { blockTypeToBlockName as e } from "./block-format-data.js";
+import { SelectItem as p } from "../../../../ui/select.js";
+const o = "paragraph";
+function T() {
+  const { activeEditor: a } = l();
+  return /* @__PURE__ */ t(p, { value: o, onPointerDown: () => {
+    a.update(() => {
+      const r = c();
+      m(r) && n(r, () => s());
+    });
+  }, children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1 font-normal", children: [
+    e[o].icon,
+    e[o].label
+  ] }) });
+}
+export {
+  T as FormatParagraph
+};

package/dist/components/editor/plugins/toolbar/block-format/format-quote.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as c, jsxs as i } from "react/jsx-runtime";
+import { $createQuoteNode as n } from "../../../../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
+import { $setBlocksType as s } from "../../../../../node_modules/@lexical/selection/LexicalSelection.prod.js";
+import { $getSelection as a } from "../../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as l } from "../../../context/toolbar-context.js";
+import { blockTypeToBlockName as o } from "./block-format-data.js";
+import { SelectItem as f } from "../../../../ui/select.js";
+const t = "quote";
+function Q() {
+  const { activeEditor: e, blockType: r } = l();
+  return /* @__PURE__ */ c(f, { value: "quote", onPointerDown: () => {
+    r !== "quote" && e.update(() => {
+      const m = a();
+      s(m, () => n());
+    });
+  }, children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1 font-normal", children: [
+    o[t].icon,
+    o[t].label
+  ] }) });
+}
+export {
+  Q as FormatQuote
+};

package/dist/components/editor/plugins/toolbar/block-format-toolbar-plugin.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { $isListNode as d, ListNode as T } from "../../../../node_modules/@lexical/list/LexicalList.prod.js";
+import { $isHeadingNode as u } from "../../../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
+import { $findMatchingParent as y, $getNearestNodeOfType as h } from "../../../../node_modules/@lexical/utils/LexicalUtils.prod.js";
+import { $isRangeSelection as N, $isRootOrShadowRoot as $ } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as b } from "../../context/toolbar-context.js";
+import { useUpdateToolbarHandler as L } from "../../editor-hooks/use-update-toolbar.js";
+import { blockTypeToBlockName as s } from "./block-format/block-format-data.js";
+import { Select as S, SelectTrigger as k, SelectContent as w, SelectGroup as O } from "../../../ui/select.js";
+function H({
+  children: m
+}) {
+  const { activeEditor: p, blockType: i, setBlockType: l } = b();
+  function g(n) {
+    if (N(n)) {
+      const o = n.anchor.getNode();
+      let e = o.getKey() === "root" ? o : y(o, (t) => {
+        const r = t.getParent();
+        return r !== null && $(r);
+      });
+      e === null && (e = o.getTopLevelElementOrThrow());
+      const f = e.getKey();
+      if (p.getElementByKey(f) !== null)
+        if (d(e)) {
+          const t = h(
+            o,
+            T
+          ), r = t ? t.getListType() : e.getListType();
+          l(r);
+        } else {
+          const t = u(e) ? e.getTag() : e.getType();
+          t in s && l(t);
+        }
+    }
+  }
+  return L(g), /* @__PURE__ */ c(
+    S,
+    {
+      value: i,
+      onValueChange: (n) => {
+        l(n);
+      },
+      children: [
+        /* @__PURE__ */ c(k, { className: "!h-8 w-min gap-1", children: [
+          s[i].icon,
+          /* @__PURE__ */ a("span", { children: s[i].label })
+        ] }),
+        /* @__PURE__ */ a(w, { children: /* @__PURE__ */ a(O, { children: m }) })
+      ]
+    }
+  );
+}
+export {
+  H as BlockFormatDropDown
+};