npm - @choco-vanille/ui - Versions diffs - 1.6.0 → 1.7.0 - Mend

@choco-vanille/ui 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (909) hide show

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextSizeMenu.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.tsx"],"sourcesContent":["import { Button } from '@components/actions/button'\r\nimport { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_FONT_SIZE_LABELS } from '@components/forms/rich-text-editor/constants/richTextFontSizes.const.ts'\r\nimport type { RichTextFontSize } from '@components/forms/rich-text-editor/types'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { useState } from 'react'\r\nimport type { TextSizeMenuProps } from '@components/forms/rich-text-editor/components/text-appearance-group/types/TextSizeMenu.props.ts'\r\nimport { TEXT_SIZE_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.ts'\r\n\r\n/*\r\n Font-size picker toolbar control for `TextAppearanceGroup`. Renders a\r\n * `DropdownMenu` showing available rich-text font sizes. Use\r\n * `presentation=\"select\"` (default) for a labeled button trigger or\r\n * `\"icon\"` for an icon-only trigger.\r\n */\r\nconst TextSizeMenu = ({ presentation = 'select' }: TextSizeMenuProps) => {\r\n const [open, setOpen] = useState(false)\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const selectedFontSize =\r\n editor.getAttributes('textStyle').fontSize ?? RICH_TEXT_FONT_SIZES.md\r\n const selectedFontSizeKey = (\r\n Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]\r\n ).find((fontSize) => RICH_TEXT_FONT_SIZES[fontSize] === selectedFontSize)\r\n\r\n const selectedFontSizeLabel = selectedFontSizeKey\r\n ? RICH_TEXT_FONT_SIZE_LABELS[selectedFontSizeKey]\r\n : RICH_TEXT_FONT_SIZE_LABELS.md\r\n\r\n return (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <DropdownMenu.Trigger>\r\n {presentation === 'select' ? (\r\n <Button\r\n type={'button'}\r\n label={selectedFontSizeLabel}\r\n endIcon={~~'lucide:chevron-down'~~}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n className={TEXT_SIZE_MENU_STYLES.trigger}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n ) : (\r\n <IconButton\r\n type={'button'}\r\n icon={~~'lucide:text-cursor-input'~~}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n )}\r\n </DropdownMenu.Trigger>\r\n <DropdownMenu.Content\r\n aria-label={labels.textSizeOptions}\r\n side={'bottom'}\r\n align={'start'}\r\n width={'6rem'}\r\n >\r\n {(Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]).map(\r\n (fontSize) => (\r\n <DropdownMenu.Item\r\n key={fontSize}\r\n label={RICH_TEXT_FONT_SIZE_LABELS[fontSize]}\r\n active={fontSize === selectedFontSizeKey}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor\r\n .chain()\r\n .focus()\r\n .setFontSize(RICH_TEXT_FONT_SIZES[fontSize])\r\n .run()\r\n }\r\n />\r\n ),\r\n )}\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )\r\n}\r\n\r\nTextSizeMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextSizeMenu'\r\n\r\nexport default TextSizeMenu\r\n"],"names":["TextSizeMenu","presentation","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","selectedFontSize","RICH_TEXT_FONT_SIZES","selectedFontSizeKey","fontSize","selectedFontSizeLabel","RICH_TEXT_FONT_SIZE_LABELS","jsxs","DropdownMenu","jsx","Button","TEXT_SIZE_MENU_STYLES","IconButton","event"],"mappings":"~~6oBAiBMA~~,EAAe,CAAC,CAAE,aAAAC,EAAe,YAAkC,CACrE,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,GAAI,CAACH,EACD,OAAO,KAGX,MAAMI,EACNJ,EAAO,cAAc,WAAW,EAAE,UAAYK,EAAAA,qBAAqB,GAC7DC,EACN,OAAO,KAAKD,sBAAoB,EAC9B,KAAME,GAAaF,EAAAA,qBAAqBE,CAAQ,IAAMH,CAAgB,EAElEI,EAAwBF,EACxBG,EAAAA,2BAA2BH,CAAmB,EAC9CG,EAAAA,2BAA2B,GAEjC,OACIC,EAAAA,KAACC,EAAA,CACG,MAAO,GACP,KAAAd,EACA,aAAcC,EAEd,SAAA,CAAAc,EAAAA,IAACD,EAAa,QAAb,CACI,SAAAf,IAAiB,SACdgB,EAAAA,IAACC,EAAA,CACG,KAAM,SACN,MAAOL,EACP,~~QAAS~~,~~sBACT~~,~~aAAYN~~,EAAO,gBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,~~UAAWY~~,EAAAA,sBAAsB,QACjC,~~OAAQjB~~,EACR,SAAAI,CAAA,CAAA,EAGJW,EAAAA,~~IAACG~~,EAAA,CACG,KAAM,SACN,~~KAAM~~,~~2BACN~~,~~aAAYb~~,EAAO,gBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,OAAQL,EACR,SAAAI,CAAA,CAAA,EAGZ,EACAW,EAAAA,IAACD,EAAa,QAAb,CACG,aAAYT,EAAO,gBACnB,KAAM,SACN,MAAO,QACP,MAAO,OAEL,SAAA,OAAO,KAAKG,EAAAA,oBAAoB,EAAyB,IACtDE,GACGK,EAAAA,IAACD,EAAa,KAAb,CAEG,MAAOF,EAAAA,2BAA2BF,CAAQ,EAC1C,OAAQA,IAAaD,EACrB,~~YAAcU~~,GAAUA,EAAM,eAAA,EAC9B,QAAS,~~IACLhB~~,EACK,QACA,QACA,YAAYK,EAAAA,qBAAqBE,CAAQ,CAAC,EAC1C,IAAA,CAAI,EATRA,CAAA,CAWT,CAER,CAAA,CACJ,CAAA,CAAA,CAGZ,EAEAZ,EAAa,YAAc"}
1	+ {"version":3,"file":"TextSizeMenu.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.tsx"],"sourcesContent":["import { Button } from '@components/actions/button'\r\nimport { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_FONT_SIZE_LABELS } from '@components/forms/rich-text-editor/constants/richTextFontSizes.const.ts'\r\nimport type { RichTextFontSize } from '@components/forms/rich-text-editor/types'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport TextCursorInputIcon from '@resources/asset/TextCursorInputIcon.svg?react'\r\nimport { useState } from 'react'\r\nimport type { TextSizeMenuProps } from '@components/forms/rich-text-editor/components/text-appearance-group/types/TextSizeMenu.props.ts'\r\nimport { TEXT_SIZE_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.ts'\r\n\r\n/*\r\n Font-size picker toolbar control for `TextAppearanceGroup`. Renders a\r\n * `DropdownMenu` showing available rich-text font sizes. Use\r\n * `presentation=\"select\"` (default) for a labeled button trigger or\r\n * `\"icon\"` for an icon-only trigger.\r\n */\r\nconst TextSizeMenu = ({ presentation = 'select' }: TextSizeMenuProps) => {\r\n const [open, setOpen] = useState(false)\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const selectedFontSize =\r\n editor.getAttributes('textStyle').fontSize ?? RICH_TEXT_FONT_SIZES.md\r\n const selectedFontSizeKey = (\r\n Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]\r\n ).find((fontSize) => RICH_TEXT_FONT_SIZES[fontSize] === selectedFontSize)\r\n\r\n const selectedFontSizeLabel = selectedFontSizeKey\r\n ? RICH_TEXT_FONT_SIZE_LABELS[selectedFontSizeKey]\r\n : RICH_TEXT_FONT_SIZE_LABELS.md\r\n\r\n return (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <DropdownMenu.Trigger>\r\n {presentation === 'select' ? (\r\n <Button\r\n type={'button'}\r\n label={selectedFontSizeLabel}\r\n endIcon={ChevronDownIcon}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n className={TEXT_SIZE_MENU_STYLES.trigger}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n ) : (\r\n <IconButton\r\n type={'button'}\r\n icon={TextCursorInputIcon}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n )}\r\n </DropdownMenu.Trigger>\r\n <DropdownMenu.Content\r\n aria-label={labels.textSizeOptions}\r\n side={'bottom'}\r\n align={'start'}\r\n width={'6rem'}\r\n >\r\n {(Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]).map(\r\n (fontSize) => (\r\n <DropdownMenu.Item\r\n key={fontSize}\r\n label={RICH_TEXT_FONT_SIZE_LABELS[fontSize]}\r\n active={fontSize === selectedFontSizeKey}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor\r\n .chain()\r\n .focus()\r\n .setFontSize(RICH_TEXT_FONT_SIZES[fontSize])\r\n .run()\r\n }\r\n />\r\n ),\r\n )}\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )\r\n}\r\n\r\nTextSizeMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextSizeMenu'\r\n\r\nexport default TextSizeMenu\r\n"],"names":["TextSizeMenu","presentation","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","selectedFontSize","RICH_TEXT_FONT_SIZES","selectedFontSizeKey","fontSize","selectedFontSizeLabel","RICH_TEXT_FONT_SIZE_LABELS","jsxs","DropdownMenu","jsx","Button","ChevronDownIcon","TEXT_SIZE_MENU_STYLES","IconButton","TextCursorInputIcon","event"],"mappings":"yxBAmBMA,EAAe,CAAC,CAAE,aAAAC,EAAe,YAAkC,CACrE,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,GAAI,CAACH,EACD,OAAO,KAGX,MAAMI,EACNJ,EAAO,cAAc,WAAW,EAAE,UAAYK,EAAAA,qBAAqB,GAC7DC,EACN,OAAO,KAAKD,sBAAoB,EAC9B,KAAME,GAAaF,EAAAA,qBAAqBE,CAAQ,IAAMH,CAAgB,EAElEI,EAAwBF,EACxBG,EAAAA,2BAA2BH,CAAmB,EAC9CG,EAAAA,2BAA2B,GAEjC,OACIC,EAAAA,KAACC,EAAA,CACG,MAAO,GACP,KAAAd,EACA,aAAcC,EAEd,SAAA,CAAAc,EAAAA,IAACD,EAAa,QAAb,CACI,SAAAf,IAAiB,SACdgB,EAAAA,IAACC,EAAA,CACG,KAAM,SACN,MAAOL,EACP,QAASM,EACT,aAAYZ,EAAO,gBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,UAAWa,EAAAA,sBAAsB,QACjC,OAAQlB,EACR,SAAAI,CAAA,CAAA,EAGJW,EAAAA,IAACI,EAAA,CACG,KAAM,SACN,KAAMC,EACN,aAAYf,EAAO,gBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,OAAQL,EACR,SAAAI,CAAA,CAAA,EAGZ,EACAW,EAAAA,IAACD,EAAa,QAAb,CACG,aAAYT,EAAO,gBACnB,KAAM,SACN,MAAO,QACP,MAAO,OAEL,SAAA,OAAO,KAAKG,EAAAA,oBAAoB,EAAyB,IACtDE,GACGK,EAAAA,IAACD,EAAa,KAAb,CAEG,MAAOF,EAAAA,2BAA2BF,CAAQ,EAC1C,OAAQA,IAAaD,EACrB,YAAcY,GAAUA,EAAM,eAAA,EAC9B,QAAS,IACLlB,EACK,QACA,QACA,YAAYK,EAAAA,qBAAqBE,CAAQ,CAAC,EAC1C,IAAA,CAAI,EATRA,CAAA,CAWT,CAER,CAAA,CACJ,CAAA,CAAA,CAGZ,EAEAZ,EAAa,YAAc"}

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.js CHANGED Viewed

@@ -1,52 +1,54 @@
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
-import b from "../../../../actions/button/Button.js";
+import { jsxs as T, jsx as t } from "react/jsx-runtime";
+import f from "../../../../actions/button/Button.js";
 import "../../../../actions/button/styles/Button.css.js";
 import "../../constants/richTextColorPalettes.const.js";
-import { RICH_TEXT_FONT_SIZES as o, RICH_TEXT_FONT_SIZE_LABELS as l } from "../../constants/richTextFontSizes.const.js";
-import x from "../../../../actions/icon-button/IconButton.js";
+import { RICH_TEXT_FONT_SIZES as o, RICH_TEXT_FONT_SIZE_LABELS as m } from "../../constants/richTextFontSizes.const.js";
+import g from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import "../../../../overlay/dropdown-menu/index.js";
-import { useRichTextEditorContext as f } from "../../context/RichTextEditor.context.js";
-import { useState as g } from "react";
-import { TEXT_SIZE_MENU_STYLES as h } from "./styles/TextSizeMenu.css.js";
+import { useRichTextEditorContext as b } from "../../context/RichTextEditor.context.js";
+import x from "../../../../../resources/asset/ChevronDownIcon.svg.js";
+import h from "../../../../../resources/asset/TextCursorInputIcon.svg.js";
+import { useState as E } from "react";
+import { TEXT_SIZE_MENU_STYLES as I } from "./styles/TextSizeMenu.css.js";
 import r from "../../../../overlay/dropdown-menu/DropdownMenu.js";
-const E = ({ presentation: m = "select" }) => {
-  const [i, p] = g(!1), { editor: n, disabled: c, labels: a } = f();
+const _ = ({ presentation: c = "select" }) => {
+  const [i, p] = E(!1), { editor: n, disabled: l, labels: a } = b();
   if (!n)
     return null;
-  const d = n.getAttributes("textStyle").fontSize ?? o.md, s = Object.keys(o).find((e) => o[e] === d), u = s ? l[s] : l.md;
-  return /* @__PURE__ */ S(
+  const d = n.getAttributes("textStyle").fontSize ?? o.md, s = Object.keys(o).find((e) => o[e] === d), u = s ? m[s] : m.md;
+  return /* @__PURE__ */ T(
     r,
     {
       modal: !1,
       open: i,
       onOpenChange: p,
       children: [
-        /* @__PURE__ */ t(r.Trigger, { children: m === "select" ? /* @__PURE__ */ t(
-          b,
+        /* @__PURE__ */ t(r.Trigger, { children: c === "select" ? /* @__PURE__ */ t(
+          f,
           {
             type: "button",
             label: u,
-            endIcon: "lucide:chevron-down",
+            endIcon: x,
             "aria-label": a.textSizeTrigger,
             variant: "ghost",
             color: "primary",
             size: "sm",
-            className: h.trigger,
+            className: I.trigger,
             active: i,
-            disabled: c
+            disabled: l
           }
         ) : /* @__PURE__ */ t(
-          x,
+          g,
           {
             type: "button",
-            icon: "lucide:text-cursor-input",
+            icon: h,
             "aria-label": a.textSizeTrigger,
             variant: "ghost",
             color: "primary",
             size: "sm",
             active: i,
-            disabled: c
+            disabled: l
           }
         ) }),
         /* @__PURE__ */ t(
@@ -60,9 +62,9 @@ const E = ({ presentation: m = "select" }) => {
               (e) => /* @__PURE__ */ t(
                 r.Item,
                 {
-                  label: l[e],
+                  label: m[e],
                   active: e === s,
-                  onMouseDown: (T) => T.preventDefault(),
+                  onMouseDown: (S) => S.preventDefault(),
                   onClick: () => n.chain().focus().setFontSize(o[e]).run()
                 },
                 e
@@ -74,8 +76,8 @@ const E = ({ presentation: m = "select" }) => {
     }
   );
 };
-E.displayName = "RichTextEditor.TextAppearanceGroup.TextSizeMenu";
+_.displayName = "RichTextEditor.TextAppearanceGroup.TextSizeMenu";
 export {
-  E as default
+  _ as default
 };
 //# sourceMappingURL=TextSizeMenu.js.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextSizeMenu.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.tsx"],"sourcesContent":["import { Button } from '@components/actions/button'\r\nimport { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_FONT_SIZE_LABELS } from '@components/forms/rich-text-editor/constants/richTextFontSizes.const.ts'\r\nimport type { RichTextFontSize } from '@components/forms/rich-text-editor/types'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { useState } from 'react'\r\nimport type { TextSizeMenuProps } from '@components/forms/rich-text-editor/components/text-appearance-group/types/TextSizeMenu.props.ts'\r\nimport { TEXT_SIZE_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.ts'\r\n\r\n/*\r\n Font-size picker toolbar control for `TextAppearanceGroup`. Renders a\r\n * `DropdownMenu` showing available rich-text font sizes. Use\r\n * `presentation=\"select\"` (default) for a labeled button trigger or\r\n * `\"icon\"` for an icon-only trigger.\r\n */\r\nconst TextSizeMenu = ({ presentation = 'select' }: TextSizeMenuProps) => {\r\n const [open, setOpen] = useState(false)\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const selectedFontSize =\r\n editor.getAttributes('textStyle').fontSize ?? RICH_TEXT_FONT_SIZES.md\r\n const selectedFontSizeKey = (\r\n Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]\r\n ).find((fontSize) => RICH_TEXT_FONT_SIZES[fontSize] === selectedFontSize)\r\n\r\n const selectedFontSizeLabel = selectedFontSizeKey\r\n ? RICH_TEXT_FONT_SIZE_LABELS[selectedFontSizeKey]\r\n : RICH_TEXT_FONT_SIZE_LABELS.md\r\n\r\n return (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <DropdownMenu.Trigger>\r\n {presentation === 'select' ? (\r\n <Button\r\n type={'button'}\r\n label={selectedFontSizeLabel}\r\n endIcon={~~'lucide:chevron-down'~~}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n className={TEXT_SIZE_MENU_STYLES.trigger}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n ) : (\r\n <IconButton\r\n type={'button'}\r\n icon={~~'lucide:text-cursor-input'~~}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n )}\r\n </DropdownMenu.Trigger>\r\n <DropdownMenu.Content\r\n aria-label={labels.textSizeOptions}\r\n side={'bottom'}\r\n align={'start'}\r\n width={'6rem'}\r\n >\r\n {(Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]).map(\r\n (fontSize) => (\r\n <DropdownMenu.Item\r\n key={fontSize}\r\n label={RICH_TEXT_FONT_SIZE_LABELS[fontSize]}\r\n active={fontSize === selectedFontSizeKey}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor\r\n .chain()\r\n .focus()\r\n .setFontSize(RICH_TEXT_FONT_SIZES[fontSize])\r\n .run()\r\n }\r\n />\r\n ),\r\n )}\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )\r\n}\r\n\r\nTextSizeMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextSizeMenu'\r\n\r\nexport default TextSizeMenu\r\n"],"names":["TextSizeMenu","presentation","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","selectedFontSize","RICH_TEXT_FONT_SIZES","selectedFontSizeKey","fontSize","selectedFontSizeLabel","RICH_TEXT_FONT_SIZE_LABELS","jsxs","DropdownMenu","jsx","Button","TEXT_SIZE_MENU_STYLES","IconButton","event"],"mappings":"~~;;;;;;;;;;;;AAiBA~~,MAAMA,IAAe,CAAC,EAAE,cAAAC,IAAe,eAAkC;AACrE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,MAAI,CAACH;AACD,WAAO;AAGX,QAAMI,IACNJ,EAAO,cAAc,WAAW,EAAE,YAAYK,EAAqB,IAC7DC,IACN,OAAO,KAAKD,CAAoB,EAC9B,KAAK,CAACE,MAAaF,EAAqBE,CAAQ,MAAMH,CAAgB,GAElEI,IAAwBF,IACxBG,EAA2BH,CAAmB,IAC9CG,EAA2B;AAEjC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,MAAAd;AAAA,MACA,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAc,EAACD,EAAa,SAAb,EACI,UAAAf,MAAiB,WACd,gBAAAgB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAOL;AAAA,YACP,~~SAAS~~;~~AAAA~~,YACT,~~cAAYN~~,EAAO;AAAA,YACnB,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,~~WAAWY~~,EAAsB;AAAA,YACjC,~~QAAQjB~~;AAAA,YACR,UAAAI;AAAA,UAAA;AAAA,QAAA,IAGJ,gBAAAW;AAAA,~~UAACG~~;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,~~MAAM~~;~~AAAA~~,YACN,~~cAAYb~~,EAAO;AAAA,YACnB,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,QAAQL;AAAA,YACR,UAAAI;AAAA,UAAA;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAW;AAAA,UAACD,EAAa;AAAA,UAAb;AAAA,YACG,cAAYT,EAAO;AAAA,YACnB,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO;AAAA,YAEL,UAAA,OAAO,KAAKG,CAAoB,EAAyB;AAAA,cACvD,CAACE,MACG,gBAAAK;AAAA,gBAACD,EAAa;AAAA,gBAAb;AAAA,kBAEG,OAAOF,EAA2BF,CAAQ;AAAA,kBAC1C,QAAQA,MAAaD;AAAA,kBACrB,aAAa,~~CAACU~~,MAAUA,EAAM,eAAA;AAAA,kBAC9B,SAAS,~~MACLhB~~,EACK,QACA,QACA,YAAYK,EAAqBE,CAAQ,CAAC,EAC1C,IAAA;AAAA,gBAAI;AAAA,gBATRA;AAAA,cAAA;AAAA,YAWT;AAAA,UAER;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEAZ,EAAa,cAAc;"}
1	+ {"version":3,"file":"TextSizeMenu.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.tsx"],"sourcesContent":["import { Button } from '@components/actions/button'\r\nimport { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_FONT_SIZE_LABELS } from '@components/forms/rich-text-editor/constants/richTextFontSizes.const.ts'\r\nimport type { RichTextFontSize } from '@components/forms/rich-text-editor/types'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport ChevronDownIcon from '@resources/asset/ChevronDownIcon.svg?react'\r\nimport TextCursorInputIcon from '@resources/asset/TextCursorInputIcon.svg?react'\r\nimport { useState } from 'react'\r\nimport type { TextSizeMenuProps } from '@components/forms/rich-text-editor/components/text-appearance-group/types/TextSizeMenu.props.ts'\r\nimport { TEXT_SIZE_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.ts'\r\n\r\n/*\r\n Font-size picker toolbar control for `TextAppearanceGroup`. Renders a\r\n * `DropdownMenu` showing available rich-text font sizes. Use\r\n * `presentation=\"select\"` (default) for a labeled button trigger or\r\n * `\"icon\"` for an icon-only trigger.\r\n */\r\nconst TextSizeMenu = ({ presentation = 'select' }: TextSizeMenuProps) => {\r\n const [open, setOpen] = useState(false)\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const selectedFontSize =\r\n editor.getAttributes('textStyle').fontSize ?? RICH_TEXT_FONT_SIZES.md\r\n const selectedFontSizeKey = (\r\n Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]\r\n ).find((fontSize) => RICH_TEXT_FONT_SIZES[fontSize] === selectedFontSize)\r\n\r\n const selectedFontSizeLabel = selectedFontSizeKey\r\n ? RICH_TEXT_FONT_SIZE_LABELS[selectedFontSizeKey]\r\n : RICH_TEXT_FONT_SIZE_LABELS.md\r\n\r\n return (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <DropdownMenu.Trigger>\r\n {presentation === 'select' ? (\r\n <Button\r\n type={'button'}\r\n label={selectedFontSizeLabel}\r\n endIcon={ChevronDownIcon}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n className={TEXT_SIZE_MENU_STYLES.trigger}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n ) : (\r\n <IconButton\r\n type={'button'}\r\n icon={TextCursorInputIcon}\r\n aria-label={labels.textSizeTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n )}\r\n </DropdownMenu.Trigger>\r\n <DropdownMenu.Content\r\n aria-label={labels.textSizeOptions}\r\n side={'bottom'}\r\n align={'start'}\r\n width={'6rem'}\r\n >\r\n {(Object.keys(RICH_TEXT_FONT_SIZES) as RichTextFontSize[]).map(\r\n (fontSize) => (\r\n <DropdownMenu.Item\r\n key={fontSize}\r\n label={RICH_TEXT_FONT_SIZE_LABELS[fontSize]}\r\n active={fontSize === selectedFontSizeKey}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor\r\n .chain()\r\n .focus()\r\n .setFontSize(RICH_TEXT_FONT_SIZES[fontSize])\r\n .run()\r\n }\r\n />\r\n ),\r\n )}\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )\r\n}\r\n\r\nTextSizeMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextSizeMenu'\r\n\r\nexport default TextSizeMenu\r\n"],"names":["TextSizeMenu","presentation","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","selectedFontSize","RICH_TEXT_FONT_SIZES","selectedFontSizeKey","fontSize","selectedFontSizeLabel","RICH_TEXT_FONT_SIZE_LABELS","jsxs","DropdownMenu","jsx","Button","ChevronDownIcon","TEXT_SIZE_MENU_STYLES","IconButton","TextCursorInputIcon","event"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAMA,IAAe,CAAC,EAAE,cAAAC,IAAe,eAAkC;AACrE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,MAAI,CAACH;AACD,WAAO;AAGX,QAAMI,IACNJ,EAAO,cAAc,WAAW,EAAE,YAAYK,EAAqB,IAC7DC,IACN,OAAO,KAAKD,CAAoB,EAC9B,KAAK,CAACE,MAAaF,EAAqBE,CAAQ,MAAMH,CAAgB,GAElEI,IAAwBF,IACxBG,EAA2BH,CAAmB,IAC9CG,EAA2B;AAEjC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,MAAAd;AAAA,MACA,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAc,EAACD,EAAa,SAAb,EACI,UAAAf,MAAiB,WACd,gBAAAgB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,OAAOL;AAAA,YACP,SAASM;AAAAA,YACT,cAAYZ,EAAO;AAAA,YACnB,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,WAAWa,EAAsB;AAAA,YACjC,QAAQlB;AAAA,YACR,UAAAI;AAAA,UAAA;AAAA,QAAA,IAGJ,gBAAAW;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,MAAM;AAAA,YACN,MAAMC;AAAAA,YACN,cAAYf,EAAO;AAAA,YACnB,SAAS;AAAA,YACT,OAAO;AAAA,YACP,MAAM;AAAA,YACN,QAAQL;AAAA,YACR,UAAAI;AAAA,UAAA;AAAA,QAAA,GAGZ;AAAA,QACA,gBAAAW;AAAA,UAACD,EAAa;AAAA,UAAb;AAAA,YACG,cAAYT,EAAO;AAAA,YACnB,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO;AAAA,YAEL,UAAA,OAAO,KAAKG,CAAoB,EAAyB;AAAA,cACvD,CAACE,MACG,gBAAAK;AAAA,gBAACD,EAAa;AAAA,gBAAb;AAAA,kBAEG,OAAOF,EAA2BF,CAAQ;AAAA,kBAC1C,QAAQA,MAAaD;AAAA,kBACrB,aAAa,CAACY,MAAUA,EAAM,eAAA;AAAA,kBAC9B,SAAS,MACLlB,EACK,QACA,QACA,YAAYK,EAAqBE,CAAQ,CAAC,EAC1C,IAAA;AAAA,gBAAI;AAAA,gBATRA;AAAA,cAAA;AAAA,YAWT;AAAA,UAER;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEAZ,EAAa,cAAc;"}

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.cjs CHANGED Viewed

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

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.js CHANGED Viewed

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

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit150.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */var e={colorPicker:"pv8jx80",paletteGrid:"pv8jx81",paletteColumn:"pv8jx82",colorSwatch:"pv8jx83",colorCheck:"pv8jx84",selectedColor:"pv8jx85"};exports.TEXT_COLOR_MENU_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit153.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */var e={colorPicker:"pv8jx80",paletteGrid:"pv8jx81",paletteColumn:"pv8jx82",colorSwatch:"pv8jx83",colorCheck:"pv8jx84",selectedColor:"pv8jx85"};exports.TEXT_COLOR_MENU_STYLES=e;
 //# sourceMappingURL=TextColorMenu.css.cjs.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit150.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit153.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 var e = { colorPicker: "pv8jx80", paletteGrid: "pv8jx81", paletteColumn: "pv8jx82", colorSwatch: "pv8jx83", colorCheck: "pv8jx84", selectedColor: "pv8jx85" };
 export {

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit145.css');;/* empty css                                  */var e={trigger:"_1q5814j0"};exports.TEXT_SIZE_MENU_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit155.css');;/* empty css                                  */var e={trigger:"_1q5814j0"};exports.TEXT_SIZE_MENU_STYLES=e;
 //# sourceMappingURL=TextSizeMenu.css.cjs.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit145.css';/* empty css                                */
+import '../../../../../../ui-kit155.css';/* empty css                                */
 var E = { trigger: "_1q5814j0" };
 export {
   E as TEXT_SIZE_MENU_STYLES

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

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

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

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

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

@@ -1,31 +1,35 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import d from "../../../../actions/toggle/Toggle.js";
 import "../../../../actions/toggle/styles/Toggle.css.js";
-import u from "../../../../overlay/tooltip/Tooltip.js";
+import m 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-kit50.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
-import { useRichTextEditorContext as i } from "../../context/RichTextEditor.context.js";
-const r = ({
-  mark: e,
-  icon: o,
-  label: l,
+import { useRichTextEditorContext as r } from "../../context/RichTextEditor.context.js";
+import g from "../../../../../resources/asset/BoldIcon.svg.js";
+import u from "../../../../../resources/asset/ItalicIcon.svg.js";
+import p from "../../../../../resources/asset/StrikethroughIcon.svg.js";
+import h from "../../../../../resources/asset/UnderlineIcon.svg.js";
+const i = ({
+  mark: o,
+  icon: t,
+  label: n,
   onToggle: c
 }) => {
-  const { editor: n, disabled: a } = i();
-  return n ? /* @__PURE__ */ t(
-    u,
+  const { editor: l, disabled: a } = r();
+  return l ? /* @__PURE__ */ e(
+    m,
     {
-      content: l,
+      content: n,
       delayDuration: 700,
       openOnFocus: !1,
       position: "top",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e(
         d,
         {
-          icon: o,
-          "aria-label": l,
-          pressed: n.isActive(e),
+          icon: t,
+          "aria-label": n,
+          pressed: l.isActive(o),
           variant: "ghost",
           subtle: !0,
           color: "primary",
@@ -37,59 +41,59 @@ const r = ({
       )
     }
   ) : null;
-}, g = () => {
-  const { editor: e, labels: o } = i();
-  return /* @__PURE__ */ t(
-    r,
+}, f = () => {
+  const { editor: o, labels: t } = r();
+  return /* @__PURE__ */ e(
+    i,
     {
       mark: "bold",
-      icon: "lucide:bold",
-      label: o.bold,
-      onToggle: () => e?.chain().focus().toggleBold().run()
+      icon: g,
+      label: t.bold,
+      onToggle: () => o?.chain().focus().toggleBold().run()
     }
   );
-}, m = () => {
-  const { editor: e, labels: o } = i();
-  return /* @__PURE__ */ t(
-    r,
+}, b = () => {
+  const { editor: o, labels: t } = r();
+  return /* @__PURE__ */ e(
+    i,
     {
       mark: "italic",
-      icon: "lucide:italic",
-      label: o.italic,
-      onToggle: () => e?.chain().focus().toggleItalic().run()
+      icon: u,
+      label: t.italic,
+      onToggle: () => o?.chain().focus().toggleItalic().run()
     }
   );
-}, p = () => {
-  const { editor: e, labels: o } = i();
-  return /* @__PURE__ */ t(
-    r,
+}, T = () => {
+  const { editor: o, labels: t } = r();
+  return /* @__PURE__ */ e(
+    i,
     {
       mark: "underline",
-      icon: "lucide:underline",
-      label: o.underline,
-      onToggle: () => e?.chain().focus().toggleUnderline().run()
+      icon: h,
+      label: t.underline,
+      onToggle: () => o?.chain().focus().toggleUnderline().run()
     }
   );
-}, h = () => {
-  const { editor: e, labels: o } = i();
-  return /* @__PURE__ */ t(
-    r,
+}, k = () => {
+  const { editor: o, labels: t } = r();
+  return /* @__PURE__ */ e(
+    i,
     {
       mark: "strike",
-      icon: "lucide:strikethrough",
-      label: o.strikethrough,
-      onToggle: () => e?.chain().focus().toggleStrike().run()
+      icon: p,
+      label: t.strikethrough,
+      onToggle: () => o?.chain().focus().toggleStrike().run()
     }
   );
 };
-g.displayName = "RichTextEditor.Bold";
-m.displayName = "RichTextEditor.Italic";
-p.displayName = "RichTextEditor.Underline";
-h.displayName = "RichTextEditor.Strike";
+f.displayName = "RichTextEditor.Bold";
+b.displayName = "RichTextEditor.Italic";
+T.displayName = "RichTextEditor.Underline";
+k.displayName = "RichTextEditor.Strike";
 export {
-  g as Bold,
-  m as Italic,
-  h as Strike,
-  p as Underline
+  f as Bold,
+  b as Italic,
+  k as Strike,
+  T as Underline
 };
 //# sourceMappingURL=TextStyleAction.js.map

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
+import { IconComponent } from '../../../../../foundation/icon';
 export type TextStyleActionProps = {
     mark: 'bold' | 'italic' | 'underline' | 'strike';
-    icon: string;
+    icon: IconComponent;
     label: string;
     onToggle: () => void;
 };

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

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

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

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

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

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

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

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

package/dist/components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit126.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"zv4s060"};exports.TOOLBAR_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit117.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"zv4s060"};exports.TOOLBAR_SEPARATOR_STYLES=e;
 //# sourceMappingURL=ToolbarSeparator.css.cjs.map

package/dist/components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.js CHANGED Viewed

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

package/dist/components/forms/rich-text-editor/hooks/useRichTextEditor.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("@tiptap/react"),N=require("@tiptap/extension-color"),k=require("@tiptap/extension-image"),A=require("@tiptap/extension-link"),J=require("@tiptap/extension-text-align"),x=require("@tiptap/extension-text-style"),P=require("@tiptap/starter-kit"),n=require("react"),U=require("../constants/richTextEmptyDocument.const.cjs"),_=require("../utils/richTextImagePaste.utils.cjs"),S=require("../utils/richText.utils.cjs"),C=({value:r,defaultValue:b,onValueChange:a,disabled:y,readOnly:O,required:p,label:u,placeholder:q,error:d,helperText:R,labelId:w,helperId:E,ariaLabel:f,ariaLabelledBy:m})=>{const h=n.useRef(a),T=n.useRef(r),[,o]=n.useReducer(e=>e+1,0),l=y||O;T.current=r,n.useEffect(()=>{h.current=a},[a]);const t=M.useEditor({extensions:[P.configure({link:!1}),x.TextStyle,x.FontSize,N,k.extend({addAttributes(){return{...this.parent?.(),width:{default:null,parseHTML:e=>e.getAttribute("data-width"),renderHTML:e=>e.width?{"data-width":e.width,style:`width: ${e.width}`}:{}}}}}).configure({allowBase64:!0,inline:!0}),A.configure({autolink:!0,linkOnPaste:!0,openOnClick:!1,enableClickSelection:!0,HTMLAttributes:{rel:"noopener noreferrer",target:"_blank"},isAllowedUri:e=>!!S.normalizeRichTextUrl(e),shouldAutoLink:e=>!!S.normalizeRichTextUrl(e)}),J.configure({types:["heading","paragraph"]})],content:r??b??U.EMPTY_RICH_TEXT_DOCUMENT,editable:!l,immediatelyRender:!1,editorProps:{attributes:{...d||R?{"aria-describedby":E}:{},...d?{"aria-invalid":"true"}:{},...f||u?{"aria-label":f??u}:{},...m||u?{"aria-labelledby":m??w}:{},"aria-multiline":"true",...p?{"aria-required":"true"}:{},"data-placeholder":q??"",role:"textbox"},handleDOMEvents:{mousedown:e=>(e.dom.setAttribute("data-mouse-focus",""),!1),blur:e=>(e.dom.removeAttribute("data-mouse-focus"),!1)},handlePaste:_.handleRichTextImagePaste},onUpdate:({editor:e})=>{const s=e.getJSON(),c=JSON.stringify(s);h.current?.(s),o(),setTimeout(()=>{const i=T.current;i===void 0||JSON.stringify(i)===c||JSON.stringify(e.getJSON())!==c||(e.commands.setContent(i,{emitUpdate:!1}),o())},0)},onTransaction:o});return n.useEffect(()=>{t&&t.setEditable(!l)},[t,l]),n.useEffect(()=>{if(!t||r===void 0)return;const e=JSON.stringify(r),s=JSON.stringify(t.getJSON());if(e===s)return;const{from:c,to:i}=t.state.selection;t.commands.setContent(r,{emitUpdate:!1});const g=t.state.doc.content.size;t.commands.setTextSelection({from:Math.min(c,g),to:Math.min(i,g)}),o()},[t,r]),t};exports.useRichTextEditor=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("@tiptap/react"),N=require("@tiptap/extension-color"),k=require("@tiptap/extension-image"),A=require("@tiptap/extension-link"),J=require("@tiptap/extension-text-align"),x=require("@tiptap/extension-text-style"),P=require("@tiptap/starter-kit"),n=require("react"),U=require("../constants/richTextEmptyDocument.const.cjs"),_=require("../utils/richTextImagePaste.utils.cjs"),S=require("../utils/richText.utils.cjs"),C=({value:r,defaultValue:b,onValueChange:a,disabled:y,readOnly:O,required:R,label:u,placeholder:p,error:d,helperText:q,labelId:w,helperId:E,ariaLabel:f,ariaLabelledBy:m})=>{const h=n.useRef(a),T=n.useRef(r),[,o]=n.useReducer(e=>e+1,0),l=y||O;T.current=r,n.useEffect(()=>{h.current=a},[a]);const t=M.useEditor({extensions:[P.configure({link:!1}),x.TextStyle,x.FontSize,N,k.extend({addAttributes(){return{...this.parent?.(),width:{default:null,parseHTML:e=>e.getAttribute("data-width"),renderHTML:e=>e.width?{"data-width":e.width,style:`width: ${e.width}`}:{}}}}}).configure({allowBase64:!0,inline:!0}),A.configure({autolink:!0,linkOnPaste:!0,openOnClick:!1,enableClickSelection:!0,HTMLAttributes:{rel:"noopener noreferrer",target:"_blank"},isAllowedUri:e=>!!S.normalizeRichTextUrl(e),shouldAutoLink:e=>!!S.normalizeRichTextUrl(e)}),J.configure({types:["heading","paragraph"]})],content:r??b??U.EMPTY_RICH_TEXT_DOCUMENT,editable:!l,immediatelyRender:!1,editorProps:{attributes:{...d||q?{"aria-describedby":E}:{},...d?{"aria-invalid":"true"}:{},...f||u?{"aria-label":f??u}:{},...m||u?{"aria-labelledby":m??w}:{},"aria-multiline":"true",...R?{"aria-required":"true"}:{},"data-placeholder":p??"",role:"textbox"},handleDOMEvents:{mousedown:e=>(e.dom.setAttribute("data-mouse-focus",""),!1),blur:e=>(e.dom.removeAttribute("data-mouse-focus"),!1)},handlePaste:_.handleRichTextImagePaste},onUpdate:({editor:e})=>{const s=e.getJSON(),c=JSON.stringify(s);h.current?.(s),o(),setTimeout(()=>{const i=T.current;i===void 0||JSON.stringify(i)===c||JSON.stringify(e.getJSON())!==c||(e.commands.setContent(i,{emitUpdate:!1}),o())},0)},onTransaction:o});return n.useEffect(()=>{t&&t.setEditable(!l)},[t,l]),n.useEffect(()=>{if(!t||r===void 0)return;const e=JSON.stringify(r),s=JSON.stringify(t.getJSON());if(e===s)return;const{from:c,to:i}=t.state.selection;t.commands.setContent(r,{emitUpdate:!1});const g=t.state.doc.content.size;t.commands.setTextSelection({from:Math.min(c,g),to:Math.min(i,g)}),o()},[t,r]),t};exports.useRichTextEditor=C;
 //# sourceMappingURL=useRichTextEditor.hook.cjs.map

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit27.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_11275xk0",editor:"_11275xk1"};exports.RICH_TEXT_EDITOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit81.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                    */var e={root:"_11275xk0",editor:"_11275xk1"};exports.RICH_TEXT_EDITOR_STYLES=e;
 //# sourceMappingURL=RichTextEditor.css.cjs.map

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../ui-kit27.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit81.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                  */
 var t = { root: "_11275xk0", editor: "_11275xk1" };
 export {

package/dist/components/forms/select/Select.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit111.css');require('../../../ui-kit102.css');require('../../../ui-kit105.css');require('../../../ui-kit112.css');require('../../../ui-kit6.css');require('../../../ui-kit14.css');require('../../../ui-kit13.css');require('../../../ui-kit12.css');require('../../../ui-kit4.css');require('../../../ui-kit10.css');require('../../../ui-kit11.css');require('../../../ui-kit8.css');require('../../../ui-kit3.css');require('../../../ui-kit7.css');require('../../../ui-kit9.css');require('../../../ui-kit5.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit106.css');require('../../../ui-kit103.css');require('../../../ui-kit111.css');require('../../../ui-kit112.css');require('../../../ui-kit12.css');require('../../../ui-kit13.css');require('../../../ui-kit14.css');require('../../../ui-kit3.css');require('../../../ui-kit5.css');require('../../../ui-kit11.css');require('../../../ui-kit6.css');require('../../../ui-kit4.css');require('../../../ui-kit8.css');require('../../../ui-kit9.css');require('../../../ui-kit10.css');require('../../../ui-kit7.css');require('../../../ui-kit.css');const t=require("react/jsx-runtime"),i=require("@base-ui/react/select"),u=require("./components/select-trigger/SelectTrigger.cjs"),q=require("./components/select-trigger/styles/SelectTrigger.css.cjs"),c=require("./components/select-content/SelectContent.cjs");;/* empty css                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                                      */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                 */;/* empty css                                                                  */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                    */;/* empty css                                                                    */const o=require("./components/select-list/SelectList.cjs"),s=require("./components/select-group/SelectGroup.cjs"),l=require("./components/select-label/SelectLabel.cjs");;/* empty css                                                                */const S=require("./components/select-item/SelectItem.cjs");;/* empty css                                                              */const n=require("./components/select-separator/SelectSeparator.cjs");;/* empty css                                                                        */require("./components/select-field/SelectField.cjs");const a=require("react"),e=a.memo(r=>t.jsx(i.Select.Root,{...r}));e.displayName="Select";e.Trigger=u;e.Content=c;e.List=o;e.Group=s;e.Label=l;e.Item=S;e.Separator=n;exports.SELECT_TRIGGER_STYLES=q.SELECT_TRIGGER_STYLES;exports.default=e;
 //# sourceMappingURL=Select.cjs.map

package/dist/components/forms/select/Select.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Select as m } from "@base-ui/react/select";
 import e from "./components/select-trigger/SelectTrigger.js";
 import { SELECT_TRIGGER_STYLES as H } from "./components/select-trigger/styles/SelectTrigger.css.js";
 import p from "./components/select-content/SelectContent.js";
-import '../../../ui-kit111.css';import '../../../ui-kit102.css';import '../../../ui-kit105.css';import '../../../ui-kit112.css';import '../../../ui-kit6.css';import '../../../ui-kit14.css';import '../../../ui-kit13.css';import '../../../ui-kit12.css';import '../../../ui-kit4.css';import '../../../ui-kit10.css';import '../../../ui-kit11.css';import '../../../ui-kit8.css';import '../../../ui-kit3.css';import '../../../ui-kit7.css';import '../../../ui-kit9.css';import '../../../ui-kit5.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit106.css';import '../../../ui-kit103.css';import '../../../ui-kit111.css';import '../../../ui-kit112.css';import '../../../ui-kit12.css';import '../../../ui-kit13.css';import '../../../ui-kit14.css';import '../../../ui-kit3.css';import '../../../ui-kit5.css';import '../../../ui-kit11.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';import '../../../ui-kit8.css';import '../../../ui-kit9.css';import '../../../ui-kit10.css';import '../../../ui-kit7.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */

package/dist/components/forms/select/components/select-content/SelectContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),o=require("./styles/SelectContent.css.cjs"),E=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:s,listboxAriaLabel:r="Options",children:i,side:c="bottom",align:l="start",sideOffset:a=6,collisionPadding:S=8,...u})=>{const T=E.useViewportShift(S);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:c,align:l,sideOffset:a,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,className:o.SELECT_CONTENT_STYLES.positioner,children:e.jsx(t.Select.Popup,{ref:T,className:p.cn(o.SELECT_CONTENT_STYLES.root,s),"aria-label":r,children:i})})})});n.displayName="Select.Content";module.exports=n;
+"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),o=require("./styles/SelectContent.css.cjs"),E=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:s,listboxAriaLabel:i="Options",children:r,side:c="bottom",align:l="start",sideOffset:a=6,collisionPadding:S=8,...u})=>{const T=E.useViewportShift(S);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:c,align:l,sideOffset:a,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,className:o.SELECT_CONTENT_STYLES.positioner,children:e.jsx(t.Select.Popup,{ref:T,className:p.cn(o.SELECT_CONTENT_STYLES.root,s),"aria-label":i,children:r})})})});n.displayName="Select.Content";module.exports=n;
 //# sourceMappingURL=SelectContent.cjs.map