@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit37.css');require('../../../../../ui-kit.css');const i=require("react/jsx-runtime"),h=require("../../../../actions/toggle/Toggle.cjs");require("../../../../actions/toggle/styles/Toggle.css.cjs");const T=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const o=require("../../context/RichTextEditor.context.cjs"),r=({mark:e,icon:t,label:n,onToggle:a})=>{const{editor:l,disabled:g}=o.useRichTextEditorContext();return l?i.jsx(T,{content:n,delayDuration:700,openOnFocus:!1,position:"top",children:i.jsx(h,{icon:t,"aria-label":n,pressed:l.isActive(e),variant:"ghost",subtle:!0,color:"primary",size:"sm",disabled:g,onMouseDown:x=>x.preventDefault(),onPressedChange:a})}):null},s=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"bold",icon:"lucide:bold",label:t.bold,onToggle:()=>e?.chain().focus().toggleBold().run()})},c=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"italic",icon:"lucide:italic",label:t.italic,onToggle:()=>e?.chain().focus().toggleItalic().run()})},u=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"underline",icon:"lucide:underline",label:t.underline,onToggle:()=>e?.chain().focus().toggleUnderline().run()})},d=()=>{const{editor:e,labels:t}=o.useRichTextEditorContext();return i.jsx(r,{mark:"strike",icon:"lucide:strikethrough",label:t.strikethrough,onToggle:()=>e?.chain().focus().toggleStrike().run()})};s.displayName="RichTextEditor.Bold";c.displayName="RichTextEditor.Italic";u.displayName="RichTextEditor.Underline";d.displayName="RichTextEditor.Strike";exports.Bold=s;exports.Italic=c;exports.Strike=d;exports.Underline=u;
+//# sourceMappingURL=TextStyleAction.cjs.map

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleAction.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.tsx"],"sourcesContent":["import { Toggle } from '@components/actions/toggle'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { TextStyleActionProps } from '@components/forms/rich-text-editor/components/text-style-group/types/TextStyleAction.props.ts'\r\n\r\nconst TextStyleAction = ({\r\n    mark,\r\n    icon,\r\n    label,\r\n    onToggle,\r\n}: TextStyleActionProps) => {\r\n    const { editor, disabled } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={label}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <Toggle\r\n                icon={icon}\r\n                aria-label={label}\r\n                pressed={editor.isActive(mark)}\r\n                variant={'ghost'}\r\n                subtle\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onPressedChange={onToggle}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nexport const Bold = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'bold'}\r\n            icon={'lucide:bold'}\r\n            label={labels.bold}\r\n            onToggle={() => editor?.chain().focus().toggleBold().run()}\r\n        />\r\n    )\r\n}\r\nexport const Italic = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'italic'}\r\n            icon={'lucide:italic'}\r\n            label={labels.italic}\r\n            onToggle={() => editor?.chain().focus().toggleItalic().run()}\r\n        />\r\n    )\r\n}\r\nexport const Underline = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'underline'}\r\n            icon={'lucide:underline'}\r\n            label={labels.underline}\r\n            onToggle={() => editor?.chain().focus().toggleUnderline().run()}\r\n        />\r\n    )\r\n}\r\nexport const Strike = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'strike'}\r\n            icon={'lucide:strikethrough'}\r\n            label={labels.strikethrough}\r\n            onToggle={() => editor?.chain().focus().toggleStrike().run()}\r\n        />\r\n    )\r\n}\r\n\r\nBold.displayName = 'RichTextEditor.Bold'\r\nItalic.displayName = 'RichTextEditor.Italic'\r\nUnderline.displayName = 'RichTextEditor.Underline'\r\nStrike.displayName = 'RichTextEditor.Strike'\r\n"],"names":["TextStyleAction","mark","icon","label","onToggle","editor","disabled","useRichTextEditorContext","jsx","Tooltip","Toggle","event","Bold","labels","Italic","Underline","Strike"],"mappings":"+jBAKMA,EAAkB,CAAC,CACrB,KAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,CACJ,IAA4B,CACxB,KAAM,CAAE,OAAAC,EAAQ,SAAAC,CAAA,EAAaC,2BAAA,EAE7B,OAAKF,EAKDG,EAAAA,IAACC,EAAA,CACG,QAASN,EACT,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAK,EAAAA,IAACE,EAAA,CACG,KAAAR,EACA,aAAYC,EACZ,QAASE,EAAO,SAASJ,CAAI,EAC7B,QAAS,QACT,OAAM,GACN,MAAO,UACP,KAAM,KACN,SAAAK,EACA,YAAcK,GAAUA,EAAM,eAAA,EAC9B,gBAAiBP,CAAA,CAAA,CACrB,CAAA,EArBG,IAwBf,EAEaQ,EAAO,IAAM,CACtB,KAAM,CAAE,OAAAP,EAAQ,OAAAQ,CAAA,EAAWN,2BAAA,EAC3B,OACIC,EAAAA,IAACR,EAAA,CACG,KAAM,OACN,KAAM,cACN,MAAOa,EAAO,KACd,SAAU,IAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,WAAA,EAAa,IAAA,CAAI,CAAA,CAGrE,EACaS,EAAS,IAAM,CACxB,KAAM,CAAE,OAAAT,EAAQ,OAAAQ,CAAA,EAAWN,2BAAA,EAC3B,OACIC,EAAAA,IAACR,EAAA,CACG,KAAM,SACN,KAAM,gBACN,MAAOa,EAAO,OACd,SAAU,IAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,CAAA,CAGvE,EACaU,EAAY,IAAM,CAC3B,KAAM,CAAE,OAAAV,EAAQ,OAAAQ,CAAA,EAAWN,2BAAA,EAC3B,OACIC,EAAAA,IAACR,EAAA,CACG,KAAM,YACN,KAAM,mBACN,MAAOa,EAAO,UACd,SAAU,IAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA,CAAI,CAAA,CAG1E,EACaW,EAAS,IAAM,CACxB,KAAM,CAAE,OAAAX,EAAQ,OAAAQ,CAAA,EAAWN,2BAAA,EAC3B,OACIC,EAAAA,IAACR,EAAA,CACG,KAAM,SACN,KAAM,uBACN,MAAOa,EAAO,cACd,SAAU,IAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,CAAA,CAGvE,EAEAO,EAAK,YAAc,sBACnBE,EAAO,YAAc,wBACrBC,EAAU,YAAc,2BACxBC,EAAO,YAAc"}

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.d.ts

@@ -0,0 +1,16 @@
+export declare const Bold: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const Italic: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const Underline: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const Strike: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.js

@@ -0,0 +1,95 @@
+import { jsx as t } from "react/jsx-runtime";
+import d from "../../../../actions/toggle/Toggle.js";
+import "../../../../actions/toggle/styles/Toggle.css.js";
+import u from "../../../../overlay/tooltip/Tooltip.js";
+import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+import '../../../../../ui-kit37.css';import '../../../../../ui-kit.css';/* empty css                                               */
+/* empty css                                                            */
+import { useRichTextEditorContext as i } from "../../context/RichTextEditor.context.js";
+const r = ({
+  mark: e,
+  icon: o,
+  label: l,
+  onToggle: c
+}) => {
+  const { editor: n, disabled: a } = i();
+  return n ? /* @__PURE__ */ t(
+    u,
+    {
+      content: l,
+      delayDuration: 700,
+      openOnFocus: !1,
+      position: "top",
+      children: /* @__PURE__ */ t(
+        d,
+        {
+          icon: o,
+          "aria-label": l,
+          pressed: n.isActive(e),
+          variant: "ghost",
+          subtle: !0,
+          color: "primary",
+          size: "sm",
+          disabled: a,
+          onMouseDown: (s) => s.preventDefault(),
+          onPressedChange: c
+        }
+      )
+    }
+  ) : null;
+}, g = () => {
+  const { editor: e, labels: o } = i();
+  return /* @__PURE__ */ t(
+    r,
+    {
+      mark: "bold",
+      icon: "lucide:bold",
+      label: o.bold,
+      onToggle: () => e?.chain().focus().toggleBold().run()
+    }
+  );
+}, m = () => {
+  const { editor: e, labels: o } = i();
+  return /* @__PURE__ */ t(
+    r,
+    {
+      mark: "italic",
+      icon: "lucide:italic",
+      label: o.italic,
+      onToggle: () => e?.chain().focus().toggleItalic().run()
+    }
+  );
+}, p = () => {
+  const { editor: e, labels: o } = i();
+  return /* @__PURE__ */ t(
+    r,
+    {
+      mark: "underline",
+      icon: "lucide:underline",
+      label: o.underline,
+      onToggle: () => e?.chain().focus().toggleUnderline().run()
+    }
+  );
+}, h = () => {
+  const { editor: e, labels: o } = i();
+  return /* @__PURE__ */ t(
+    r,
+    {
+      mark: "strike",
+      icon: "lucide:strikethrough",
+      label: o.strikethrough,
+      onToggle: () => e?.chain().focus().toggleStrike().run()
+    }
+  );
+};
+g.displayName = "RichTextEditor.Bold";
+m.displayName = "RichTextEditor.Italic";
+p.displayName = "RichTextEditor.Underline";
+h.displayName = "RichTextEditor.Strike";
+export {
+  g as Bold,
+  m as Italic,
+  h as Strike,
+  p as Underline
+};
+//# sourceMappingURL=TextStyleAction.js.map

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleAction.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.tsx"],"sourcesContent":["import { Toggle } from '@components/actions/toggle'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { TextStyleActionProps } from '@components/forms/rich-text-editor/components/text-style-group/types/TextStyleAction.props.ts'\r\n\r\nconst TextStyleAction = ({\r\n    mark,\r\n    icon,\r\n    label,\r\n    onToggle,\r\n}: TextStyleActionProps) => {\r\n    const { editor, disabled } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={label}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <Toggle\r\n                icon={icon}\r\n                aria-label={label}\r\n                pressed={editor.isActive(mark)}\r\n                variant={'ghost'}\r\n                subtle\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onPressedChange={onToggle}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nexport const Bold = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'bold'}\r\n            icon={'lucide:bold'}\r\n            label={labels.bold}\r\n            onToggle={() => editor?.chain().focus().toggleBold().run()}\r\n        />\r\n    )\r\n}\r\nexport const Italic = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'italic'}\r\n            icon={'lucide:italic'}\r\n            label={labels.italic}\r\n            onToggle={() => editor?.chain().focus().toggleItalic().run()}\r\n        />\r\n    )\r\n}\r\nexport const Underline = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'underline'}\r\n            icon={'lucide:underline'}\r\n            label={labels.underline}\r\n            onToggle={() => editor?.chain().focus().toggleUnderline().run()}\r\n        />\r\n    )\r\n}\r\nexport const Strike = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n    return (\r\n        <TextStyleAction\r\n            mark={'strike'}\r\n            icon={'lucide:strikethrough'}\r\n            label={labels.strikethrough}\r\n            onToggle={() => editor?.chain().focus().toggleStrike().run()}\r\n        />\r\n    )\r\n}\r\n\r\nBold.displayName = 'RichTextEditor.Bold'\r\nItalic.displayName = 'RichTextEditor.Italic'\r\nUnderline.displayName = 'RichTextEditor.Underline'\r\nStrike.displayName = 'RichTextEditor.Strike'\r\n"],"names":["TextStyleAction","mark","icon","label","onToggle","editor","disabled","useRichTextEditorContext","jsx","Tooltip","Toggle","event","Bold","labels","Italic","Underline","Strike"],"mappings":";;;;;;;;AAKA,MAAMA,IAAkB,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AACJ,MAA4B;AACxB,QAAM,EAAE,QAAAC,GAAQ,UAAAC,EAAA,IAAaC,EAAA;AAE7B,SAAKF,IAKD,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASN;AAAA,MACT,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAK;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAAR;AAAA,UACA,cAAYC;AAAA,UACZ,SAASE,EAAO,SAASJ,CAAI;AAAA,UAC7B,SAAS;AAAA,UACT,QAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAAK;AAAA,UACA,aAAa,CAACK,MAAUA,EAAM,eAAA;AAAA,UAC9B,iBAAiBP;AAAA,QAAA;AAAA,MAAA;AAAA,IACrB;AAAA,EAAA,IArBG;AAwBf,GAEaQ,IAAO,MAAM;AACtB,QAAM,EAAE,QAAAP,GAAQ,QAAAQ,EAAA,IAAWN,EAAA;AAC3B,SACI,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAOa,EAAO;AAAA,MACd,UAAU,MAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,WAAA,EAAa,IAAA;AAAA,IAAI;AAAA,EAAA;AAGrE,GACaS,IAAS,MAAM;AACxB,QAAM,EAAE,QAAAT,GAAQ,QAAAQ,EAAA,IAAWN,EAAA;AAC3B,SACI,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAOa,EAAO;AAAA,MACd,UAAU,MAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA;AAAA,IAAI;AAAA,EAAA;AAGvE,GACaU,IAAY,MAAM;AAC3B,QAAM,EAAE,QAAAV,GAAQ,QAAAQ,EAAA,IAAWN,EAAA;AAC3B,SACI,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAOa,EAAO;AAAA,MACd,UAAU,MAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA;AAAA,IAAI;AAAA,EAAA;AAG1E,GACaW,IAAS,MAAM;AACxB,QAAM,EAAE,QAAAX,GAAQ,QAAAQ,EAAA,IAAWN,EAAA;AAC3B,SACI,gBAAAC;AAAA,IAACR;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAOa,EAAO;AAAA,MACd,UAAU,MAAMR,GAAQ,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA;AAAA,IAAI;AAAA,EAAA;AAGvE;AAEAO,EAAK,cAAc;AACnBE,EAAO,cAAc;AACrBC,EAAU,cAAc;AACxBC,EAAO,cAAc;"}

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("../../context/RichTextEditor.context.cjs"),l=require("./styles/TextStyleGroup.css.cjs"),t=require("./TextStyleAction.cjs"),r=()=>{const{editor:o,labels:s}=i.useRichTextEditorContext();return o?e.jsxs("div",{className:l.TEXT_STYLE_GROUP_STYLES.root,role:"group","aria-label":s.textStyleGroup,children:[e.jsx(t.Bold,{}),e.jsx(t.Italic,{}),e.jsx(t.Underline,{}),e.jsx(t.Strike,{})]}):null};r.displayName="RichTextEditor.TextStyleGroup";module.exports=r;
+//# sourceMappingURL=TextStyleGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx"],"sourcesContent":["import { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { TEXT_STYLE_GROUP_STYLES } from '@components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.ts'\r\nimport { Bold, Italic, Strike, Underline } from '@components/forms/rich-text-editor/components/text-style-group/TextStyleAction.tsx'\r\n\r\nconst TextStyleGroup = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={TEXT_STYLE_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.textStyleGroup}\r\n        >\r\n            <Bold />\r\n            <Italic />\r\n            <Underline />\r\n            <Strike />\r\n        </div>\r\n    )\r\n}\r\n\r\nTextStyleGroup.displayName = 'RichTextEditor.TextStyleGroup'\r\n\r\nexport default TextStyleGroup\r\n"],"names":["TextStyleGroup","editor","labels","useRichTextEditorContext","jsxs","TEXT_STYLE_GROUP_STYLES","jsx","Bold","Italic","Underline","Strike"],"mappings":"wLAIMA,EAAiB,IAAM,CACzB,KAAM,CAAE,OAAAC,EAAQ,OAAAC,CAAA,EAAWC,2BAAA,EAE3B,OAAKF,EAKDG,EAAAA,KAAC,MAAA,CACG,UAAWC,EAAAA,wBAAwB,KACnC,KAAM,QACN,aAAYH,EAAO,eAEnB,SAAA,CAAAI,EAAAA,IAACC,EAAAA,KAAA,EAAK,QACLC,EAAAA,OAAA,EAAO,QACPC,EAAAA,UAAA,EAAU,QACVC,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,EAZL,IAef,EAEAV,EAAe,YAAc"}

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.d.ts

@@ -0,0 +1,5 @@
+declare const TextStyleGroup: {
+    (): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default TextStyleGroup;

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.js

@@ -0,0 +1,26 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useRichTextEditorContext as i } from "../../context/RichTextEditor.context.js";
+import { TEXT_STYLE_GROUP_STYLES as l } from "./styles/TextStyleGroup.css.js";
+import { Bold as a, Italic as s, Underline as m, Strike as p } from "./TextStyleAction.js";
+const d = () => {
+  const { editor: r, labels: e } = i();
+  return r ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: l.root,
+      role: "group",
+      "aria-label": e.textStyleGroup,
+      children: [
+        /* @__PURE__ */ t(a, {}),
+        /* @__PURE__ */ t(s, {}),
+        /* @__PURE__ */ t(m, {}),
+        /* @__PURE__ */ t(p, {})
+      ]
+    }
+  ) : null;
+};
+d.displayName = "RichTextEditor.TextStyleGroup";
+export {
+  d as default
+};
+//# sourceMappingURL=TextStyleGroup.js.map

package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx"],"sourcesContent":["import { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { TEXT_STYLE_GROUP_STYLES } from '@components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.ts'\r\nimport { Bold, Italic, Strike, Underline } from '@components/forms/rich-text-editor/components/text-style-group/TextStyleAction.tsx'\r\n\r\nconst TextStyleGroup = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={TEXT_STYLE_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.textStyleGroup}\r\n        >\r\n            <Bold />\r\n            <Italic />\r\n            <Underline />\r\n            <Strike />\r\n        </div>\r\n    )\r\n}\r\n\r\nTextStyleGroup.displayName = 'RichTextEditor.TextStyleGroup'\r\n\r\nexport default TextStyleGroup\r\n"],"names":["TextStyleGroup","editor","labels","useRichTextEditorContext","jsxs","TEXT_STYLE_GROUP_STYLES","jsx","Bold","Italic","Underline","Strike"],"mappings":";;;;AAIA,MAAMA,IAAiB,MAAM;AACzB,QAAM,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA;AAE3B,SAAKF,IAKD,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAwB;AAAA,MACnC,MAAM;AAAA,MACN,cAAYH,EAAO;AAAA,MAEnB,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAO;AAAA,0BACPC,GAAA,EAAU;AAAA,0BACVC,GAAA,CAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAZL;AAef;AAEAV,EAAe,cAAc;"}

package/dist/components/forms/rich-text-editor/components/text-style-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextStyleGroup } from './TextStyleGroup.tsx';
+export { Bold, Italic, Strike, Underline, } from './TextStyleAction.tsx';

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit127.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                    */var e={root:"_1mw69qe0"};exports.TEXT_STYLE_GROUP_STYLES=e;
+//# sourceMappingURL=TextStyleGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleGroup.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.d.ts

@@ -0,0 +1,3 @@
+export declare const TEXT_STYLE_GROUP_STYLES: {
+    root: string;
+};

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit127.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                  */
+var t = { root: "_1mw69qe0" };
+export {
+  t as TEXT_STYLE_GROUP_STYLES
+};
+//# sourceMappingURL=TextStyleGroup.css.js.map

package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextStyleGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/rich-text-editor/components/text-style-group/types/TextStyleAction.props.d.ts

@@ -0,0 +1,6 @@
+export type TextStyleActionProps = {
+    mark: 'bold' | 'italic' | 'underline' | 'strike';
+    icon: string;
+    label: string;
+    onToggle: () => void;
+};

package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),l=require("react"),u=require("./styles/Toolbar.css.cjs"),b=require("../../context/RichTextEditor.context.cjs"),T=require("./hooks/useToolbarNavigation.hook.cjs"),x=require("../../../../../utils/cn.cjs"),e=l.memo(({children:o,"aria-label":r,className:t})=>{const{labels:a}=b.useRichTextEditorContext(),{toolbarRef:s,handleFocus:n,handleKeyDown:i}=T.useToolbarNavigation(o);return c.jsx("div",{ref:s,className:x.cn(u.TOOLBAR_STYLES.root,t),role:"toolbar","aria-label":r??a.toolbar,onFocus:n,onKeyDown:i,children:o})});e.displayName="RichTextEditor.Toolbar";module.exports=e;
+//# sourceMappingURL=Toolbar.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar/Toolbar.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { TOOLBAR_STYLES } from '@components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.ts'\r\nimport type { ToolbarProps } from '@components/forms/rich-text-editor/components/toolbar/types/Toolbar.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { useToolbarNavigation } from '@components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Toolbar: FC<ToolbarProps> = memo(({ children, 'aria-label': ariaLabel, className }) => {\r\n    const { labels } = useRichTextEditorContext()\r\n    const { toolbarRef, handleFocus, handleKeyDown } = useToolbarNavigation(children)\r\n\r\n    return (\r\n        <div\r\n            ref={toolbarRef}\r\n            className={cn(TOOLBAR_STYLES.root, className)}\r\n            role={'toolbar'}\r\n            aria-label={ariaLabel ?? labels.toolbar}\r\n            onFocus={handleFocus}\r\n            onKeyDown={handleKeyDown}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nToolbar.displayName = 'RichTextEditor.Toolbar'\r\n\r\nexport default Toolbar\r\n"],"names":["Toolbar","memo","children","ariaLabel","className","labels","useRichTextEditorContext","toolbarRef","handleFocus","handleKeyDown","useToolbarNavigation","jsx","cn","TOOLBAR_STYLES"],"mappings":"6PAQMA,EAA4BC,EAAAA,KAAK,CAAC,CAAE,SAAAC,EAAU,aAAcC,EAAW,UAAAC,KAAgB,CACzF,KAAM,CAAE,OAAAC,CAAA,EAAWC,2BAAA,EACb,CAAE,WAAAC,EAAY,YAAAC,EAAa,cAAAC,CAAA,EAAkBC,EAAAA,qBAAqBR,CAAQ,EAEhF,OACIS,EAAAA,IAAC,MAAA,CACG,IAAKJ,EACL,UAAWK,EAAAA,GAAGC,iBAAe,KAAMT,CAAS,EAC5C,KAAM,UACN,aAAYD,GAAaE,EAAO,QAChC,QAASG,EACT,UAAWC,EAEV,SAAAP,CAAA,CAAA,CAGb,CAAC,EAEDF,EAAQ,YAAc"}

package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ToolbarProps } from './types/Toolbar.props.ts';
+declare const Toolbar: FC<ToolbarProps>;
+export default Toolbar;

package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { TOOLBAR_STYLES as n } from "./styles/Toolbar.css.js";
+import { useRichTextEditorContext as b } from "../../context/RichTextEditor.context.js";
+import { useToolbarNavigation as f } from "./hooks/useToolbarNavigation.hook.js";
+import { cn as c } from "../../../../../utils/cn.js";
+const p = s(({ children: o, "aria-label": r, className: a }) => {
+  const { labels: t } = b(), { toolbarRef: e, handleFocus: l, handleKeyDown: m } = f(o);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: e,
+      className: c(n.root, a),
+      role: "toolbar",
+      "aria-label": r ?? t.toolbar,
+      onFocus: l,
+      onKeyDown: m,
+      children: o
+    }
+  );
+});
+p.displayName = "RichTextEditor.Toolbar";
+export {
+  p as default
+};
+//# sourceMappingURL=Toolbar.js.map

package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar/Toolbar.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { TOOLBAR_STYLES } from '@components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.ts'\r\nimport type { ToolbarProps } from '@components/forms/rich-text-editor/components/toolbar/types/Toolbar.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { useToolbarNavigation } from '@components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Toolbar: FC<ToolbarProps> = memo(({ children, 'aria-label': ariaLabel, className }) => {\r\n    const { labels } = useRichTextEditorContext()\r\n    const { toolbarRef, handleFocus, handleKeyDown } = useToolbarNavigation(children)\r\n\r\n    return (\r\n        <div\r\n            ref={toolbarRef}\r\n            className={cn(TOOLBAR_STYLES.root, className)}\r\n            role={'toolbar'}\r\n            aria-label={ariaLabel ?? labels.toolbar}\r\n            onFocus={handleFocus}\r\n            onKeyDown={handleKeyDown}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nToolbar.displayName = 'RichTextEditor.Toolbar'\r\n\r\nexport default Toolbar\r\n"],"names":["Toolbar","memo","children","ariaLabel","className","labels","useRichTextEditorContext","toolbarRef","handleFocus","handleKeyDown","useToolbarNavigation","jsx","cn","TOOLBAR_STYLES"],"mappings":";;;;;;AAQA,MAAMA,IAA4BC,EAAK,CAAC,EAAE,UAAAC,GAAU,cAAcC,GAAW,WAAAC,QAAgB;AACzF,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,EAAA,IAAkBC,EAAqBR,CAAQ;AAEhF,SACI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKJ;AAAA,MACL,WAAWK,EAAGC,EAAe,MAAMT,CAAS;AAAA,MAC5C,MAAM;AAAA,MACN,cAAYD,KAAaE,EAAO;AAAA,MAChC,SAASG;AAAA,MACT,WAAWC;AAAA,MAEV,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDF,EAAQ,cAAc;"}

package/dist/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=c=>Array.from(c.querySelectorAll("button")),b=c=>{const u=a.useRef(null),r=a.useCallback(t=>{const e=u.current;if(!e)return;const s=i(e),n=s.filter(o=>!o.disabled),l=t&&n.includes(t)?t:n.find(o=>o.tabIndex===0)??n[0];for(const o of s)o.tabIndex=o===l?0:-1},[]);a.useEffect(()=>{r()},[c,r]);const d=a.useCallback(t=>{t.target instanceof HTMLButtonElement&&r(t.target)},[r]),f=a.useCallback(t=>{const e=i(t.currentTarget).filter(o=>!o.disabled),s=t.target instanceof HTMLButtonElement?t.target:void 0,n=s?e.indexOf(s):-1;if(n===-1)return;const l=t.key==="ArrowRight"?(n+1)%e.length:t.key==="ArrowLeft"?(n-1+e.length)%e.length:t.key==="Home"?0:t.key==="End"?e.length-1:void 0;l!==void 0&&(t.preventDefault(),r(e[l]),e[l].focus())},[r]);return{toolbarRef:u,handleFocus:d,handleKeyDown:f}};exports.useToolbarNavigation=b;
+//# sourceMappingURL=useToolbarNavigation.hook.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarNavigation.hook.cjs","sources":["../../../../../../../src/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type FocusEvent, type KeyboardEvent, type ReactNode } from 'react'\r\n\r\nconst getToolbarButtons = (toolbar: HTMLDivElement) =>\r\n    Array.from(toolbar.querySelectorAll<HTMLButtonElement>('button'))\r\n\r\nexport const useToolbarNavigation = (children: ReactNode) => {\r\n    const toolbarRef = useRef<HTMLDivElement>(null)\r\n\r\n    const setRovingTabIndex = useCallback((activeButton?: HTMLButtonElement) => {\r\n        const toolbar = toolbarRef.current\r\n\r\n        if (!toolbar) {\r\n            return\r\n        }\r\n\r\n        const buttons = getToolbarButtons(toolbar)\r\n        const enabledButtons = buttons.filter((button) => !button.disabled)\r\n        const nextActiveButton = activeButton && enabledButtons.includes(activeButton)\r\n            ? activeButton\r\n            : enabledButtons.find((button) => button.tabIndex === 0) ?? enabledButtons[0]\r\n\r\n        for (const button of buttons) {\r\n            button.tabIndex = button === nextActiveButton ? 0 : -1\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        setRovingTabIndex()\r\n    }, [children, setRovingTabIndex])\r\n\r\n    const handleFocus = useCallback((event: FocusEvent<HTMLDivElement>) => {\r\n        if (event.target instanceof HTMLButtonElement) {\r\n            setRovingTabIndex(event.target)\r\n        }\r\n    }, [setRovingTabIndex])\r\n\r\n    const handleKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\r\n        const buttons = getToolbarButtons(event.currentTarget)\r\n            .filter((button) => !button.disabled)\r\n        const currentButton = event.target instanceof HTMLButtonElement\r\n            ? event.target\r\n            : undefined\r\n        const currentIndex = currentButton ? buttons.indexOf(currentButton) : -1\r\n\r\n        if (currentIndex === -1) {\r\n            return\r\n        }\r\n\r\n        const nextIndex = event.key === 'ArrowRight'\r\n            ? (currentIndex + 1) % buttons.length\r\n            : event.key === 'ArrowLeft'\r\n                ? (currentIndex - 1 + buttons.length) % buttons.length\r\n                : event.key === 'Home'\r\n                    ? 0\r\n                    : event.key === 'End'\r\n                        ? buttons.length - 1\r\n                        : undefined\r\n\r\n        if (nextIndex !== undefined) {\r\n            event.preventDefault()\r\n            setRovingTabIndex(buttons[nextIndex])\r\n            buttons[nextIndex].focus()\r\n        }\r\n    }, [setRovingTabIndex])\r\n\r\n    return {\r\n        toolbarRef,\r\n        handleFocus,\r\n        handleKeyDown,\r\n    }\r\n}\r\n"],"names":["getToolbarButtons","toolbar","useToolbarNavigation","children","toolbarRef","useRef","setRovingTabIndex","useCallback","activeButton","buttons","enabledButtons","button","nextActiveButton","useEffect","handleFocus","event","handleKeyDown","currentButton","currentIndex","nextIndex"],"mappings":"yGAEMA,EAAqBC,GACvB,MAAM,KAAKA,EAAQ,iBAAoC,QAAQ,CAAC,EAEvDC,EAAwBC,GAAwB,CACzD,MAAMC,EAAaC,EAAAA,OAAuB,IAAI,EAExCC,EAAoBC,cAAaC,GAAqC,CACxE,MAAMP,EAAUG,EAAW,QAE3B,GAAI,CAACH,EACD,OAGJ,MAAMQ,EAAUT,EAAkBC,CAAO,EACnCS,EAAiBD,EAAQ,OAAQE,GAAW,CAACA,EAAO,QAAQ,EAC5DC,EAAmBJ,GAAgBE,EAAe,SAASF,CAAY,EACvEA,EACAE,EAAe,KAAMC,GAAWA,EAAO,WAAa,CAAC,GAAKD,EAAe,CAAC,EAEhF,UAAWC,KAAUF,EACjBE,EAAO,SAAWA,IAAWC,EAAmB,EAAI,EAE5D,EAAG,CAAA,CAAE,EAELC,EAAAA,UAAU,IAAM,CACZP,EAAA,CACJ,EAAG,CAACH,EAAUG,CAAiB,CAAC,EAEhC,MAAMQ,EAAcP,cAAaQ,GAAsC,CAC/DA,EAAM,kBAAkB,mBACxBT,EAAkBS,EAAM,MAAM,CAEtC,EAAG,CAACT,CAAiB,CAAC,EAEhBU,EAAgBT,cAAaQ,GAAyC,CACxE,MAAMN,EAAUT,EAAkBe,EAAM,aAAa,EAChD,OAAQJ,GAAW,CAACA,EAAO,QAAQ,EAClCM,EAAgBF,EAAM,kBAAkB,kBACxCA,EAAM,OACN,OACAG,EAAeD,EAAgBR,EAAQ,QAAQQ,CAAa,EAAI,GAEtE,GAAIC,IAAiB,GACjB,OAGJ,MAAMC,EAAYJ,EAAM,MAAQ,cACzBG,EAAe,GAAKT,EAAQ,OAC7BM,EAAM,MAAQ,aACTG,EAAe,EAAIT,EAAQ,QAAUA,EAAQ,OAC9CM,EAAM,MAAQ,OACV,EACAA,EAAM,MAAQ,MACVN,EAAQ,OAAS,EACjB,OAEdU,IAAc,SACdJ,EAAM,eAAA,EACNT,EAAkBG,EAAQU,CAAS,CAAC,EACpCV,EAAQU,CAAS,EAAE,MAAA,EAE3B,EAAG,CAACb,CAAiB,CAAC,EAEtB,MAAO,CACH,WAAAF,EACA,YAAAU,EACA,cAAAE,CAAA,CAER"}

package/dist/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.d.ts

@@ -0,0 +1,6 @@
+import { FocusEvent, KeyboardEvent, ReactNode, RefObject } from 'react';
+export declare const useToolbarNavigation: (children: ReactNode) => {
+    toolbarRef: RefObject<HTMLDivElement | null>;
+    handleFocus: (event: FocusEvent<HTMLDivElement>) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.js

@@ -0,0 +1,32 @@
+import { useRef as b, useCallback as u, useEffect as g } from "react";
+const f = (l) => Array.from(l.querySelectorAll("button")), h = (l) => {
+  const a = b(null), r = u((t) => {
+    const n = a.current;
+    if (!n)
+      return;
+    const s = f(n), e = s.filter((o) => !o.disabled), c = t && e.includes(t) ? t : e.find((o) => o.tabIndex === 0) ?? e[0];
+    for (const o of s)
+      o.tabIndex = o === c ? 0 : -1;
+  }, []);
+  g(() => {
+    r();
+  }, [l, r]);
+  const i = u((t) => {
+    t.target instanceof HTMLButtonElement && r(t.target);
+  }, [r]), d = u((t) => {
+    const n = f(t.currentTarget).filter((o) => !o.disabled), s = t.target instanceof HTMLButtonElement ? t.target : void 0, e = s ? n.indexOf(s) : -1;
+    if (e === -1)
+      return;
+    const c = t.key === "ArrowRight" ? (e + 1) % n.length : t.key === "ArrowLeft" ? (e - 1 + n.length) % n.length : t.key === "Home" ? 0 : t.key === "End" ? n.length - 1 : void 0;
+    c !== void 0 && (t.preventDefault(), r(n[c]), n[c].focus());
+  }, [r]);
+  return {
+    toolbarRef: a,
+    handleFocus: i,
+    handleKeyDown: d
+  };
+};
+export {
+  h as useToolbarNavigation
+};
+//# sourceMappingURL=useToolbarNavigation.hook.js.map

package/dist/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarNavigation.hook.js","sources":["../../../../../../../src/components/forms/rich-text-editor/components/toolbar/hooks/useToolbarNavigation.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type FocusEvent, type KeyboardEvent, type ReactNode } from 'react'\r\n\r\nconst getToolbarButtons = (toolbar: HTMLDivElement) =>\r\n    Array.from(toolbar.querySelectorAll<HTMLButtonElement>('button'))\r\n\r\nexport const useToolbarNavigation = (children: ReactNode) => {\r\n    const toolbarRef = useRef<HTMLDivElement>(null)\r\n\r\n    const setRovingTabIndex = useCallback((activeButton?: HTMLButtonElement) => {\r\n        const toolbar = toolbarRef.current\r\n\r\n        if (!toolbar) {\r\n            return\r\n        }\r\n\r\n        const buttons = getToolbarButtons(toolbar)\r\n        const enabledButtons = buttons.filter((button) => !button.disabled)\r\n        const nextActiveButton = activeButton && enabledButtons.includes(activeButton)\r\n            ? activeButton\r\n            : enabledButtons.find((button) => button.tabIndex === 0) ?? enabledButtons[0]\r\n\r\n        for (const button of buttons) {\r\n            button.tabIndex = button === nextActiveButton ? 0 : -1\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        setRovingTabIndex()\r\n    }, [children, setRovingTabIndex])\r\n\r\n    const handleFocus = useCallback((event: FocusEvent<HTMLDivElement>) => {\r\n        if (event.target instanceof HTMLButtonElement) {\r\n            setRovingTabIndex(event.target)\r\n        }\r\n    }, [setRovingTabIndex])\r\n\r\n    const handleKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\r\n        const buttons = getToolbarButtons(event.currentTarget)\r\n            .filter((button) => !button.disabled)\r\n        const currentButton = event.target instanceof HTMLButtonElement\r\n            ? event.target\r\n            : undefined\r\n        const currentIndex = currentButton ? buttons.indexOf(currentButton) : -1\r\n\r\n        if (currentIndex === -1) {\r\n            return\r\n        }\r\n\r\n        const nextIndex = event.key === 'ArrowRight'\r\n            ? (currentIndex + 1) % buttons.length\r\n            : event.key === 'ArrowLeft'\r\n                ? (currentIndex - 1 + buttons.length) % buttons.length\r\n                : event.key === 'Home'\r\n                    ? 0\r\n                    : event.key === 'End'\r\n                        ? buttons.length - 1\r\n                        : undefined\r\n\r\n        if (nextIndex !== undefined) {\r\n            event.preventDefault()\r\n            setRovingTabIndex(buttons[nextIndex])\r\n            buttons[nextIndex].focus()\r\n        }\r\n    }, [setRovingTabIndex])\r\n\r\n    return {\r\n        toolbarRef,\r\n        handleFocus,\r\n        handleKeyDown,\r\n    }\r\n}\r\n"],"names":["getToolbarButtons","toolbar","useToolbarNavigation","children","toolbarRef","useRef","setRovingTabIndex","useCallback","activeButton","buttons","enabledButtons","button","nextActiveButton","useEffect","handleFocus","event","handleKeyDown","currentButton","currentIndex","nextIndex"],"mappings":";AAEA,MAAMA,IAAoB,CAACC,MACvB,MAAM,KAAKA,EAAQ,iBAAoC,QAAQ,CAAC,GAEvDC,IAAuB,CAACC,MAAwB;AACzD,QAAMC,IAAaC,EAAuB,IAAI,GAExCC,IAAoBC,EAAY,CAACC,MAAqC;AACxE,UAAMP,IAAUG,EAAW;AAE3B,QAAI,CAACH;AACD;AAGJ,UAAMQ,IAAUT,EAAkBC,CAAO,GACnCS,IAAiBD,EAAQ,OAAO,CAACE,MAAW,CAACA,EAAO,QAAQ,GAC5DC,IAAmBJ,KAAgBE,EAAe,SAASF,CAAY,IACvEA,IACAE,EAAe,KAAK,CAACC,MAAWA,EAAO,aAAa,CAAC,KAAKD,EAAe,CAAC;AAEhF,eAAWC,KAAUF;AACjB,MAAAE,EAAO,WAAWA,MAAWC,IAAmB,IAAI;AAAA,EAE5D,GAAG,CAAA,CAAE;AAEL,EAAAC,EAAU,MAAM;AACZ,IAAAP,EAAA;AAAA,EACJ,GAAG,CAACH,GAAUG,CAAiB,CAAC;AAEhC,QAAMQ,IAAcP,EAAY,CAACQ,MAAsC;AACnE,IAAIA,EAAM,kBAAkB,qBACxBT,EAAkBS,EAAM,MAAM;AAAA,EAEtC,GAAG,CAACT,CAAiB,CAAC,GAEhBU,IAAgBT,EAAY,CAACQ,MAAyC;AACxE,UAAMN,IAAUT,EAAkBe,EAAM,aAAa,EAChD,OAAO,CAACJ,MAAW,CAACA,EAAO,QAAQ,GAClCM,IAAgBF,EAAM,kBAAkB,oBACxCA,EAAM,SACN,QACAG,IAAeD,IAAgBR,EAAQ,QAAQQ,CAAa,IAAI;AAEtE,QAAIC,MAAiB;AACjB;AAGJ,UAAMC,IAAYJ,EAAM,QAAQ,gBACzBG,IAAe,KAAKT,EAAQ,SAC7BM,EAAM,QAAQ,eACTG,IAAe,IAAIT,EAAQ,UAAUA,EAAQ,SAC9CM,EAAM,QAAQ,SACV,IACAA,EAAM,QAAQ,QACVN,EAAQ,SAAS,IACjB;AAElB,IAAIU,MAAc,WACdJ,EAAM,eAAA,GACNT,EAAkBG,EAAQU,CAAS,CAAC,GACpCV,EAAQU,CAAS,EAAE,MAAA;AAAA,EAE3B,GAAG,CAACb,CAAiB,CAAC;AAEtB,SAAO;AAAA,IACH,YAAAF;AAAA,IACA,aAAAU;AAAA,IACA,eAAAE;AAAA,EAAA;AAER;"}

package/dist/components/forms/rich-text-editor/components/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toolbar } from './Toolbar.tsx';
+export type { ToolbarProps } from './types/Toolbar.props.ts';

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit123.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                             */var e={root:"z89th0"};exports.TOOLBAR_STYLES=e;
+//# sourceMappingURL=Toolbar.css.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.d.ts

@@ -0,0 +1,3 @@
+export declare const TOOLBAR_STYLES: {
+    root: string;
+};

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit123.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                           */
+var t = { root: "z89th0" };
+export {
+  t as TOOLBAR_STYLES
+};
+//# sourceMappingURL=Toolbar.css.js.map

package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/rich-text-editor/components/toolbar/types/Toolbar.props.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type ToolbarProps = {
+    children: ReactNode;
+    'aria-label'?: string;
+    className?: string;
+};

package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),i=require("./styles/ToolbarGroup.css.cjs"),t=require("../../../../../utils/cn.cjs"),r=({children:o,className:e,"aria-label":s})=>a.jsx("div",{className:t.cn(i.TOOLBAR_GROUP_STYLES.root,e),role:"group","aria-label":s,children:o});r.displayName="RichTextEditor.ToolbarGroup";module.exports=r;
+//# sourceMappingURL=ToolbarGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.tsx"],"sourcesContent":["import { TOOLBAR_GROUP_STYLES } from '@components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.ts'\r\nimport type { ToolbarGroupProps } from '@components/forms/rich-text-editor/components/toolbar-group/types/ToolbarGroup.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst ToolbarGroup = ({\r\n    children,\r\n    className,\r\n    'aria-label': ariaLabel,\r\n}: ToolbarGroupProps) => (\r\n    <div\r\n        className={cn(TOOLBAR_GROUP_STYLES.root, className)}\r\n        role={'group'}\r\n        aria-label={ariaLabel}\r\n    >\r\n        {children}\r\n    </div>\r\n)\r\n\r\nToolbarGroup.displayName = 'RichTextEditor.ToolbarGroup'\r\n\r\nexport default ToolbarGroup\r\n"],"names":["ToolbarGroup","children","className","ariaLabel","jsx","cn","TOOLBAR_GROUP_STYLES"],"mappings":"sIAIMA,EAAe,CAAC,CAClB,SAAAC,EACA,UAAAC,EACA,aAAcC,CAClB,IACIC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,uBAAqB,KAAMJ,CAAS,EAClD,KAAM,QACN,aAAYC,EAEX,SAAAF,CAAA,CACL,EAGJD,EAAa,YAAc"}

package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.d.ts

@@ -0,0 +1,6 @@
+import { ToolbarGroupProps } from './types/ToolbarGroup.props.ts';
+declare const ToolbarGroup: {
+    ({ children, className, "aria-label": ariaLabel, }: ToolbarGroupProps): import("react").JSX.Element;
+    displayName: string;
+};
+export default ToolbarGroup;

package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+import { TOOLBAR_GROUP_STYLES as i } from "./styles/ToolbarGroup.css.js";
+import { cn as t } from "../../../../../utils/cn.js";
+const e = ({
+  children: o,
+  className: r,
+  "aria-label": a
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: t(i.root, r),
+    role: "group",
+    "aria-label": a,
+    children: o
+  }
+);
+e.displayName = "RichTextEditor.ToolbarGroup";
+export {
+  e as default
+};
+//# sourceMappingURL=ToolbarGroup.js.map

package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.tsx"],"sourcesContent":["import { TOOLBAR_GROUP_STYLES } from '@components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.ts'\r\nimport type { ToolbarGroupProps } from '@components/forms/rich-text-editor/components/toolbar-group/types/ToolbarGroup.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst ToolbarGroup = ({\r\n    children,\r\n    className,\r\n    'aria-label': ariaLabel,\r\n}: ToolbarGroupProps) => (\r\n    <div\r\n        className={cn(TOOLBAR_GROUP_STYLES.root, className)}\r\n        role={'group'}\r\n        aria-label={ariaLabel}\r\n    >\r\n        {children}\r\n    </div>\r\n)\r\n\r\nToolbarGroup.displayName = 'RichTextEditor.ToolbarGroup'\r\n\r\nexport default ToolbarGroup\r\n"],"names":["ToolbarGroup","children","className","ariaLabel","jsx","cn","TOOLBAR_GROUP_STYLES"],"mappings":";;;AAIA,MAAMA,IAAe,CAAC;AAAA,EAClB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAClB,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAWC,EAAGC,EAAqB,MAAMJ,CAAS;AAAA,IAClD,MAAM;AAAA,IACN,cAAYC;AAAA,IAEX,UAAAF;AAAA,EAAA;AACL;AAGJD,EAAa,cAAc;"}

package/dist/components/forms/rich-text-editor/components/toolbar-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToolbarGroup } from './ToolbarGroup.tsx';
+export type { ToolbarGroupProps } from './types/ToolbarGroup.props.ts';

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit119.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"t87r190"};exports.TOOLBAR_GROUP_STYLES=e;
+//# sourceMappingURL=ToolbarGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.d.ts

@@ -0,0 +1,3 @@
+export declare const TOOLBAR_GROUP_STYLES: {
+    root: string;
+};

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit119.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                */
+var t = { root: "t87r190" };
+export {
+  t as TOOLBAR_GROUP_STYLES
+};
+//# sourceMappingURL=ToolbarGroup.css.js.map

package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/rich-text-editor/components/toolbar-group/types/ToolbarGroup.props.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type ToolbarGroupProps = {
+    children: ReactNode;
+    className?: string;
+    'aria-label'?: string;
+};

package/dist/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),i=require("../alignment-group/AlignmentGroup.cjs"),n=require("../block-format-group/BlockFormatGroup.cjs"),a=require("../image-group/ImageGroup.cjs"),u=require("../link-group/LinkGroup.cjs"),l=require("../lists-group/ListsGroup.cjs"),x=require("../text-appearance-group/TextColorMenu.cjs"),c=require("../text-appearance-group/TextSizeMenu.cjs"),j=require("../text-style-group/TextStyleGroup.cjs"),s=require("../toolbar-group/ToolbarGroup.cjs"),o=require("../toolbar-separator/ToolbarSeparator.cjs"),p=require("../../context/RichTextEditor.context.cjs"),t=()=>{const{labels:e}=p.useRichTextEditorContext();return r.jsxs(r.Fragment,{children:[r.jsxs(s,{"aria-label":e.fontSizeAndBlockFormatGroup,children:[r.jsx(c,{}),r.jsx(n,{})]}),r.jsx(o,{}),r.jsx(s,{"aria-label":e.textStyleGroup,children:r.jsx(j,{})}),r.jsx(o,{}),r.jsx(s,{"aria-label":e.textAppearanceGroup,children:r.jsx(x,{})}),r.jsx(o,{}),r.jsxs(s,{"aria-label":e.alignmentAndListsGroup,children:[r.jsx(i,{}),r.jsx(l,{})]}),r.jsx(o,{}),r.jsxs(s,{"aria-label":e.linksAndImagesGroup,children:[r.jsx(u,{}),r.jsx(a,{})]})]})};t.displayName="RichTextEditor.ToolbarGroups";module.exports=t;
+//# sourceMappingURL=ToolbarGroups.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroups.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.tsx"],"sourcesContent":["import AlignmentGroup from '@components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.tsx'\r\nimport BlockFormatGroup from '@components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx'\r\nimport ImageGroup from '@components/forms/rich-text-editor/components/image-group/ImageGroup.tsx'\r\nimport LinkGroup from '@components/forms/rich-text-editor/components/link-group/LinkGroup.tsx'\r\nimport ListsGroup from '@components/forms/rich-text-editor/components/lists-group/ListsGroup.tsx'\r\nimport TextColorMenu from '@components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx'\r\nimport TextSizeMenu from '@components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.tsx'\r\nimport TextStyleGroup from '@components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx'\r\nimport ToolbarGroup from '@components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.tsx'\r\nimport ToolbarSeparator from '@components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\n\r\nconst ToolbarGroups = () => {\r\n    const { labels } = useRichTextEditorContext()\r\n\r\n    return (\r\n        <>\r\n            <ToolbarGroup aria-label={labels.fontSizeAndBlockFormatGroup}>\r\n                <TextSizeMenu />\r\n                <BlockFormatGroup />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.textStyleGroup}>\r\n                <TextStyleGroup />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.textAppearanceGroup}>\r\n                <TextColorMenu />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.alignmentAndListsGroup}>\r\n                <AlignmentGroup />\r\n                <ListsGroup />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.linksAndImagesGroup}>\r\n                <LinkGroup />\r\n                <ImageGroup />\r\n            </ToolbarGroup>\r\n        </>\r\n    )\r\n}\r\n\r\nToolbarGroups.displayName = 'RichTextEditor.ToolbarGroups'\r\n\r\nexport default ToolbarGroups\r\n"],"names":["ToolbarGroups","labels","useRichTextEditorContext","jsxs","Fragment","ToolbarGroup","jsx","TextSizeMenu","BlockFormatGroup","ToolbarSeparator","TextStyleGroup","TextColorMenu","AlignmentGroup","ListsGroup","LinkGroup","ImageGroup"],"mappings":"2lBAYMA,EAAgB,IAAM,CACxB,KAAM,CAAE,OAAAC,CAAA,EAAWC,2BAAA,EAEnB,OACIC,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAD,EAAAA,KAACE,EAAA,CAAa,aAAYJ,EAAO,4BAC7B,SAAA,CAAAK,EAAAA,IAACC,EAAA,EAAa,QACbC,EAAA,CAAA,CAAiB,CAAA,EACtB,QACCC,EAAA,EAAiB,QACjBJ,EAAA,CAAa,aAAYJ,EAAO,eAC7B,SAAAK,MAACI,IAAe,EACpB,QACCD,EAAA,EAAiB,QACjBJ,EAAA,CAAa,aAAYJ,EAAO,oBAC7B,SAAAK,MAACK,IAAc,EACnB,QACCF,EAAA,EAAiB,EAClBN,EAAAA,KAACE,EAAA,CAAa,aAAYJ,EAAO,uBAC7B,SAAA,CAAAK,EAAAA,IAACM,EAAA,EAAe,QACfC,EAAA,CAAA,CAAW,CAAA,EAChB,QACCJ,EAAA,EAAiB,EAClBN,EAAAA,KAACE,EAAA,CAAa,aAAYJ,EAAO,oBAC7B,SAAA,CAAAK,EAAAA,IAACQ,EAAA,EAAU,QACVC,EAAA,CAAA,CAAW,CAAA,CAAA,CAChB,CAAA,EACJ,CAER,EAEAf,EAAc,YAAc"}

package/dist/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.d.ts

@@ -0,0 +1,5 @@
+declare const ToolbarGroups: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};
+export default ToolbarGroups;

package/dist/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.js

@@ -0,0 +1,40 @@
+import { jsxs as e, Fragment as a, jsx as r } from "react/jsx-runtime";
+import l from "../alignment-group/AlignmentGroup.js";
+import m from "../block-format-group/BlockFormatGroup.js";
+import p from "../image-group/ImageGroup.js";
+import n from "../link-group/LinkGroup.js";
+import u from "../lists-group/ListsGroup.js";
+import s from "../text-appearance-group/TextColorMenu.js";
+import f from "../text-appearance-group/TextSizeMenu.js";
+import G from "../text-style-group/TextStyleGroup.js";
+import t from "../toolbar-group/ToolbarGroup.js";
+import i from "../toolbar-separator/ToolbarSeparator.js";
+import { useRichTextEditorContext as c } from "../../context/RichTextEditor.context.js";
+const d = () => {
+  const { labels: o } = c();
+  return /* @__PURE__ */ e(a, { children: [
+    /* @__PURE__ */ e(t, { "aria-label": o.fontSizeAndBlockFormatGroup, children: [
+      /* @__PURE__ */ r(f, {}),
+      /* @__PURE__ */ r(m, {})
+    ] }),
+    /* @__PURE__ */ r(i, {}),
+    /* @__PURE__ */ r(t, { "aria-label": o.textStyleGroup, children: /* @__PURE__ */ r(G, {}) }),
+    /* @__PURE__ */ r(i, {}),
+    /* @__PURE__ */ r(t, { "aria-label": o.textAppearanceGroup, children: /* @__PURE__ */ r(s, {}) }),
+    /* @__PURE__ */ r(i, {}),
+    /* @__PURE__ */ e(t, { "aria-label": o.alignmentAndListsGroup, children: [
+      /* @__PURE__ */ r(l, {}),
+      /* @__PURE__ */ r(u, {})
+    ] }),
+    /* @__PURE__ */ r(i, {}),
+    /* @__PURE__ */ e(t, { "aria-label": o.linksAndImagesGroup, children: [
+      /* @__PURE__ */ r(n, {}),
+      /* @__PURE__ */ r(p, {})
+    ] })
+  ] });
+};
+d.displayName = "RichTextEditor.ToolbarGroups";
+export {
+  d as default
+};
+//# sourceMappingURL=ToolbarGroups.js.map

package/dist/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroups.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.tsx"],"sourcesContent":["import AlignmentGroup from '@components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.tsx'\r\nimport BlockFormatGroup from '@components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx'\r\nimport ImageGroup from '@components/forms/rich-text-editor/components/image-group/ImageGroup.tsx'\r\nimport LinkGroup from '@components/forms/rich-text-editor/components/link-group/LinkGroup.tsx'\r\nimport ListsGroup from '@components/forms/rich-text-editor/components/lists-group/ListsGroup.tsx'\r\nimport TextColorMenu from '@components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx'\r\nimport TextSizeMenu from '@components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.tsx'\r\nimport TextStyleGroup from '@components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx'\r\nimport ToolbarGroup from '@components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.tsx'\r\nimport ToolbarSeparator from '@components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\n\r\nconst ToolbarGroups = () => {\r\n    const { labels } = useRichTextEditorContext()\r\n\r\n    return (\r\n        <>\r\n            <ToolbarGroup aria-label={labels.fontSizeAndBlockFormatGroup}>\r\n                <TextSizeMenu />\r\n                <BlockFormatGroup />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.textStyleGroup}>\r\n                <TextStyleGroup />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.textAppearanceGroup}>\r\n                <TextColorMenu />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.alignmentAndListsGroup}>\r\n                <AlignmentGroup />\r\n                <ListsGroup />\r\n            </ToolbarGroup>\r\n            <ToolbarSeparator />\r\n            <ToolbarGroup aria-label={labels.linksAndImagesGroup}>\r\n                <LinkGroup />\r\n                <ImageGroup />\r\n            </ToolbarGroup>\r\n        </>\r\n    )\r\n}\r\n\r\nToolbarGroups.displayName = 'RichTextEditor.ToolbarGroups'\r\n\r\nexport default ToolbarGroups\r\n"],"names":["ToolbarGroups","labels","useRichTextEditorContext","jsxs","Fragment","ToolbarGroup","jsx","TextSizeMenu","BlockFormatGroup","ToolbarSeparator","TextStyleGroup","TextColorMenu","AlignmentGroup","ListsGroup","LinkGroup","ImageGroup"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAgB,MAAM;AACxB,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAa,cAAYJ,EAAO,6BAC7B,UAAA;AAAA,MAAA,gBAAAK,EAACC,GAAA,EAAa;AAAA,wBACbC,GAAA,CAAA,CAAiB;AAAA,IAAA,GACtB;AAAA,sBACCC,GAAA,EAAiB;AAAA,sBACjBJ,GAAA,EAAa,cAAYJ,EAAO,gBAC7B,UAAA,gBAAAK,EAACI,KAAe,GACpB;AAAA,sBACCD,GAAA,EAAiB;AAAA,sBACjBJ,GAAA,EAAa,cAAYJ,EAAO,qBAC7B,UAAA,gBAAAK,EAACK,KAAc,GACnB;AAAA,sBACCF,GAAA,EAAiB;AAAA,IAClB,gBAAAN,EAACE,GAAA,EAAa,cAAYJ,EAAO,wBAC7B,UAAA;AAAA,MAAA,gBAAAK,EAACM,GAAA,EAAe;AAAA,wBACfC,GAAA,CAAA,CAAW;AAAA,IAAA,GAChB;AAAA,sBACCJ,GAAA,EAAiB;AAAA,IAClB,gBAAAN,EAACE,GAAA,EAAa,cAAYJ,EAAO,qBAC7B,UAAA;AAAA,MAAA,gBAAAK,EAACQ,GAAA,EAAU;AAAA,wBACVC,GAAA,CAAA,CAAW;AAAA,IAAA,EAAA,CAChB;AAAA,EAAA,GACJ;AAER;AAEAf,EAAc,cAAc;"}

package/dist/components/forms/rich-text-editor/components/toolbar-groups/index.d.ts

@@ -0,0 +1 @@
+export { default as ToolbarGroups } from './ToolbarGroups.tsx';

package/dist/components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),a=require("./styles/ToolbarSeparator.css.cjs"),r=()=>o.jsx("div",{className:a.TOOLBAR_SEPARATOR_STYLES.root,role:"separator","aria-orientation":"vertical"});r.displayName="RichTextEditor.ToolbarSeparator";module.exports=r;
+//# sourceMappingURL=ToolbarSeparator.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarSeparator.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.tsx"],"sourcesContent":["import { TOOLBAR_SEPARATOR_STYLES } from '@components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.ts'\r\n\r\nconst ToolbarSeparator = () => (\r\n    <div\r\n        className={TOOLBAR_SEPARATOR_STYLES.root}\r\n        role={'separator'}\r\n        aria-orientation={'vertical'}\r\n    />\r\n)\r\n\r\nToolbarSeparator.displayName = 'RichTextEditor.ToolbarSeparator'\r\n\r\nexport default ToolbarSeparator\r\n"],"names":["ToolbarSeparator","jsx","TOOLBAR_SEPARATOR_STYLES"],"mappings":"iGAEMA,EAAmB,IACrBC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,yBAAyB,KACpC,KAAM,YACN,mBAAkB,UAAA,CACtB,EAGJF,EAAiB,YAAc"}

package/dist/components/forms/rich-text-editor/components/toolbar-separator/ToolbarSeparator.d.ts

@@ -0,0 +1,5 @@
+declare const ToolbarSeparator: {
+    (): import("react").JSX.Element;
+    displayName: string;
+};
+export default ToolbarSeparator;