@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/forms/number-field/types/NumberField.props.d.ts

@@ -0,0 +1,30 @@
+import { NumberField as BaseNumberField } from '@base-ui/react/number-field';
+import { RefAttributes } from 'react';
+import { NumberFieldSize } from './NumberField.types.ts';
+import type * as React from 'react';
+type NumberFieldRootProps = Pick<BaseNumberField.Root.Props, 'allowOutOfRange' | 'allowWheelScrub' | 'defaultValue' | 'format' | 'largeStep' | 'locale' | 'max' | 'min' | 'onValueChange' | 'onValueCommitted' | 'readOnly' | 'smallStep' | 'snapOnStep' | 'step' | 'value'>;
+export type NumberFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'disabled' | 'form' | 'id' | 'max' | 'min' | 'name' | 'readOnly' | 'required' | 'size' | 'step' | 'type' | 'value'> & RefAttributes<HTMLInputElement> & NumberFieldRootProps & {
+    /** Input size. @default 'md' */
+    size?: NumberFieldSize;
+    /** Text label rendered above the input, linked to the number input. */
+    label?: string;
+    /** Helper text rendered below the input. Hidden when `error` is provided. */
+    helperText?: string;
+    /** Error message rendered below the input and exposed through `aria-invalid`. */
+    error?: string;
+    /** CSS width of the outer wrapper. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Identifies the input when the field is submitted. */
+    name?: string;
+    /** Identifies the form that owns the field. */
+    form?: string;
+    /** Whether the field is disabled. */
+    disabled?: boolean;
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Whether the field is read-only. */
+    readOnly?: boolean;
+    /** HTML id linked to the visible label. */
+    id?: string;
+};
+export {};

package/dist/components/forms/number-field/types/NumberField.types.d.ts

@@ -0,0 +1,3 @@
+import { TEXT_FIELD_SIZES } from '../../text-field/constants';
+/** Size variants shared with the text field family. */
+export type NumberFieldSize = (typeof TEXT_FIELD_SIZES)[keyof typeof TEXT_FIELD_SIZES];

package/dist/components/forms/number-field/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { NumberFieldProps } from './NumberField.props.ts';
+export type { NumberFieldSize } from './NumberField.types.ts';

package/dist/components/forms/rich-text-editor/RichTextEditor.cjs

@@ -0,0 +1,2 @@
+"use strict";const G=require("react/jsx-runtime"),t=require("react"),k=require("./components/alignment-group/AlignmentGroup.cjs"),y=require("./components/block-format-group/BlockFormatGroup.cjs"),U=require("./components/editor-field/EditorField.cjs"),A=require("./components/helper-text/HelperText.cjs"),F=require("./components/history-group/HistoryGroup.cjs"),H=require("./components/history-group/Undo.cjs"),D=require("./components/history-group/Redo.cjs"),g=require("./components/image-group/ImageGroup.cjs"),C=require("./components/link-group/LinkGroup.cjs"),O=require("./components/link-group/SetLink.cjs"),f=require("./components/link-group/UnsetLink.cjs"),v=require("./components/lists-group/ListsGroup.cjs"),B=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                  */const N=require("./components/read-only-field/ReadOnlyField.cjs"),j=require("./components/text-appearance-group/TextAppearanceGroup.cjs"),X=require("./components/text-style-group/TextStyleGroup.cjs"),r=require("./components/text-style-group/TextStyleAction.cjs"),M=require("./components/toolbar/Toolbar.cjs"),P=require("./components/toolbar-groups/ToolbarGroups.cjs"),Y=require("./components/toolbar-group/ToolbarGroup.cjs"),J=require("./components/toolbar-separator/ToolbarSeparator.cjs"),V=require("./context/RichTextEditor.context.cjs"),z=require("../../../utils/cn.cjs"),K=require("./constants/richTextEmptyDocument.const.cjs"),Q=require("./constants/richTextEditorDefaultLabels.const.cjs"),W=require("./styles/RichTextEditor.css.cjs"),Z=require("./hooks/useRichTextEditor.hook.cjs"),e=t.memo(({value:i,defaultValue:n,onValueChange:R,onImageUpload:_,label:s,helperText:c,error:u,placeholder:m,disabled:l=!1,readOnly:T=!1,required:a=!1,width:d,className:I,name:L,labels:S,"aria-label":p,"aria-labelledby":q,children:b})=>{const x=t.useId(),E=t.useId(),o=Z.useRichTextEditor({value:i,defaultValue:n,onValueChange:R,disabled:l,readOnly:T,required:a,label:s,placeholder:m,error:u,helperText:c,labelId:x,helperId:E,ariaLabel:p,ariaLabelledBy:q}),h={editor:o,disabled:l,readOnly:T,onImageUpload:_,label:s,helperText:c,error:u,ariaLabel:p,ariaLabelledBy:q,labelId:x,helperId:E,name:L,required:a,renderedValue:o?.getJSON()??i??n??K.EMPTY_RICH_TEXT_DOCUMENT,labels:{...Q.RICH_TEXT_EDITOR_DEFAULT_LABELS,...S}};return o?G.jsx(V.RichTextEditorContext.Provider,{value:h,children:G.jsx("div",{className:z.cn(W.RICH_TEXT_EDITOR_STYLES.root,I),style:d!==void 0?{width:d}:void 0,children:b})}):null});e.displayName="RichTextEditor";e.Label=B;e.EditorField=U;e.ReadOnlyField=N;e.HelperText=A;e.Toolbar=M;e.ToolbarGroups=P;e.ToolbarGroup=Y;e.ToolbarSeparator=J;e.HistoryGroup=F;e.Undo=H;e.Redo=D;e.TextStyleGroup=X;e.Bold=r.Bold;e.Italic=r.Italic;e.Underline=r.Underline;e.Strike=r.Strike;e.TextAppearanceGroup=j;e.LinkGroup=C;e.SetLink=O;e.UnsetLink=f;e.BlockFormatGroup=y;e.ListsGroup=v;e.AlignmentGroup=k;e.ImageGroup=g;module.exports=e;
+//# sourceMappingURL=RichTextEditor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.cjs","sources":["../../../../src/components/forms/rich-text-editor/RichTextEditor.tsx"],"sourcesContent":["import { memo, useId } from 'react'\r\n\r\nimport 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 EditorField from '@components/forms/rich-text-editor/components/editor-field/EditorField.tsx'\r\nimport HelperText from '@components/forms/rich-text-editor/components/helper-text/HelperText.tsx'\r\nimport HistoryGroup from '@components/forms/rich-text-editor/components/history-group/HistoryGroup.tsx'\r\nimport { Redo, Undo } from '@components/forms/rich-text-editor/components/history-group'\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 { SetLink, UnsetLink } from '@components/forms/rich-text-editor/components/link-group'\r\nimport ListsGroup from '@components/forms/rich-text-editor/components/lists-group/ListsGroup.tsx'\r\nimport { RichTextEditorLabel } from '@components/forms/rich-text-editor/components/rich-text-editor-label'\r\nimport ReadOnlyField from '@components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx'\r\nimport TextAppearanceGroup from '@components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.tsx'\r\nimport TextStyleGroup from '@components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx'\r\nimport {\r\n    Bold,\r\n    Italic,\r\n    Strike,\r\n    Underline,\r\n} from '@components/forms/rich-text-editor/components/text-style-group'\r\nimport Toolbar from '@components/forms/rich-text-editor/components/toolbar/Toolbar.tsx'\r\nimport ToolbarGroups from '@components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.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 { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { EMPTY_RICH_TEXT_DOCUMENT } from '@components/forms/rich-text-editor/constants/richTextEmptyDocument.const.ts'\r\nimport { RICH_TEXT_EDITOR_DEFAULT_LABELS } from '@components/forms/rich-text-editor/constants/richTextEditorDefaultLabels.const.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { useRichTextEditor } from '@components/forms/rich-text-editor/hooks/useRichTextEditor.hook.ts'\r\nimport type {\r\n    RichTextEditorCompound,\r\n    RichTextEditorProps,\r\n    RichTextValue,\r\n} from '@components/forms/rich-text-editor/types'\r\n\r\nconst RichTextEditor = memo<RichTextEditorProps>(({\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    onImageUpload,\r\n    label,\r\n    helperText,\r\n    error,\r\n    placeholder,\r\n    disabled = false,\r\n    readOnly = false,\r\n    required = false,\r\n    width,\r\n    className,\r\n    name,\r\n    labels,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    children,\r\n}) => {\r\n    const labelId = useId()\r\n    const helperId = useId()\r\n    const editor = useRichTextEditor({\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        disabled,\r\n        readOnly,\r\n        required,\r\n        label,\r\n        placeholder,\r\n        error,\r\n        helperText,\r\n        labelId,\r\n        helperId,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n    })\r\n\r\n    // Rebuilt on every render so static compound children observe editor transactions.\r\n    const contextValue = {\r\n        editor,\r\n        disabled,\r\n        readOnly,\r\n        onImageUpload,\r\n        label,\r\n        helperText,\r\n        error,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n        labelId,\r\n        helperId,\r\n        name,\r\n        required,\r\n        renderedValue: (editor?.getJSON() as RichTextValue | undefined)\r\n            ?? value\r\n            ?? defaultValue\r\n            ?? EMPTY_RICH_TEXT_DOCUMENT,\r\n        labels: { ...RICH_TEXT_EDITOR_DEFAULT_LABELS, ...labels },\r\n    }\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <RichTextEditorContext.Provider value={contextValue}>\r\n            <div\r\n                className={cn(RICH_TEXT_EDITOR_STYLES.root, className)}\r\n                style={width !== undefined ? { width } : undefined}\r\n            >\r\n                {children}\r\n            </div>\r\n        </RichTextEditorContext.Provider>\r\n    )\r\n}) as unknown as RichTextEditorCompound\r\n\r\nRichTextEditor.displayName = 'RichTextEditor'\r\nRichTextEditor.Label = RichTextEditorLabel\r\nRichTextEditor.EditorField = EditorField\r\nRichTextEditor.ReadOnlyField = ReadOnlyField\r\nRichTextEditor.HelperText = HelperText\r\nRichTextEditor.Toolbar = Toolbar\r\nRichTextEditor.ToolbarGroups = ToolbarGroups\r\nRichTextEditor.ToolbarGroup = ToolbarGroup\r\nRichTextEditor.ToolbarSeparator = ToolbarSeparator\r\nRichTextEditor.HistoryGroup = HistoryGroup\r\nRichTextEditor.Undo = Undo\r\nRichTextEditor.Redo = Redo\r\nRichTextEditor.TextStyleGroup = TextStyleGroup\r\nRichTextEditor.Bold = Bold\r\nRichTextEditor.Italic = Italic\r\nRichTextEditor.Underline = Underline\r\nRichTextEditor.Strike = Strike\r\nRichTextEditor.TextAppearanceGroup = TextAppearanceGroup\r\nRichTextEditor.LinkGroup = LinkGroup\r\nRichTextEditor.SetLink = SetLink\r\nRichTextEditor.UnsetLink = UnsetLink\r\nRichTextEditor.BlockFormatGroup = BlockFormatGroup\r\nRichTextEditor.ListsGroup = ListsGroup\r\nRichTextEditor.AlignmentGroup = AlignmentGroup\r\nRichTextEditor.ImageGroup = ImageGroup\r\n\r\nexport default RichTextEditor\r\n"],"names":["RichTextEditor","memo","value","defaultValue","onValueChange","onImageUpload","label","helperText","error","placeholder","disabled","readOnly","required","width","className","name","labels","ariaLabel","ariaLabelledBy","children","labelId","useId","helperId","editor","useRichTextEditor","contextValue","EMPTY_RICH_TEXT_DOCUMENT","RICH_TEXT_EDITOR_DEFAULT_LABELS","jsx","RichTextEditorContext","cn","RICH_TEXT_EDITOR_STYLES","RichTextEditorLabel","EditorField","ReadOnlyField","HelperText","Toolbar","ToolbarGroups","ToolbarGroup","ToolbarSeparator","HistoryGroup","Undo","Redo","TextStyleGroup","Bold","Italic","Underline","Strike","TextAppearanceGroup","LinkGroup","SetLink","UnsetLink","BlockFormatGroup","ListsGroup","AlignmentGroup","ImageGroup"],"mappings":"kwDAsCMA,EAAiBC,EAAAA,KAA0B,CAAC,CAC9C,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,cAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,SAAAC,CACJ,IAAM,CACF,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAWD,EAAAA,MAAA,EACXE,EAASC,EAAAA,kBAAkB,CAC7B,MAAAtB,EACA,aAAAC,EACA,cAAAC,EACA,SAAAM,EACA,SAAAC,EACA,SAAAC,EACA,MAAAN,EACA,YAAAG,EACA,MAAAD,EACA,WAAAD,EACA,QAAAa,EACA,SAAAE,EACA,UAAAL,EACA,eAAAC,CAAA,CACH,EAGKO,EAAe,CACjB,OAAAF,EACA,SAAAb,EACA,SAAAC,EACA,cAAAN,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAS,EACA,eAAAC,EACA,QAAAE,EACA,SAAAE,EACA,KAAAP,EACA,SAAAH,EACA,cAAgBW,GAAQ,QAAA,GACjBrB,GACAC,GACAuB,EAAAA,yBACP,OAAQ,CAAE,GAAGC,EAAAA,gCAAiC,GAAGX,CAAA,CAAO,EAG5D,OAAKO,EAKDK,EAAAA,IAACC,EAAAA,sBAAsB,SAAtB,CAA+B,MAAOJ,EACnC,SAAAG,EAAAA,IAAC,MAAA,CACG,UAAWE,EAAAA,GAAGC,0BAAwB,KAAMjB,CAAS,EACrD,MAAOD,IAAU,OAAY,CAAE,MAAAA,GAAU,OAExC,SAAAM,CAAA,CAAA,EAET,EAXO,IAaf,CAAC,EAEDnB,EAAe,YAAc,iBAC7BA,EAAe,MAAQgC,EACvBhC,EAAe,YAAciC,EAC7BjC,EAAe,cAAgBkC,EAC/BlC,EAAe,WAAamC,EAC5BnC,EAAe,QAAUoC,EACzBpC,EAAe,cAAgBqC,EAC/BrC,EAAe,aAAesC,EAC9BtC,EAAe,iBAAmBuC,EAClCvC,EAAe,aAAewC,EAC9BxC,EAAe,KAAOyC,EACtBzC,EAAe,KAAO0C,EACtB1C,EAAe,eAAiB2C,EAChC3C,EAAe,KAAO4C,EAAAA,KACtB5C,EAAe,OAAS6C,EAAAA,OACxB7C,EAAe,UAAY8C,EAAAA,UAC3B9C,EAAe,OAAS+C,EAAAA,OACxB/C,EAAe,oBAAsBgD,EACrChD,EAAe,UAAYiD,EAC3BjD,EAAe,QAAUkD,EACzBlD,EAAe,UAAYmD,EAC3BnD,EAAe,iBAAmBoD,EAClCpD,EAAe,WAAaqD,EAC5BrD,EAAe,eAAiBsD,EAChCtD,EAAe,WAAauD"}

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

@@ -0,0 +1,3 @@
+import { RichTextEditorCompound } from './types';
+declare const RichTextEditor: RichTextEditorCompound;
+export default RichTextEditor;

package/dist/components/forms/rich-text-editor/RichTextEditor.js

@@ -0,0 +1,122 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as _, useId as G } from "react";
+import U from "./components/alignment-group/AlignmentGroup.js";
+import y from "./components/block-format-group/BlockFormatGroup.js";
+import F from "./components/editor-field/EditorField.js";
+import H from "./components/helper-text/HelperText.js";
+import A from "./components/history-group/HistoryGroup.js";
+import g from "./components/history-group/Undo.js";
+import h from "./components/history-group/Redo.js";
+import C from "./components/image-group/ImageGroup.js";
+import O from "./components/link-group/LinkGroup.js";
+import v from "./components/link-group/SetLink.js";
+import B from "./components/link-group/UnsetLink.js";
+import D from "./components/lists-group/ListsGroup.js";
+import N from "./components/rich-text-editor-label/RichTextEditorLabel.js";
+/* empty css                                         */
+/* empty css                                             */
+/* empty css                                                                                */
+import X from "./components/read-only-field/ReadOnlyField.js";
+import M from "./components/text-appearance-group/TextAppearanceGroup.js";
+import P from "./components/text-style-group/TextStyleGroup.js";
+import { Bold as Y, Italic as j, Underline as J, Strike as V } from "./components/text-style-group/TextStyleAction.js";
+import z from "./components/toolbar/Toolbar.js";
+import K from "./components/toolbar-groups/ToolbarGroups.js";
+import Q from "./components/toolbar-group/ToolbarGroup.js";
+import W from "./components/toolbar-separator/ToolbarSeparator.js";
+import { RichTextEditorContext as Z } from "./context/RichTextEditor.context.js";
+import { cn as $ } from "../../../utils/cn.js";
+import { EMPTY_RICH_TEXT_DOCUMENT as q } from "./constants/richTextEmptyDocument.const.js";
+import { RICH_TEXT_EDITOR_DEFAULT_LABELS as w } from "./constants/richTextEditorDefaultLabels.const.js";
+import { RICH_TEXT_EDITOR_STYLES as oo } from "./styles/RichTextEditor.css.js";
+import { useRichTextEditor as ro } from "./hooks/useRichTextEditor.hook.js";
+const o = _(({
+  value: t,
+  defaultValue: i,
+  onValueChange: E,
+  onImageUpload: x,
+  label: m,
+  helperText: e,
+  error: p,
+  placeholder: R,
+  disabled: l = !1,
+  readOnly: a = !1,
+  required: n = !1,
+  width: f,
+  className: I,
+  name: L,
+  labels: S,
+  "aria-label": T,
+  "aria-labelledby": d,
+  children: b
+}) => {
+  const s = G(), u = G(), r = ro({
+    value: t,
+    defaultValue: i,
+    onValueChange: E,
+    disabled: l,
+    readOnly: a,
+    required: n,
+    label: m,
+    placeholder: R,
+    error: p,
+    helperText: e,
+    labelId: s,
+    helperId: u,
+    ariaLabel: T,
+    ariaLabelledBy: d
+  }), k = {
+    editor: r,
+    disabled: l,
+    readOnly: a,
+    onImageUpload: x,
+    label: m,
+    helperText: e,
+    error: p,
+    ariaLabel: T,
+    ariaLabelledBy: d,
+    labelId: s,
+    helperId: u,
+    name: L,
+    required: n,
+    renderedValue: r?.getJSON() ?? t ?? i ?? q,
+    labels: { ...w, ...S }
+  };
+  return r ? /* @__PURE__ */ c(Z.Provider, { value: k, children: /* @__PURE__ */ c(
+    "div",
+    {
+      className: $(oo.root, I),
+      style: f !== void 0 ? { width: f } : void 0,
+      children: b
+    }
+  ) }) : null;
+});
+o.displayName = "RichTextEditor";
+o.Label = N;
+o.EditorField = F;
+o.ReadOnlyField = X;
+o.HelperText = H;
+o.Toolbar = z;
+o.ToolbarGroups = K;
+o.ToolbarGroup = Q;
+o.ToolbarSeparator = W;
+o.HistoryGroup = A;
+o.Undo = g;
+o.Redo = h;
+o.TextStyleGroup = P;
+o.Bold = Y;
+o.Italic = j;
+o.Underline = J;
+o.Strike = V;
+o.TextAppearanceGroup = M;
+o.LinkGroup = O;
+o.SetLink = v;
+o.UnsetLink = B;
+o.BlockFormatGroup = y;
+o.ListsGroup = D;
+o.AlignmentGroup = U;
+o.ImageGroup = C;
+export {
+  o as default
+};
+//# sourceMappingURL=RichTextEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor.js","sources":["../../../../src/components/forms/rich-text-editor/RichTextEditor.tsx"],"sourcesContent":["import { memo, useId } from 'react'\r\n\r\nimport 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 EditorField from '@components/forms/rich-text-editor/components/editor-field/EditorField.tsx'\r\nimport HelperText from '@components/forms/rich-text-editor/components/helper-text/HelperText.tsx'\r\nimport HistoryGroup from '@components/forms/rich-text-editor/components/history-group/HistoryGroup.tsx'\r\nimport { Redo, Undo } from '@components/forms/rich-text-editor/components/history-group'\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 { SetLink, UnsetLink } from '@components/forms/rich-text-editor/components/link-group'\r\nimport ListsGroup from '@components/forms/rich-text-editor/components/lists-group/ListsGroup.tsx'\r\nimport { RichTextEditorLabel } from '@components/forms/rich-text-editor/components/rich-text-editor-label'\r\nimport ReadOnlyField from '@components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx'\r\nimport TextAppearanceGroup from '@components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.tsx'\r\nimport TextStyleGroup from '@components/forms/rich-text-editor/components/text-style-group/TextStyleGroup.tsx'\r\nimport {\r\n    Bold,\r\n    Italic,\r\n    Strike,\r\n    Underline,\r\n} from '@components/forms/rich-text-editor/components/text-style-group'\r\nimport Toolbar from '@components/forms/rich-text-editor/components/toolbar/Toolbar.tsx'\r\nimport ToolbarGroups from '@components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.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 { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { EMPTY_RICH_TEXT_DOCUMENT } from '@components/forms/rich-text-editor/constants/richTextEmptyDocument.const.ts'\r\nimport { RICH_TEXT_EDITOR_DEFAULT_LABELS } from '@components/forms/rich-text-editor/constants/richTextEditorDefaultLabels.const.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { useRichTextEditor } from '@components/forms/rich-text-editor/hooks/useRichTextEditor.hook.ts'\r\nimport type {\r\n    RichTextEditorCompound,\r\n    RichTextEditorProps,\r\n    RichTextValue,\r\n} from '@components/forms/rich-text-editor/types'\r\n\r\nconst RichTextEditor = memo<RichTextEditorProps>(({\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    onImageUpload,\r\n    label,\r\n    helperText,\r\n    error,\r\n    placeholder,\r\n    disabled = false,\r\n    readOnly = false,\r\n    required = false,\r\n    width,\r\n    className,\r\n    name,\r\n    labels,\r\n    'aria-label': ariaLabel,\r\n    'aria-labelledby': ariaLabelledBy,\r\n    children,\r\n}) => {\r\n    const labelId = useId()\r\n    const helperId = useId()\r\n    const editor = useRichTextEditor({\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n        disabled,\r\n        readOnly,\r\n        required,\r\n        label,\r\n        placeholder,\r\n        error,\r\n        helperText,\r\n        labelId,\r\n        helperId,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n    })\r\n\r\n    // Rebuilt on every render so static compound children observe editor transactions.\r\n    const contextValue = {\r\n        editor,\r\n        disabled,\r\n        readOnly,\r\n        onImageUpload,\r\n        label,\r\n        helperText,\r\n        error,\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n        labelId,\r\n        helperId,\r\n        name,\r\n        required,\r\n        renderedValue: (editor?.getJSON() as RichTextValue | undefined)\r\n            ?? value\r\n            ?? defaultValue\r\n            ?? EMPTY_RICH_TEXT_DOCUMENT,\r\n        labels: { ...RICH_TEXT_EDITOR_DEFAULT_LABELS, ...labels },\r\n    }\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <RichTextEditorContext.Provider value={contextValue}>\r\n            <div\r\n                className={cn(RICH_TEXT_EDITOR_STYLES.root, className)}\r\n                style={width !== undefined ? { width } : undefined}\r\n            >\r\n                {children}\r\n            </div>\r\n        </RichTextEditorContext.Provider>\r\n    )\r\n}) as unknown as RichTextEditorCompound\r\n\r\nRichTextEditor.displayName = 'RichTextEditor'\r\nRichTextEditor.Label = RichTextEditorLabel\r\nRichTextEditor.EditorField = EditorField\r\nRichTextEditor.ReadOnlyField = ReadOnlyField\r\nRichTextEditor.HelperText = HelperText\r\nRichTextEditor.Toolbar = Toolbar\r\nRichTextEditor.ToolbarGroups = ToolbarGroups\r\nRichTextEditor.ToolbarGroup = ToolbarGroup\r\nRichTextEditor.ToolbarSeparator = ToolbarSeparator\r\nRichTextEditor.HistoryGroup = HistoryGroup\r\nRichTextEditor.Undo = Undo\r\nRichTextEditor.Redo = Redo\r\nRichTextEditor.TextStyleGroup = TextStyleGroup\r\nRichTextEditor.Bold = Bold\r\nRichTextEditor.Italic = Italic\r\nRichTextEditor.Underline = Underline\r\nRichTextEditor.Strike = Strike\r\nRichTextEditor.TextAppearanceGroup = TextAppearanceGroup\r\nRichTextEditor.LinkGroup = LinkGroup\r\nRichTextEditor.SetLink = SetLink\r\nRichTextEditor.UnsetLink = UnsetLink\r\nRichTextEditor.BlockFormatGroup = BlockFormatGroup\r\nRichTextEditor.ListsGroup = ListsGroup\r\nRichTextEditor.AlignmentGroup = AlignmentGroup\r\nRichTextEditor.ImageGroup = ImageGroup\r\n\r\nexport default RichTextEditor\r\n"],"names":["RichTextEditor","memo","value","defaultValue","onValueChange","onImageUpload","label","helperText","error","placeholder","disabled","readOnly","required","width","className","name","labels","ariaLabel","ariaLabelledBy","children","labelId","useId","helperId","editor","useRichTextEditor","contextValue","EMPTY_RICH_TEXT_DOCUMENT","RICH_TEXT_EDITOR_DEFAULT_LABELS","jsx","RichTextEditorContext","cn","RICH_TEXT_EDITOR_STYLES","RichTextEditorLabel","EditorField","ReadOnlyField","HelperText","Toolbar","ToolbarGroups","ToolbarGroup","ToolbarSeparator","HistoryGroup","Undo","Redo","TextStyleGroup","Bold","Italic","Underline","Strike","TextAppearanceGroup","LinkGroup","SetLink","UnsetLink","BlockFormatGroup","ListsGroup","AlignmentGroup","ImageGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAMA,IAAiBC,EAA0B,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,UAAAC;AACJ,MAAM;AACF,QAAMC,IAAUC,EAAA,GACVC,IAAWD,EAAA,GACXE,IAASC,GAAkB;AAAA,IAC7B,OAAAtB;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAM;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAN;AAAA,IACA,aAAAG;AAAA,IACA,OAAAD;AAAA,IACA,YAAAD;AAAA,IACA,SAAAa;AAAA,IACA,UAAAE;AAAA,IACA,WAAAL;AAAA,IACA,gBAAAC;AAAA,EAAA,CACH,GAGKO,IAAe;AAAA,IACjB,QAAAF;AAAA,IACA,UAAAb;AAAA,IACA,UAAAC;AAAA,IACA,eAAAN;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAS;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAE;AAAA,IACA,UAAAE;AAAA,IACA,MAAAP;AAAA,IACA,UAAAH;AAAA,IACA,eAAgBW,GAAQ,QAAA,KACjBrB,KACAC,KACAuB;AAAA,IACP,QAAQ,EAAE,GAAGC,GAAiC,GAAGX,EAAA;AAAA,EAAO;AAG5D,SAAKO,IAKD,gBAAAK,EAACC,EAAsB,UAAtB,EAA+B,OAAOJ,GACnC,UAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWE,EAAGC,GAAwB,MAAMjB,CAAS;AAAA,MACrD,OAAOD,MAAU,SAAY,EAAE,OAAAA,MAAU;AAAA,MAExC,UAAAM;AAAA,IAAA;AAAA,EAAA,GAET,IAXO;AAaf,CAAC;AAEDnB,EAAe,cAAc;AAC7BA,EAAe,QAAQgC;AACvBhC,EAAe,cAAciC;AAC7BjC,EAAe,gBAAgBkC;AAC/BlC,EAAe,aAAamC;AAC5BnC,EAAe,UAAUoC;AACzBpC,EAAe,gBAAgBqC;AAC/BrC,EAAe,eAAesC;AAC9BtC,EAAe,mBAAmBuC;AAClCvC,EAAe,eAAewC;AAC9BxC,EAAe,OAAOyC;AACtBzC,EAAe,OAAO0C;AACtB1C,EAAe,iBAAiB2C;AAChC3C,EAAe,OAAO4C;AACtB5C,EAAe,SAAS6C;AACxB7C,EAAe,YAAY8C;AAC3B9C,EAAe,SAAS+C;AACxB/C,EAAe,sBAAsBgD;AACrChD,EAAe,YAAYiD;AAC3BjD,EAAe,UAAUkD;AACzBlD,EAAe,YAAYmD;AAC3BnD,EAAe,mBAAmBoD;AAClCpD,EAAe,aAAaqD;AAC5BrD,EAAe,iBAAiBsD;AAChCtD,EAAe,aAAauD;"}

package/dist/components/forms/rich-text-editor/RichTextEditorField.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),l=require("./RichTextEditor.cjs"),d=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                  */const o=require("./components/editor-field/EditorField.cjs"),a=require("./components/helper-text/HelperText.cjs"),u=require("./components/read-only-field/ReadOnlyField.cjs"),x=require("./components/toolbar/Toolbar.cjs"),q=require("./components/toolbar-groups/ToolbarGroups.cjs"),n=c.memo(r=>{const t=r.label,i=r.readOnly??!1,s=e.jsxs(e.Fragment,{children:[t&&e.jsx(d,{disabled:i?!1:r.disabled,children:t}),i?e.jsx(u,{}):e.jsxs(e.Fragment,{children:[e.jsx(x,{children:e.jsx(q,{})}),e.jsx(o,{})]}),e.jsx(a,{})]});return t!==void 0||r["aria-label"]!==void 0?e.jsx(l,{...r,readOnly:i,children:s}):e.jsx(l,{...r,readOnly:i,children:s})});n.displayName="RichTextEditorField";module.exports=n;
+//# sourceMappingURL=RichTextEditorField.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorField.cjs","sources":["../../../../src/components/forms/rich-text-editor/RichTextEditorField.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport RichTextEditor from '@components/forms/rich-text-editor/RichTextEditor.tsx'\r\nimport { RichTextEditorLabel } from '@components/forms/rich-text-editor/components/rich-text-editor-label'\r\nimport EditorField from '@components/forms/rich-text-editor/components/editor-field/EditorField.tsx'\r\nimport HelperText from '@components/forms/rich-text-editor/components/helper-text/HelperText.tsx'\r\nimport ReadOnlyField from '@components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx'\r\nimport Toolbar from '@components/forms/rich-text-editor/components/toolbar/Toolbar.tsx'\r\nimport ToolbarGroups from '@components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.tsx'\r\nimport type { RichTextEditorFieldProps } from '@components/forms/rich-text-editor/types/RichTextEditorField.props.ts'\r\n\r\n/**\r\n * Convenience wrapper that composes the standard rich-text form layout.\r\n */\r\nconst RichTextEditorField: FC<RichTextEditorFieldProps> = memo((props) => {\r\n    const label = props.label\r\n    const readOnly = props.readOnly ?? false\r\n    const children = (\r\n        <>\r\n            {label && <RichTextEditorLabel disabled={readOnly ? false : props.disabled}>{label}</RichTextEditorLabel>}\r\n            {readOnly ? (\r\n                <ReadOnlyField />\r\n            ) : (\r\n                <>\r\n                    <Toolbar>\r\n                        <ToolbarGroups />\r\n                    </Toolbar>\r\n                    <EditorField />\r\n                </>\r\n            )}\r\n            <HelperText />\r\n        </>\r\n    )\r\n\r\n    if (label !== undefined || props['aria-label'] !== undefined) {\r\n        return (\r\n            <RichTextEditor\r\n                {...props}\r\n                readOnly={readOnly}\r\n            >\r\n                {children}\r\n            </RichTextEditor>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <RichTextEditor\r\n            {...props}\r\n            readOnly={readOnly}\r\n        >\r\n            {children}\r\n        </RichTextEditor>\r\n    )\r\n})\r\n\r\nRichTextEditorField.displayName = 'RichTextEditorField'\r\n\r\nexport default RichTextEditorField\r\n"],"names":["RichTextEditorField","memo","props","label","readOnly","children","jsxs","Fragment","RichTextEditorLabel","jsx","ReadOnlyField","Toolbar","ToolbarGroups","EditorField","HelperText","RichTextEditor"],"mappings":"gqBAcMA,EAAoDC,EAAAA,KAAMC,GAAU,CACtE,MAAMC,EAAQD,EAAM,MACdE,EAAWF,EAAM,UAAY,GAC7BG,EACFC,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAJ,SAAUK,EAAA,CAAoB,SAAUJ,EAAW,GAAQF,EAAM,SAAW,SAAAC,CAAA,CAAM,EAClFC,EACGK,EAAAA,IAACC,EAAA,CAAA,CAAc,EAEfJ,OAAAC,EAAAA,SAAA,CACI,SAAA,CAAAE,EAAAA,IAACE,EAAA,CACG,SAAAF,EAAAA,IAACG,EAAA,CAAA,CAAc,EACnB,QACCC,EAAA,CAAA,CAAY,CAAA,EACjB,QAEHC,EAAA,CAAA,CAAW,CAAA,EAChB,EAGJ,OAAIX,IAAU,QAAaD,EAAM,YAAY,IAAM,OAE3CO,EAAAA,IAACM,EAAA,CACI,GAAGb,EACJ,SAAAE,EAEC,SAAAC,CAAA,CAAA,EAMTI,EAAAA,IAACM,EAAA,CACI,GAAGb,EACJ,SAAAE,EAEC,SAAAC,CAAA,CAAA,CAGb,CAAC,EAEDL,EAAoB,YAAc"}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { RichTextEditorFieldProps } from './types/RichTextEditorField.props.ts';
+/**
+ * Convenience wrapper that composes the standard rich-text form layout.
+ */
+declare const RichTextEditorField: FC<RichTextEditorFieldProps>;
+export default RichTextEditorField;

package/dist/components/forms/rich-text-editor/RichTextEditorField.js

@@ -0,0 +1,42 @@
+import { jsxs as l, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { memo as a } from "react";
+import m from "./RichTextEditor.js";
+import n from "./components/rich-text-editor-label/RichTextEditorLabel.js";
+/* empty css                                         */
+/* empty css                                             */
+/* empty css                                                                                */
+import c from "./components/editor-field/EditorField.js";
+import f from "./components/helper-text/HelperText.js";
+import h from "./components/read-only-field/ReadOnlyField.js";
+import s from "./components/toolbar/Toolbar.js";
+import b from "./components/toolbar-groups/ToolbarGroups.js";
+const x = a((i) => {
+  const o = i.label, e = i.readOnly ?? !1, t = /* @__PURE__ */ l(d, { children: [
+    o && /* @__PURE__ */ r(n, { disabled: e ? !1 : i.disabled, children: o }),
+    e ? /* @__PURE__ */ r(h, {}) : /* @__PURE__ */ l(d, { children: [
+      /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(b, {}) }),
+      /* @__PURE__ */ r(c, {})
+    ] }),
+    /* @__PURE__ */ r(f, {})
+  ] });
+  return o !== void 0 || i["aria-label"] !== void 0 ? /* @__PURE__ */ r(
+    m,
+    {
+      ...i,
+      readOnly: e,
+      children: t
+    }
+  ) : /* @__PURE__ */ r(
+    m,
+    {
+      ...i,
+      readOnly: e,
+      children: t
+    }
+  );
+});
+x.displayName = "RichTextEditorField";
+export {
+  x as default
+};
+//# sourceMappingURL=RichTextEditorField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorField.js","sources":["../../../../src/components/forms/rich-text-editor/RichTextEditorField.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport RichTextEditor from '@components/forms/rich-text-editor/RichTextEditor.tsx'\r\nimport { RichTextEditorLabel } from '@components/forms/rich-text-editor/components/rich-text-editor-label'\r\nimport EditorField from '@components/forms/rich-text-editor/components/editor-field/EditorField.tsx'\r\nimport HelperText from '@components/forms/rich-text-editor/components/helper-text/HelperText.tsx'\r\nimport ReadOnlyField from '@components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx'\r\nimport Toolbar from '@components/forms/rich-text-editor/components/toolbar/Toolbar.tsx'\r\nimport ToolbarGroups from '@components/forms/rich-text-editor/components/toolbar-groups/ToolbarGroups.tsx'\r\nimport type { RichTextEditorFieldProps } from '@components/forms/rich-text-editor/types/RichTextEditorField.props.ts'\r\n\r\n/**\r\n * Convenience wrapper that composes the standard rich-text form layout.\r\n */\r\nconst RichTextEditorField: FC<RichTextEditorFieldProps> = memo((props) => {\r\n    const label = props.label\r\n    const readOnly = props.readOnly ?? false\r\n    const children = (\r\n        <>\r\n            {label && <RichTextEditorLabel disabled={readOnly ? false : props.disabled}>{label}</RichTextEditorLabel>}\r\n            {readOnly ? (\r\n                <ReadOnlyField />\r\n            ) : (\r\n                <>\r\n                    <Toolbar>\r\n                        <ToolbarGroups />\r\n                    </Toolbar>\r\n                    <EditorField />\r\n                </>\r\n            )}\r\n            <HelperText />\r\n        </>\r\n    )\r\n\r\n    if (label !== undefined || props['aria-label'] !== undefined) {\r\n        return (\r\n            <RichTextEditor\r\n                {...props}\r\n                readOnly={readOnly}\r\n            >\r\n                {children}\r\n            </RichTextEditor>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <RichTextEditor\r\n            {...props}\r\n            readOnly={readOnly}\r\n        >\r\n            {children}\r\n        </RichTextEditor>\r\n    )\r\n})\r\n\r\nRichTextEditorField.displayName = 'RichTextEditorField'\r\n\r\nexport default RichTextEditorField\r\n"],"names":["RichTextEditorField","memo","props","label","readOnly","children","jsxs","Fragment","RichTextEditorLabel","jsx","ReadOnlyField","Toolbar","ToolbarGroups","EditorField","HelperText","RichTextEditor"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAoDC,EAAK,CAACC,MAAU;AACtE,QAAMC,IAAQD,EAAM,OACdE,IAAWF,EAAM,YAAY,IAC7BG,IACF,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAJ,uBAAUK,GAAA,EAAoB,UAAUJ,IAAW,KAAQF,EAAM,UAAW,UAAAC,EAAA,CAAM;AAAA,IAClFC,IACG,gBAAAK,EAACC,GAAA,CAAA,CAAc,IAEf,gBAAAJ,EAAAC,GAAA,EACI,UAAA;AAAA,MAAA,gBAAAE,EAACE,GAAA,EACG,UAAA,gBAAAF,EAACG,GAAA,CAAA,CAAc,GACnB;AAAA,wBACCC,GAAA,CAAA,CAAY;AAAA,IAAA,GACjB;AAAA,sBAEHC,GAAA,CAAA,CAAW;AAAA,EAAA,GAChB;AAGJ,SAAIX,MAAU,UAAaD,EAAM,YAAY,MAAM,SAE3C,gBAAAO;AAAA,IAACM;AAAA,IAAA;AAAA,MACI,GAAGb;AAAA,MACJ,UAAAE;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA,IAMT,gBAAAI;AAAA,IAACM;AAAA,IAAA;AAAA,MACI,GAAGb;AAAA,MACJ,UAAAE;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDL,EAAoB,cAAc;"}

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const a=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const f=require("react"),h=require("../../context/RichTextEditor.context.cjs"),x=require("./styles/AlignmentGroup.css.cjs"),o=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),u=({presentation:g="menu"})=>{const{editor:n,disabled:r,labels:t}=h.useRichTextEditorContext(),[c,p]=f.useState(!1);if(!n)return null;const s=n.getAttributes("paragraph").textAlign??n.getAttributes("heading").textAlign??"left";return e.jsx("div",{className:x.ALIGNMENT_GROUP_STYLES.root,role:"group","aria-label":t.alignmentGroup,children:g==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(a,{content:t.alignLeft,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-left","aria-label":t.alignLeft,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("left").run()})}),e.jsx(a,{content:t.alignCenter,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-center","aria-label":t.alignCenter,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("center").run()})}),e.jsx(a,{content:t.alignRight,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-right","aria-label":t.alignRight,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("right").run()})}),e.jsx(a,{content:t.justify,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-justify","aria-label":t.justify,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("justify").run()})})]}):e.jsxs(o,{modal:!1,open:c,onOpenChange:p,children:[e.jsx(a,{content:t.alignmentTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(o.Trigger,{children:e.jsx(l,{type:"button",icon:"lucide:align-left","aria-label":t.alignmentTrigger,variant:"ghost",color:"primary",size:"sm",active:c,disabled:r})})}),e.jsxs(o.Content,{"aria-label":t.alignmentOptions,children:[e.jsx(o.Item,{label:t.alignLeft,startIcon:"lucide:align-left",active:s==="left",onClick:()=>n.chain().focus().setTextAlign("left").run()}),e.jsx(o.Item,{label:t.alignCenter,startIcon:"lucide:align-center",active:s==="center",onClick:()=>n.chain().focus().setTextAlign("center").run()}),e.jsx(o.Item,{label:t.alignRight,startIcon:"lucide:align-right",active:s==="right",onClick:()=>n.chain().focus().setTextAlign("right").run()}),e.jsx(o.Item,{label:t.justify,startIcon:"lucide:align-justify",active:s==="justify",onClick:()=>n.chain().focus().setTextAlign("justify").run()})]})]})})};u.displayName="RichTextEditor.AlignmentGroup";module.exports=u;
+//# sourceMappingURL=AlignmentGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignmentGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { ALIGNMENT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.ts'\r\nimport type { AlignmentGroupProps } from '@components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.ts'\r\n\r\nconst AlignmentGroup = ({ presentation = 'menu' }: AlignmentGroupProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const [open, setOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const currentAlignment =\r\n        editor.getAttributes('paragraph').textAlign\r\n        ?? editor.getAttributes('heading').textAlign\r\n        ?? 'left'\r\n\r\n    return (\r\n        <div\r\n            className={ALIGNMENT_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.alignmentGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.alignLeft}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-left'}\r\n                            aria-label={labels.alignLeft}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.alignCenter}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-center'}\r\n                            aria-label={labels.alignCenter}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('center').run()\r\n                            }\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.alignRight}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-right'}\r\n                            aria-label={labels.alignRight}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.justify}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-justify'}\r\n                            aria-label={labels.justify}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('justify').run()\r\n                            }\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={open}\r\n                    onOpenChange={setOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.alignmentTrigger}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <DropdownMenu.Trigger>\r\n                            <IconButton\r\n                                type={'button'}\r\n                                icon={'lucide:align-left'}\r\n                                aria-label={labels.alignmentTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={open}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.alignmentOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.alignLeft}\r\n                            startIcon={'lucide:align-left'}\r\n                            active={currentAlignment === 'left'}\r\n                            onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.alignCenter}\r\n                            startIcon={'lucide:align-center'}\r\n                            active={currentAlignment === 'center'}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('center').run()\r\n                            }\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.alignRight}\r\n                            startIcon={'lucide:align-right'}\r\n                            active={currentAlignment === 'right'}\r\n                            onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.justify}\r\n                            startIcon={'lucide:align-justify'}\r\n                            active={currentAlignment === 'justify'}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('justify').run()\r\n                            }\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nAlignmentGroup.displayName = 'RichTextEditor.AlignmentGroup'\r\n\r\nexport default AlignmentGroup\r\n"],"names":["AlignmentGroup","presentation","editor","disabled","labels","useRichTextEditorContext","open","setOpen","useState","currentAlignment","jsx","ALIGNMENT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.d.ts

@@ -0,0 +1,6 @@
+import { AlignmentGroupProps } from './types/AlignmentGroup.props.ts';
+declare const AlignmentGroup: {
+    ({ presentation }: AlignmentGroupProps): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default AlignmentGroup;

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js

@@ -0,0 +1,194 @@
+import { jsx as e, jsxs as s, Fragment as f } from "react/jsx-runtime";
+import r from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import a from "../../../../overlay/tooltip/Tooltip.js";
+import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+/* empty css                                               */
+/* empty css                                                            */
+import "../../../../overlay/dropdown-menu/index.js";
+import { useState as m } from "react";
+import { useRichTextEditorContext as h } from "../../context/RichTextEditor.context.js";
+import { ALIGNMENT_GROUP_STYLES as d } from "./styles/AlignmentGroup.css.js";
+import o from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const y = ({ presentation: g = "menu" }) => {
+  const { editor: n, disabled: l, labels: t } = h(), [u, p] = m(!1);
+  if (!n)
+    return null;
+  const c = n.getAttributes("paragraph").textAlign ?? n.getAttributes("heading").textAlign ?? "left";
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: d.root,
+      role: "group",
+      "aria-label": t.alignmentGroup,
+      children: g === "inline" ? /* @__PURE__ */ s(f, { children: [
+        /* @__PURE__ */ e(
+          a,
+          {
+            content: t.alignLeft,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ e(
+              r,
+              {
+                type: "button",
+                icon: "lucide:align-left",
+                "aria-label": t.alignLeft,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: l,
+                onMouseDown: (i) => i.preventDefault(),
+                onClick: () => n.chain().focus().setTextAlign("left").run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          a,
+          {
+            content: t.alignCenter,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ e(
+              r,
+              {
+                type: "button",
+                icon: "lucide:align-center",
+                "aria-label": t.alignCenter,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: l,
+                onMouseDown: (i) => i.preventDefault(),
+                onClick: () => n.chain().focus().setTextAlign("center").run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          a,
+          {
+            content: t.alignRight,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ e(
+              r,
+              {
+                type: "button",
+                icon: "lucide:align-right",
+                "aria-label": t.alignRight,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: l,
+                onMouseDown: (i) => i.preventDefault(),
+                onClick: () => n.chain().focus().setTextAlign("right").run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          a,
+          {
+            content: t.justify,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ e(
+              r,
+              {
+                type: "button",
+                icon: "lucide:align-justify",
+                "aria-label": t.justify,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: l,
+                onMouseDown: (i) => i.preventDefault(),
+                onClick: () => n.chain().focus().setTextAlign("justify").run()
+              }
+            )
+          }
+        )
+      ] }) : /* @__PURE__ */ s(
+        o,
+        {
+          modal: !1,
+          open: u,
+          onOpenChange: p,
+          children: [
+            /* @__PURE__ */ e(
+              a,
+              {
+                content: t.alignmentTrigger,
+                delayDuration: 700,
+                openOnFocus: !1,
+                position: "top",
+                children: /* @__PURE__ */ e(o.Trigger, { children: /* @__PURE__ */ e(
+                  r,
+                  {
+                    type: "button",
+                    icon: "lucide:align-left",
+                    "aria-label": t.alignmentTrigger,
+                    variant: "ghost",
+                    color: "primary",
+                    size: "sm",
+                    active: u,
+                    disabled: l
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ s(o.Content, { "aria-label": t.alignmentOptions, children: [
+              /* @__PURE__ */ e(
+                o.Item,
+                {
+                  label: t.alignLeft,
+                  startIcon: "lucide:align-left",
+                  active: c === "left",
+                  onClick: () => n.chain().focus().setTextAlign("left").run()
+                }
+              ),
+              /* @__PURE__ */ e(
+                o.Item,
+                {
+                  label: t.alignCenter,
+                  startIcon: "lucide:align-center",
+                  active: c === "center",
+                  onClick: () => n.chain().focus().setTextAlign("center").run()
+                }
+              ),
+              /* @__PURE__ */ e(
+                o.Item,
+                {
+                  label: t.alignRight,
+                  startIcon: "lucide:align-right",
+                  active: c === "right",
+                  onClick: () => n.chain().focus().setTextAlign("right").run()
+                }
+              ),
+              /* @__PURE__ */ e(
+                o.Item,
+                {
+                  label: t.justify,
+                  startIcon: "lucide:align-justify",
+                  active: c === "justify",
+                  onClick: () => n.chain().focus().setTextAlign("justify").run()
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+y.displayName = "RichTextEditor.AlignmentGroup";
+export {
+  y as default
+};
+//# sourceMappingURL=AlignmentGroup.js.map

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlignmentGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { ALIGNMENT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.ts'\r\nimport type { AlignmentGroupProps } from '@components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.ts'\r\n\r\nconst AlignmentGroup = ({ presentation = 'menu' }: AlignmentGroupProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const [open, setOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const currentAlignment =\r\n        editor.getAttributes('paragraph').textAlign\r\n        ?? editor.getAttributes('heading').textAlign\r\n        ?? 'left'\r\n\r\n    return (\r\n        <div\r\n            className={ALIGNMENT_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.alignmentGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.alignLeft}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-left'}\r\n                            aria-label={labels.alignLeft}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.alignCenter}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-center'}\r\n                            aria-label={labels.alignCenter}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('center').run()\r\n                            }\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.alignRight}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-right'}\r\n                            aria-label={labels.alignRight}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.justify}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:align-justify'}\r\n                            aria-label={labels.justify}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onMouseDown={(event) => event.preventDefault()}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('justify').run()\r\n                            }\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={open}\r\n                    onOpenChange={setOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.alignmentTrigger}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <DropdownMenu.Trigger>\r\n                            <IconButton\r\n                                type={'button'}\r\n                                icon={'lucide:align-left'}\r\n                                aria-label={labels.alignmentTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={open}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.alignmentOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.alignLeft}\r\n                            startIcon={'lucide:align-left'}\r\n                            active={currentAlignment === 'left'}\r\n                            onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.alignCenter}\r\n                            startIcon={'lucide:align-center'}\r\n                            active={currentAlignment === 'center'}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('center').run()\r\n                            }\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.alignRight}\r\n                            startIcon={'lucide:align-right'}\r\n                            active={currentAlignment === 'right'}\r\n                            onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.justify}\r\n                            startIcon={'lucide:align-justify'}\r\n                            active={currentAlignment === 'justify'}\r\n                            onClick={() =>\r\n                                editor.chain().focus().setTextAlign('justify').run()\r\n                            }\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nAlignmentGroup.displayName = 'RichTextEditor.AlignmentGroup'\r\n\r\nexport default AlignmentGroup\r\n"],"names":["AlignmentGroup","presentation","editor","disabled","labels","useRichTextEditorContext","open","setOpen","useState","currentAlignment","jsx","ALIGNMENT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":";;;;;;;;;;;;AASA,MAAMA,IAAiB,CAAC,EAAE,cAAAC,IAAe,aAAkC;AACvE,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAC/B,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,MAAI,CAACN;AACD,WAAO;AAGX,QAAMO,IACFP,EAAO,cAAc,WAAW,EAAE,aAC/BA,EAAO,cAAc,SAAS,EAAE,aAChC;AAEP,SACI,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAuB;AAAA,MAClC,MAAM;AAAA,MACN,cAAYP,EAAO;AAAA,MAElB,UAAAH,MAAiB,WACd,gBAAAW,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASV,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAM;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,cAAYX,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAAD;AAAA,gBACA,aAAa,CAACa,MAAUA,EAAM,eAAA;AAAA,gBAC9B,SAAS,MAAMd,EAAO,MAAA,EAAQ,QAAQ,aAAa,MAAM,EAAE,IAAA;AAAA,cAAI;AAAA,YAAA;AAAA,UACnE;AAAA,QAAA;AAAA,QAEJ,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASV,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAM;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,cAAYX,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAAD;AAAA,gBACA,aAAa,CAACa,MAAUA,EAAM,eAAA;AAAA,gBAC9B,SAAS,MACLd,EAAO,MAAA,EAAQ,QAAQ,aAAa,QAAQ,EAAE,IAAA;AAAA,cAAI;AAAA,YAAA;AAAA,UAE1D;AAAA,QAAA;AAAA,QAEJ,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASV,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAM;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,cAAYX,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAAD;AAAA,gBACA,aAAa,CAACa,MAAUA,EAAM,eAAA;AAAA,gBAC9B,SAAS,MAAMd,EAAO,MAAA,EAAQ,QAAQ,aAAa,OAAO,EAAE,IAAA;AAAA,cAAI;AAAA,YAAA;AAAA,UACpE;AAAA,QAAA;AAAA,QAEJ,gBAAAQ;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASV,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAM;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,cAAYX,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAAD;AAAA,gBACA,aAAa,CAACa,MAAUA,EAAM,eAAA;AAAA,gBAC9B,SAAS,MACLd,EAAO,MAAA,EAAQ,QAAQ,aAAa,SAAS,EAAE,IAAA;AAAA,cAAI;AAAA,YAAA;AAAA,UAE3D;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAEA,gBAAAU;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,MAAAX;AAAA,UACA,cAAcC;AAAA,UAEd,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAASV,EAAO;AAAA,gBAChB,eAAe;AAAA,gBACf,aAAa;AAAA,gBACb,UAAU;AAAA,gBAEV,UAAA,gBAAAM,EAACO,EAAa,SAAb,EACG,UAAA,gBAAAP;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,MAAM;AAAA,oBACN,MAAM;AAAA,oBACN,cAAYX,EAAO;AAAA,oBACnB,SAAS;AAAA,oBACT,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,QAAQE;AAAA,oBACR,UAAAH;AAAA,kBAAA;AAAA,gBAAA,EACJ,CACJ;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEHc,EAAa,SAAb,EAAqB,cAAYb,EAAO,kBACrC,UAAA;AAAA,cAAA,gBAAAM;AAAA,gBAACO,EAAa;AAAA,gBAAb;AAAA,kBACG,OAAOb,EAAO;AAAA,kBACd,WAAW;AAAA,kBACX,QAAQK,MAAqB;AAAA,kBAC7B,SAAS,MAAMP,EAAO,MAAA,EAAQ,QAAQ,aAAa,MAAM,EAAE,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,cAEnE,gBAAAQ;AAAA,gBAACO,EAAa;AAAA,gBAAb;AAAA,kBACG,OAAOb,EAAO;AAAA,kBACd,WAAW;AAAA,kBACX,QAAQK,MAAqB;AAAA,kBAC7B,SAAS,MACLP,EAAO,MAAA,EAAQ,QAAQ,aAAa,QAAQ,EAAE,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,cAG1D,gBAAAQ;AAAA,gBAACO,EAAa;AAAA,gBAAb;AAAA,kBACG,OAAOb,EAAO;AAAA,kBACd,WAAW;AAAA,kBACX,QAAQK,MAAqB;AAAA,kBAC7B,SAAS,MAAMP,EAAO,MAAA,EAAQ,QAAQ,aAAa,OAAO,EAAE,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,cAEpE,gBAAAQ;AAAA,gBAACO,EAAa;AAAA,gBAAb;AAAA,kBACG,OAAOb,EAAO;AAAA,kBACd,WAAW;AAAA,kBACX,QAAQK,MAAqB;AAAA,kBAC7B,SAAS,MACLP,EAAO,MAAA,EAAQ,QAAQ,aAAa,SAAS,EAAE,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,YAE3D,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIhB;AAEAF,EAAe,cAAc;"}

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

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

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                    */var e={root:"_1hfg1yn0"};exports.ALIGNMENT_GROUP_STYLES=e;
+//# sourceMappingURL=AlignmentGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.cjs.map

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

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.d.ts

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

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                                  */
+var t = { root: "_1hfg1yn0" };
+export {
+  t as ALIGNMENT_GROUP_STYLES
+};
+//# sourceMappingURL=AlignmentGroup.css.js.map

package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.js.map

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

package/dist/components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.d.ts

@@ -0,0 +1,5 @@
+import { RichTextEditorToolbarPresentation } from '../../../types/RichTextEditorToolbarPresentation.types.ts';
+export type AlignmentGroupProps = {
+    /** Renders a single menu trigger or the alignment actions directly in the toolbar. Defaults to `menu`. */
+    presentation?: RichTextEditorToolbarPresentation;
+};