@choco-vanille/ui 1.13.5 → 1.13.6

package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.js

@@ -1,7 +1,7 @@
 import { jsxs as u, Fragment as f, jsx as l } from "react/jsx-runtime";
 import { memo as x } from "react";
 import c from "../../../../data-display/rich-text-renderer/RichTextRenderer.js";
-import '../../../../../ui-kit154.css';import '../../../../../ui-kit44.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit149.css';import '../../../../../ui-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                                                     */
 import y from "../rich-text-editor-form-field/RichTextEditorFormField.js";
 /* empty css                                                                               */

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit154.css');;/* empty css                                             */var _={root:"rsin5k0"};exports.RICH_TEXT_EDITOR_FORM_FIELD_STYLES=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit149.css');;/* empty css                                             */var _={root:"rsin5k0"};exports.RICH_TEXT_EDITOR_FORM_FIELD_STYLES=_;
 //# sourceMappingURL=RichTextEditorFormField.css.cjs.map

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit154.css';/* empty css                                           */
+import '../../../../../../ui-kit149.css';/* empty css                                           */
 var _ = { root: "rsin5k0" };
 export {
   _ as RICH_TEXT_EDITOR_FORM_FIELD_STYLES

package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit62.css');require('../../../../../../ui-kit52.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                          */;/* empty css                                                                              */var e={root:"lg1gei0 lg1gei9"};exports.RICH_TEXT_EDITOR_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit70.css');require('../../../../../../ui-kit51.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                          */;/* empty css                                                                              */var e={root:"lg1gei0 lg1gei9"};exports.RICH_TEXT_EDITOR_LABEL_STYLES=e;
 //# sourceMappingURL=RichTextEditorLabel.css.cjs.map

package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit62.css';import '../../../../../../ui-kit52.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit70.css';import '../../../../../../ui-kit51.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                        */
 /* empty css                                                                            */
 var t = { root: "lg1gei0 lg1gei9" };

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit93.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit57.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),O=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const f=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const R=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const T=require("../../../../overlay/popover/Popover.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                                                                                        */const C=require("../../constants/richTextColorPalettes.const.cjs"),S=require("../../context/RichTextEditor.context.cjs"),L=require("../../../../../resources/asset/CheckIcon.svg.cjs"),n=require("./styles/TextColorMenu.css.cjs"),b=require("../../../../../theme/contract.css.cjs"),c=require("react"),x=()=>{const E=c.useRef([]),[_,d]=c.useState(!1),{editor:u,disabled:m,labels:l}=S.useRichTextEditorContext(),h=c.useCallback((e,o)=>{E.current[e*3+o]?.focus()},[]),p=c.useCallback((e,o,s)=>{let t=o,i=s;if(e.key==="ArrowRight")t=Math.min(o+1,C.RICH_TEXT_COLOR_PALETTES.length-1);else if(e.key==="ArrowLeft")t=Math.max(o-1,0);else if(e.key==="ArrowDown")i=Math.min(s+1,2);else if(e.key==="ArrowUp")i=Math.max(s-1,0);else if(e.key==="Home")t=0;else if(e.key==="End")t=C.RICH_TEXT_COLOR_PALETTES.length-1;else return;e.preventDefault(),h(t,i)},[h]);if(!u)return null;const q=u.getAttributes("textStyle").color??b.vars.editorColors.neutral.dark;return r.jsxs(T,{open:_,onOpenChange:d,children:[r.jsx(f,{content:l.textColorTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:r.jsx(T.Trigger,{children:r.jsx(O,{type:"button","aria-label":l.textColorTrigger,variant:"ghost",color:"primary",size:"sm",active:_,disabled:m,onMouseDown:e=>e.preventDefault(),children:r.jsx("span",{className:n.TEXT_COLOR_MENU_STYLES.selectedColor,style:{backgroundColor:q}})})})}),r.jsx(T.Content,{"aria-label":l.textColorPalette,side:"bottom",align:"start",children:r.jsx("div",{className:n.TEXT_COLOR_MENU_STYLES.colorPicker,children:r.jsx("div",{className:n.TEXT_COLOR_MENU_STYLES.paletteGrid,children:C.RICH_TEXT_COLOR_PALETTES.map((e,o)=>r.jsx("div",{className:n.TEXT_COLOR_MENU_STYLES.paletteColumn,role:"group","aria-label":l.textColorGroup(e.name),children:e.colors.map((s,t)=>{const i=q===s;return r.jsx("button",{ref:a=>{E.current[o*3+t]=a},type:"button",className:n.TEXT_COLOR_MENU_STYLES.colorSwatch,style:{backgroundColor:s},"aria-label":l.textColorSwatch(e.name,t),"aria-pressed":i,"data-selected":i||void 0,tabIndex:o===0&&t===0?0:-1,onKeyDown:a=>p(a,o,t),onMouseDown:a=>a.preventDefault(),onClick:()=>{u.chain().focus().setColor(s).run(),d(!1)},children:i&&r.jsx("span",{className:n.TEXT_COLOR_MENU_STYLES.colorCheck,children:r.jsx(R,{icon:L,size:"sm"})})},s)})},e.name))})})})]})};x.displayName="RichTextEditor.TextAppearanceGroup.TextColorMenu";module.exports=x;
+"use strict";require('../../../../../ui-kit15.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),f=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const R=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const S=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const T=require("../../../../overlay/popover/Popover.cjs");require("../../../../overlay/popover/components/content/styles/PopoverContent.css.cjs");const C=require("../../constants/richTextColorPalettes.const.cjs"),L=require("../../context/RichTextEditor.context.cjs"),q=require("../../../../../resources/asset/CheckIcon.svg.cjs"),i=require("./styles/TextColorMenu.css.cjs"),b=require("../../../../../theme/contract.css.cjs"),c=require("react"),m=()=>{const E=c.useRef([]),[_,d]=c.useState(!1),{editor:u,disabled:p,labels:l}=L.useRichTextEditorContext(),h=c.useCallback((e,o)=>{E.current[e*3+o]?.focus()},[]),O=c.useCallback((e,o,s)=>{let t=o,n=s;if(e.key==="ArrowRight")t=Math.min(o+1,C.RICH_TEXT_COLOR_PALETTES.length-1);else if(e.key==="ArrowLeft")t=Math.max(o-1,0);else if(e.key==="ArrowDown")n=Math.min(s+1,2);else if(e.key==="ArrowUp")n=Math.max(s-1,0);else if(e.key==="Home")t=0;else if(e.key==="End")t=C.RICH_TEXT_COLOR_PALETTES.length-1;else return;e.preventDefault(),h(t,n)},[h]);if(!u)return null;const x=u.getAttributes("textStyle").color??b.vars.editorColors.neutral.dark;return r.jsxs(T,{open:_,onOpenChange:d,children:[r.jsx(R,{content:l.textColorTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:r.jsx(T.Trigger,{children:r.jsx(f,{type:"button","aria-label":l.textColorTrigger,variant:"ghost",color:"primary",size:"sm",active:_,disabled:p,onMouseDown:e=>e.preventDefault(),children:r.jsx("span",{className:i.TEXT_COLOR_MENU_STYLES.selectedColor,style:{backgroundColor:x}})})})}),r.jsx(T.Content,{"aria-label":l.textColorPalette,side:"bottom",align:"start",children:r.jsx("div",{className:i.TEXT_COLOR_MENU_STYLES.colorPicker,children:r.jsx("div",{className:i.TEXT_COLOR_MENU_STYLES.paletteGrid,children:C.RICH_TEXT_COLOR_PALETTES.map((e,o)=>r.jsx("div",{className:i.TEXT_COLOR_MENU_STYLES.paletteColumn,role:"group","aria-label":l.textColorGroup(e.name),children:e.colors.map((s,t)=>{const n=x===s;return r.jsx("button",{ref:a=>{E.current[o*3+t]=a},type:"button",className:i.TEXT_COLOR_MENU_STYLES.colorSwatch,style:{backgroundColor:s},"aria-label":l.textColorSwatch(e.name,t),"aria-pressed":n,"data-selected":n||void 0,tabIndex:o===0&&t===0?0:-1,onKeyDown:a=>O(a,o,t),onMouseDown:a=>a.preventDefault(),onClick:()=>{u.chain().focus().setColor(s).run(),d(!1)},children:n&&r.jsx("span",{className:i.TEXT_COLOR_MENU_STYLES.colorCheck,children:r.jsx(S,{icon:q,size:"sm"})})},s)})},e.name))})})})]})};m.displayName="RichTextEditor.TextAppearanceGroup.TextColorMenu";module.exports=m;
 //# sourceMappingURL=TextColorMenu.cjs.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextColorMenu.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}
+{"version":3,"file":"TextColorMenu.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.js

@@ -1,26 +1,14 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import k from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import x from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit93.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit15.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import w from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import c from "../../../../overlay/popover/Popover.js";
-/* 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                                                                                      */
+import m from "../../../../overlay/popover/Popover.js";
+import "../../../../overlay/popover/components/content/styles/PopoverContent.css.js";
 import { RICH_TEXT_COLOR_PALETTES as p } from "../../constants/richTextColorPalettes.const.js";
 import { useRichTextEditorContext as D } from "../../context/RichTextEditor.context.js";
 import E from "../../../../../resources/asset/CheckIcon.svg.js";
@@ -28,49 +16,49 @@ import { TEXT_COLOR_MENU_STYLES as a } from "./styles/TextColorMenu.css.js";
 import { vars as M } from "../../../../../theme/contract.css.js";
 import { useRef as S, useState as N, useCallback as g } from "react";
 const R = () => {
-  const u = S([]), [f, d] = N(!1), { editor: m, disabled: y, labels: n } = D(), h = g((o, t) => {
+  const u = S([]), [f, d] = N(!1), { editor: c, disabled: y, labels: n } = D(), h = g((o, t) => {
     u.current[o * 3 + t]?.focus();
   }, []), T = g(
-    (o, t, i) => {
-      let e = t, l = i;
+    (o, t, l) => {
+      let r = t, i = l;
       if (o.key === "ArrowRight")
-        e = Math.min(
+        r = Math.min(
           t + 1,
           p.length - 1
         );
       else if (o.key === "ArrowLeft")
-        e = Math.max(t - 1, 0);
+        r = Math.max(t - 1, 0);
       else if (o.key === "ArrowDown")
-        l = Math.min(i + 1, 2);
+        i = Math.min(l + 1, 2);
       else if (o.key === "ArrowUp")
-        l = Math.max(i - 1, 0);
+        i = Math.max(l - 1, 0);
       else if (o.key === "Home")
-        e = 0;
+        r = 0;
       else if (o.key === "End")
-        e = p.length - 1;
+        r = p.length - 1;
       else
         return;
-      o.preventDefault(), h(e, l);
+      o.preventDefault(), h(r, i);
     },
     [h]
   );
-  if (!m)
+  if (!c)
     return null;
-  const C = m.getAttributes("textStyle").color ?? M.editorColors.neutral.dark;
+  const C = c.getAttributes("textStyle").color ?? M.editorColors.neutral.dark;
   return /* @__PURE__ */ b(
-    c,
+    m,
     {
       open: f,
       onOpenChange: d,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           x,
           {
             content: n.textColorTrigger,
             delayDuration: 700,
             openOnFocus: !1,
             position: "top",
-            children: /* @__PURE__ */ r(c.Trigger, { children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ e(m.Trigger, { children: /* @__PURE__ */ e(
               k,
               {
                 type: "button",
@@ -81,7 +69,7 @@ const R = () => {
                 active: f,
                 disabled: y,
                 onMouseDown: (o) => o.preventDefault(),
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ e(
                   "span",
                   {
                     className: a.selectedColor,
@@ -92,39 +80,39 @@ const R = () => {
             ) })
           }
         ),
-        /* @__PURE__ */ r(
-          c.Content,
+        /* @__PURE__ */ e(
+          m.Content,
           {
             "aria-label": n.textColorPalette,
             side: "bottom",
             align: "start",
-            children: /* @__PURE__ */ r("div", { className: a.colorPicker, children: /* @__PURE__ */ r("div", { className: a.paletteGrid, children: p.map((o, t) => /* @__PURE__ */ r(
+            children: /* @__PURE__ */ e("div", { className: a.colorPicker, children: /* @__PURE__ */ e("div", { className: a.paletteGrid, children: p.map((o, t) => /* @__PURE__ */ e(
               "div",
               {
                 className: a.paletteColumn,
                 role: "group",
                 "aria-label": n.textColorGroup(o.name),
-                children: o.colors.map((i, e) => {
-                  const l = C === i;
-                  return /* @__PURE__ */ r(
+                children: o.colors.map((l, r) => {
+                  const i = C === l;
+                  return /* @__PURE__ */ e(
                     "button",
                     {
                       ref: (s) => {
-                        u.current[t * 3 + e] = s;
+                        u.current[t * 3 + r] = s;
                       },
                       type: "button",
                       className: a.colorSwatch,
-                      style: { backgroundColor: i },
-                      "aria-label": n.textColorSwatch(o.name, e),
-                      "aria-pressed": l,
-                      "data-selected": l || void 0,
-                      tabIndex: t === 0 && e === 0 ? 0 : -1,
-                      onKeyDown: (s) => T(s, t, e),
+                      style: { backgroundColor: l },
+                      "aria-label": n.textColorSwatch(o.name, r),
+                      "aria-pressed": i,
+                      "data-selected": i || void 0,
+                      tabIndex: t === 0 && r === 0 ? 0 : -1,
+                      onKeyDown: (s) => T(s, t, r),
                       onMouseDown: (s) => s.preventDefault(),
                       onClick: () => {
-                        m.chain().focus().setColor(i).run(), d(!1);
+                        c.chain().focus().setColor(l).run(), d(!1);
                       },
-                      children: l && /* @__PURE__ */ r("span", { className: a.colorCheck, children: /* @__PURE__ */ r(
+                      children: i && /* @__PURE__ */ e("span", { className: a.colorCheck, children: /* @__PURE__ */ e(
                         w,
                         {
                           icon: E,
@@ -132,7 +120,7 @@ const R = () => {
                         }
                       ) })
                     },
-                    i
+                    l
                   );
                 })
               },

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextColorMenu.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}
+{"version":3,"file":"TextColorMenu.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit115.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-kit135.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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit115.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit135.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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit146.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-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;
 //# sourceMappingURL=TextColorMenu.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit146.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit150.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

@@ -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-kit146.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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit145.css';/* empty css                                */
+import '../../../../../../ui-kit146.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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit57.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit15.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.js

@@ -3,7 +3,7 @@ import d from "../../../../actions/toggle/Toggle.js";
 import "../../../../actions/toggle/styles/Toggle.css.js";
 import m from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit15.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as r } from "../../context/RichTextEditor.context.js";
 import g from "../../../../../resources/asset/BoldIcon.svg.js";

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit122.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-kit131.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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit116.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-kit120.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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit116.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit120.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

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

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit141.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit119.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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit135.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-kit116.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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit25.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-kit54.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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../../ui-kit107.css');require('../../../ui-kit111.css');require('../../../ui-kit105.css');require('../../../ui-kit112.css');require('../../../ui-kit6.css');require('../../../ui-kit10.css');require('../../../ui-kit12.css');require('../../../ui-kit9.css');require('../../../ui-kit8.css');require('../../../ui-kit14.css');require('../../../ui-kit5.css');require('../../../ui-kit11.css');require('../../../ui-kit13.css');require('../../../ui-kit7.css');require('../../../ui-kit3.css');require('../../../ui-kit4.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-kit102.css');require('../../../ui-kit105.css');require('../../../ui-kit106.css');require('../../../ui-kit103.css');require('../../../ui-kit12.css');require('../../../ui-kit11.css');require('../../../ui-kit5.css');require('../../../ui-kit8.css');require('../../../ui-kit13.css');require('../../../ui-kit3.css');require('../../../ui-kit9.css');require('../../../ui-kit4.css');require('../../../ui-kit10.css');require('../../../ui-kit7.css');require('../../../ui-kit6.css');require('../../../ui-kit14.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

@@ -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-kit107.css';import '../../../ui-kit111.css';import '../../../ui-kit105.css';import '../../../ui-kit112.css';import '../../../ui-kit6.css';import '../../../ui-kit10.css';import '../../../ui-kit12.css';import '../../../ui-kit9.css';import '../../../ui-kit8.css';import '../../../ui-kit14.css';import '../../../ui-kit5.css';import '../../../ui-kit11.css';import '../../../ui-kit13.css';import '../../../ui-kit7.css';import '../../../ui-kit3.css';import '../../../ui-kit4.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit102.css';import '../../../ui-kit105.css';import '../../../ui-kit106.css';import '../../../ui-kit103.css';import '../../../ui-kit12.css';import '../../../ui-kit11.css';import '../../../ui-kit5.css';import '../../../ui-kit8.css';import '../../../ui-kit13.css';import '../../../ui-kit3.css';import '../../../ui-kit9.css';import '../../../ui-kit4.css';import '../../../ui-kit10.css';import '../../../ui-kit7.css';import '../../../ui-kit6.css';import '../../../ui-kit14.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                                           */
 /* empty css                                                            */
 /* empty css                                                                    */

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit112.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit.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                                                                             */;/* empty css                                   */var e={positioner:"k8yojq0",root:"k8yojq1"};exports.SELECT_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit103.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit.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                                                                             */;/* empty css                                   */var e={positioner:"k8yojq0",root:"k8yojq1"};exports.SELECT_CONTENT_STYLES=e;
 //# sourceMappingURL=SelectContent.css.cjs.map

package/dist/components/forms/select/components/select-content/styles/SelectContent.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit112.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit103.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit111.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_64wk5i0",indicator:"_64wk5i1"};exports.SELECT_ITEM_STYLES=e;
 //# sourceMappingURL=SelectItem.css.cjs.map

package/dist/components/forms/select/components/select-item/styles/SelectItem.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit111.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit105.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                              */
 var r = { root: "_64wk5i0", indicator: "_64wk5i1" };
 export {

package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit105.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit106.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                 */var e={root:"_1tcc5uo0"};exports.SELECT_LABEL_STYLES=e;
 //# sourceMappingURL=SelectLabel.css.cjs.map