@choco-vanille/ui 1.6.0 → 1.7.1

package/dist/components/forms/radio-group/components/radio-item/RadioItem.js

@@ -3,21 +3,21 @@ import { Radio as t } from "@base-ui/react/radio";
 import { memo as c, useId as l } from "react";
 import f from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import { IconRegistry as I } from "../../../../../constants/icons.js";
+import I from "../../../../../resources/asset/CircleIcon.svg.js";
 import h from "../../../../foundation/typography/Typography.js";
 import "../../../../foundation/typography/styles/Typography.css.js";
 import u from "../../../../layout/flex/Flex.js";
 import "../../../../layout/flex/styles/Flex.css.js";
-import { cn as R } from "../../../../../utils/cn.js";
+import { cn as g } from "../../../../../utils/cn.js";
 import { RADIO_ITEM_STYLES as i } from "./styles/RadioItem.css.js";
-const g = c(({
+const x = c(({
   label: r,
   id: a,
   className: e,
   value: s,
-  ...d
+  ...n
 }) => {
-  const n = l(), m = a ?? (r ? n : void 0);
+  const d = l(), m = a ?? (r ? d : void 0);
   return /* @__PURE__ */ p(
     u,
     {
@@ -30,12 +30,12 @@ const g = c(({
           {
             id: m,
             value: s,
-            className: R(i.root, e),
-            ...d,
+            className: g(i.root, e),
+            ...n,
             children: /* @__PURE__ */ o(t.Indicator, { className: i.indicator, children: /* @__PURE__ */ o(
               f,
               {
-                icon: I.radioIndicator,
+                icon: I,
                 size: "xs"
               }
             ) })
@@ -56,8 +56,8 @@ const g = c(({
     }
   );
 });
-g.displayName = "RadioGroup.Item";
+x.displayName = "RadioGroup.Item";
 export {
-  g as default
+  x as default
 };
 //# sourceMappingURL=RadioItem.js.map

package/dist/components/forms/radio-group/components/radio-item/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.js","sources":["../../../../../../src/components/forms/radio-group/components/radio-item/RadioItem.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport type { RadioItemProps } from '@components/forms/radio-group/components/radio-item/types/RadioItem.props.ts'\r\n\r\n/**\r\n  * A single radio button inside a `RadioGroup`.\r\n  * Renders a circular indicator that fills with the primary colour when selected.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <RadioItem value=\"dark\" label=\"Dark mode\" />\r\n  * ```\r\n  */\r\nconst RadioItem: FC<RadioItemProps> = memo(({\r\n    label,\r\n    id,\r\n    className,\r\n    value,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const radioId = id ?? (label ? generatedId : undefined)\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            gap={'sm'}\r\n        >\r\n            <Radio.Root\r\n                id={radioId}\r\n                value={value}\r\n                className={cn(RADIO_ITEM_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <Radio.Indicator className={RADIO_ITEM_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={IconRegistry.radioIndicator}\r\n                        size={'xs'}\r\n                    />\r\n                </Radio.Indicator>\r\n            </Radio.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={radioId}\r\n                    className={RADIO_ITEM_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nRadioItem.displayName = 'RadioGroup.Item'\r\n\r\nexport default RadioItem\r\n"],"names":["RadioItem","memo","label","id","className","value","props","generatedId","useId","radioId","jsxs","Flex","jsx","Radio","cn","RADIO_ITEM_STYLES","Icon","IconRegistry","Typography"],"mappings":";;;;;;;;;;;;AAoBA,MAAMA,IAAgCC,EAAK,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC,EAAA,GACdC,IAAUN,MAAOD,IAAQK,IAAc;AAE7C,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAM;AAAA,UAAN;AAAA,YACG,IAAIJ;AAAA,YACJ,OAAAJ;AAAA,YACA,WAAWS,EAAGC,EAAkB,MAAMX,CAAS;AAAA,YAC9C,GAAGE;AAAA,YAEJ,4BAACO,EAAM,WAAN,EAAgB,WAAWE,EAAkB,WAC1C,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAMC,EAAa;AAAA,gBACnB,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,SAAST;AAAA,YACT,WAAWM,EAAkB;AAAA,YAE5B,UAAAb;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAU,cAAc;"}
+{"version":3,"file":"RadioItem.js","sources":["../../../../../../src/components/forms/radio-group/components/radio-item/RadioItem.tsx"],"sourcesContent":["import { Radio } from '@base-ui/react/radio'\r\nimport { memo, useId, type FC } from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport CircleIcon from '@resources/asset/CircleIcon.svg?react'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RADIO_ITEM_STYLES } from '@components/forms/radio-group/components/radio-item/styles/RadioItem.css.ts'\r\nimport type { RadioItemProps } from '@components/forms/radio-group/components/radio-item/types/RadioItem.props.ts'\r\n\r\n/**\r\n  * A single radio button inside a `RadioGroup`.\r\n  * Renders a circular indicator that fills with the primary colour when selected.\r\n  *\r\n  * @example\r\n  * ```tsx\r\n  * <RadioItem value=\"dark\" label=\"Dark mode\" />\r\n  * ```\r\n  */\r\nconst RadioItem: FC<RadioItemProps> = memo(({\r\n    label,\r\n    id,\r\n    className,\r\n    value,\r\n    ...props\r\n}) => {\r\n    const generatedId = useId()\r\n    const radioId = id ?? (label ? generatedId : undefined)\r\n\r\n    return (\r\n        <Flex\r\n            as={'span'}\r\n            inline\r\n            gap={'sm'}\r\n        >\r\n            <Radio.Root\r\n                id={radioId}\r\n                value={value}\r\n                className={cn(RADIO_ITEM_STYLES.root, className)}\r\n                {...props}\r\n            >\r\n                <Radio.Indicator className={RADIO_ITEM_STYLES.indicator}>\r\n                    <Icon\r\n                        icon={CircleIcon}\r\n                        size={'xs'}\r\n                    />\r\n                </Radio.Indicator>\r\n            </Radio.Root>\r\n\r\n            {label && (\r\n                <Typography\r\n                    as={'label'}\r\n                    variant={'label'}\r\n                    color={'foreground'}\r\n                    htmlFor={radioId}\r\n                    className={RADIO_ITEM_STYLES.label}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nRadioItem.displayName = 'RadioGroup.Item'\r\n\r\nexport default RadioItem\r\n"],"names":["RadioItem","memo","label","id","className","value","props","generatedId","useId","radioId","jsxs","Flex","jsx","Radio","cn","RADIO_ITEM_STYLES","Icon","CircleIcon","Typography"],"mappings":";;;;;;;;;;;;AAoBA,MAAMA,IAAgCC,EAAK,CAAC;AAAA,EACxC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC,EAAA,GACdC,IAAUN,MAAOD,IAAQK,IAAc;AAE7C,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,QAAM;AAAA,MACN,KAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC,EAAM;AAAA,UAAN;AAAA,YACG,IAAIJ;AAAA,YACJ,OAAAJ;AAAA,YACA,WAAWS,EAAGC,EAAkB,MAAMX,CAAS;AAAA,YAC9C,GAAGE;AAAA,YAEJ,4BAACO,EAAM,WAAN,EAAgB,WAAWE,EAAkB,WAC1C,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,MAAMC;AAAAA,gBACN,MAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHf,KACG,gBAAAU;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,OAAO;AAAA,YACP,SAAST;AAAA,YACT,WAAWM,EAAkB;AAAA,YAE5B,UAAAb;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDF,EAAU,cAAc;"}

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit71.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                               */var e={root:"_57s3sx0",indicator:"_57s3sx1",label:"_57s3sx2"};exports.RADIO_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit98.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                               */var e={root:"_57s3sx0",indicator:"_57s3sx1",label:"_57s3sx2"};exports.RADIO_ITEM_STYLES=e;
 //# sourceMappingURL=RadioItem.css.cjs.map

package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit71.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit98.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                             */
 var s = { root: "_57s3sx0", indicator: "_57s3sx1", label: "_57s3sx2" };
 export {

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit114.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');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;
+"use strict";require('../../../ui-kit103.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');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.js

@@ -13,7 +13,7 @@ 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";
-import '../../../ui-kit114.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit103.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                                */
 import X from "./components/read-only-field/ReadOnlyField.js";

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit114.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');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;
+"use strict";require('../../../ui-kit103.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');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.js

@@ -2,7 +2,7 @@ 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";
-import '../../../ui-kit114.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit103.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                                */
 import c from "./components/editor-field/EditorField.js";

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

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

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

@@ -1 +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\n/**\r\n * Toolbar group for text alignment commands: left, center, right, and\r\n * justify. Use `presentation=\"inline\"` for individual icon buttons or\r\n * `\"menu\"` (default) for a dropdown trigger.\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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"}
+{"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\nimport AlignCenterIcon from '@resources/asset/AlignCenterIcon.svg?react'\r\nimport AlignJustifyIcon from '@resources/asset/AlignJustifyIcon.svg?react'\r\nimport AlignLeftIcon from '@resources/asset/AlignLeftIcon.svg?react'\r\nimport AlignRightIcon from '@resources/asset/AlignRightIcon.svg?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\n/**\r\n * Toolbar group for text alignment commands: left, center, right, and\r\n * justify. Use `presentation=\"inline\"` for individual icon buttons or\r\n * `\"menu\"` (default) for a dropdown trigger.\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={AlignLeftIcon}\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={AlignCenterIcon}\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={AlignRightIcon}\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={AlignJustifyIcon}\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={AlignLeftIcon}\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={AlignLeftIcon}\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={AlignCenterIcon}\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={AlignRightIcon}\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={AlignJustifyIcon}\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","AlignLeftIcon","event","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","DropdownMenu"],"mappings":"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"}

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

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

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

@@ -1 +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\n/**\r\n * Toolbar group for text alignment commands: left, center, right, and\r\n * justify. Use `presentation=\"inline\"` for individual icon buttons or\r\n * `\"menu\"` (default) for a dropdown trigger.\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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"}
+{"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\nimport AlignCenterIcon from '@resources/asset/AlignCenterIcon.svg?react'\r\nimport AlignJustifyIcon from '@resources/asset/AlignJustifyIcon.svg?react'\r\nimport AlignLeftIcon from '@resources/asset/AlignLeftIcon.svg?react'\r\nimport AlignRightIcon from '@resources/asset/AlignRightIcon.svg?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\n/**\r\n * Toolbar group for text alignment commands: left, center, right, and\r\n * justify. Use `presentation=\"inline\"` for individual icon buttons or\r\n * `\"menu\"` (default) for a dropdown trigger.\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={AlignLeftIcon}\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={AlignCenterIcon}\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={AlignRightIcon}\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={AlignJustifyIcon}\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={AlignLeftIcon}\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={AlignLeftIcon}\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={AlignCenterIcon}\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={AlignRightIcon}\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={AlignJustifyIcon}\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","AlignLeftIcon","event","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","DropdownMenu"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit120.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                    */var e={root:"_1hfg1yn0"};exports.ALIGNMENT_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit126.css');require('../../../../../../ui-kit.css');;/* 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.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit120.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit126.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                  */
 var t = { root: "_1hfg1yn0" };
 export {