@choco-vanille/ui 1.7.2 → 1.9.0

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit42.css');require('../../../../../ui-kit.css');const i=require("react/jsx-runtime"),c=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../overlay/dropdown-menu/index.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const a=require("../../context/RichTextEditor.context.cjs"),t=require("../../../../../resources/asset/UnlinkIcon.svg.cjs"),d=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),r=({presentation:o="icon"})=>{const{editor:e,disabled:s,labels:n}=a.useRichTextEditorContext();return e?o==="menu"?i.jsx(d.Item,{label:n.removeLink,startIcon:t,disabled:!e.isActive("link"),onClick:()=>e.chain().focus().unsetLink().run()}):i.jsx(l,{content:n.removeLink,delayDuration:700,openOnFocus:!1,position:"top",children:i.jsx(c,{type:"button",icon:t,"aria-label":n.removeLink,variant:"ghost",color:"primary",size:"sm",disabled:s||!e.isActive("link"),onMouseDown:u=>u.preventDefault(),onClick:()=>e.chain().focus().unsetLink().run()})}):null};r.displayName="RichTextEditor.UnsetLink";module.exports=r;
+"use strict";require('../../../../../ui-kit48.css');require('../../../../../ui-kit.css');const i=require("react/jsx-runtime"),c=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../overlay/dropdown-menu/index.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const a=require("../../context/RichTextEditor.context.cjs"),t=require("../../../../../resources/asset/UnlinkIcon.svg.cjs"),d=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),r=({presentation:o="icon"})=>{const{editor:e,disabled:s,labels:n}=a.useRichTextEditorContext();return e?o==="menu"?i.jsx(d.Item,{label:n.removeLink,startIcon:t,disabled:!e.isActive("link"),onClick:()=>e.chain().focus().unsetLink().run()}):i.jsx(l,{content:n.removeLink,delayDuration:700,openOnFocus:!1,position:"top",children:i.jsx(c,{type:"button",icon:t,"aria-label":n.removeLink,variant:"ghost",color:"primary",size:"sm",disabled:s||!e.isActive("link"),onMouseDown:u=>u.preventDefault(),onClick:()=>e.chain().focus().unsetLink().run()})}):null};r.displayName="RichTextEditor.UnsetLink";module.exports=r;
 //# sourceMappingURL=UnsetLink.cjs.map

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.js

@@ -4,7 +4,7 @@ import "../../../../actions/icon-button/styles/IconButton.css.js";
 import "../../../../overlay/dropdown-menu/index.js";
 import l from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit42.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit48.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as a } from "../../context/RichTextEditor.context.js";
 import t from "../../../../../resources/asset/UnlinkIcon.svg.js";

package/dist/components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.cjs

@@ -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:"_11omis70"};exports.LINK_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:"_11omis70"};exports.LINK_GROUP_STYLES=e;
 //# sourceMappingURL=LinkGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.js

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

package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit42.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),n=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const b=require("react"),h=require("../../context/RichTextEditor.context.cjs"),c=require("../../../../../resources/asset/ListIcon.svg.cjs"),a=require("../../../../../resources/asset/ListOrderedIcon.svg.cjs"),m=require("./styles/ListsGroup.css.cjs"),s=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),d=({presentation:p="menu"})=>{const{editor:i,disabled:r,labels:t}=h.useRichTextEditorContext(),[u,L]=b.useState(!1);if(!i)return null;const g=i.isActive("bulletList"),x=i.isActive("orderedList");return e.jsx("div",{className:m.LISTS_GROUP_STYLES.root,role:"group","aria-label":t.listsGroup,children:p==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(l,{content:t.bulletedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:c,"aria-label":t.bulletedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleBulletList().run()})}),e.jsx(l,{content:t.numberedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:a,"aria-label":t.numberedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleOrderedList().run()})})]}):e.jsxs(s,{modal:!1,open:u,onOpenChange:L,children:[e.jsx(l,{content:t.listsTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s.Trigger,{children:e.jsx(n,{type:"button",icon:c,"aria-label":t.listsTrigger,variant:"ghost",color:"primary",size:"sm",active:u,disabled:r})})}),e.jsxs(s.Content,{"aria-label":t.listOptions,children:[e.jsx(s.Item,{label:t.bulletedList,startIcon:c,active:g,onClick:()=>i.chain().focus().toggleBulletList().run()}),e.jsx(s.Item,{label:t.numberedList,startIcon:a,active:x,onClick:()=>i.chain().focus().toggleOrderedList().run()})]})]})})};d.displayName="RichTextEditor.ListsGroup";module.exports=d;
+"use strict";require('../../../../../ui-kit48.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),n=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const b=require("react"),h=require("../../context/RichTextEditor.context.cjs"),c=require("../../../../../resources/asset/ListIcon.svg.cjs"),a=require("../../../../../resources/asset/ListOrderedIcon.svg.cjs"),m=require("./styles/ListsGroup.css.cjs"),s=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),d=({presentation:p="menu"})=>{const{editor:i,disabled:r,labels:t}=h.useRichTextEditorContext(),[u,L]=b.useState(!1);if(!i)return null;const g=i.isActive("bulletList"),x=i.isActive("orderedList");return e.jsx("div",{className:m.LISTS_GROUP_STYLES.root,role:"group","aria-label":t.listsGroup,children:p==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(l,{content:t.bulletedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:c,"aria-label":t.bulletedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleBulletList().run()})}),e.jsx(l,{content:t.numberedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:a,"aria-label":t.numberedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleOrderedList().run()})})]}):e.jsxs(s,{modal:!1,open:u,onOpenChange:L,children:[e.jsx(l,{content:t.listsTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s.Trigger,{children:e.jsx(n,{type:"button",icon:c,"aria-label":t.listsTrigger,variant:"ghost",color:"primary",size:"sm",active:u,disabled:r})})}),e.jsxs(s.Content,{"aria-label":t.listOptions,children:[e.jsx(s.Item,{label:t.bulletedList,startIcon:c,active:g,onClick:()=>i.chain().focus().toggleBulletList().run()}),e.jsx(s.Item,{label:t.numberedList,startIcon:a,active:x,onClick:()=>i.chain().focus().toggleOrderedList().run()})]})]})})};d.displayName="RichTextEditor.ListsGroup";module.exports=d;
 //# sourceMappingURL=ListsGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.js

@@ -3,7 +3,7 @@ import l from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import a from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit42.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit48.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
 import { useState as b } from "react";

package/dist/components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.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={root:"_16yuy4e0"};exports.LISTS_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit130.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_16yuy4e0"};exports.LISTS_GROUP_STYLES=e;
 //# sourceMappingURL=ListsGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.js

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

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit154.css');require('../../../../../ui-kit36.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),R=require("react"),q=require("../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                 */;/* empty css                                                                                       */const h=require("../rich-text-editor-form-field/RichTextEditorFormField.cjs");;/* empty css                                                                                 */const m=require("../../context/RichTextEditor.context.cjs"),l=R.memo(({className:d})=>{const{ariaLabel:n,ariaLabelledBy:s,error:i,helperText:o,label:t,labelId:u,helperId:c,name:a,disabled:x,renderedValue:b,editor:r}=m.useRichTextEditorContext();return r?e.jsxs(e.Fragment,{children:[e.jsx(q,{value:b,className:d,"aria-describedby":i||o?c:void 0,"aria-invalid":i?"true":void 0,"aria-label":n??t,"aria-labelledby":s??(t?u:void 0)}),a&&e.jsx(h,{name:a,value:r.isEmpty?"":JSON.stringify(r.getJSON()),disabled:x,required:!1})]}):null});l.displayName="RichTextEditor.ReadOnlyField";module.exports=l;
+"use strict";require('../../../../../ui-kit154.css');require('../../../../../ui-kit22.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),R=require("react"),q=require("../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                 */;/* empty css                                                                                       */const h=require("../rich-text-editor-form-field/RichTextEditorFormField.cjs");;/* empty css                                                                                 */const m=require("../../context/RichTextEditor.context.cjs"),l=R.memo(({className:d})=>{const{ariaLabel:n,ariaLabelledBy:s,error:i,helperText:o,label:t,labelId:u,helperId:c,name:a,disabled:x,renderedValue:b,editor:r}=m.useRichTextEditorContext();return r?e.jsxs(e.Fragment,{children:[e.jsx(q,{value:b,className:d,"aria-describedby":i||o?c:void 0,"aria-invalid":i?"true":void 0,"aria-label":n??t,"aria-labelledby":s??(t?u:void 0)}),a&&e.jsx(h,{name:a,value:r.isEmpty?"":JSON.stringify(r.getJSON()),disabled:x,required:!1})]}):null});l.displayName="RichTextEditor.ReadOnlyField";module.exports=l;
 //# sourceMappingURL=ReadOnlyField.cjs.map

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-kit36.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit154.css';import '../../../../../ui-kit22.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-label/RichTextEditorLabel.cjs

@@ -1,2 +1,2 @@
-"use strict";const d=require("react/jsx-runtime"),e=require("react"),a=require("./styles/RichTextEditorLabel.css.cjs"),n=require("../../context/RichTextEditor.context.cjs"),t=e.memo(({id:o,disabled:i,children:s})=>{const r=e.useContext(n.RichTextEditorContext),c=o??r?.labelId;return d.jsx("label",{id:c,className:a.RICH_TEXT_EDITOR_LABEL_STYLES.root,"data-disabled":i?"":void 0,children:s})});t.displayName="RichTextEditor.Label";module.exports=t;
+"use strict";const n=require("react/jsx-runtime"),e=require("react"),x=require("../../../_shared/components/form-label/FormLabel.cjs"),d=require("../../context/RichTextEditor.context.cjs"),t=e.memo(({id:o,disabled:r,children:i})=>{const c=e.useContext(d.RichTextEditorContext),s=o??c?.labelId;return n.jsx(x,{id:s,disabled:r,children:i})});t.displayName="RichTextEditor.Label";module.exports=t;
 //# sourceMappingURL=RichTextEditorLabel.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorLabel.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.tsx"],"sourcesContent":["import { memo, useContext, type FC } from 'react'\r\n\r\nimport { RICH_TEXT_EDITOR_LABEL_STYLES } from '@components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.ts'\r\nimport type { RichTextEditorLabelProps } from '@components/forms/rich-text-editor/components/rich-text-editor-label/types/RichTextEditorLabel.props.ts'\r\nimport { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\n\r\n/**\r\n * Visible `<label>` for the rich-text editor field. Reads `labelId` from\r\n * the `RichTextEditor` context to link the label to the editor control.\r\n */\r\nconst RichTextEditorLabel: FC<RichTextEditorLabelProps> = memo(({ id, disabled, children }) => {\r\n    const context = useContext(RichTextEditorContext)\r\n    const resolvedId = id ?? context?.labelId\r\n\r\n    return (\r\n        <label\r\n            id={resolvedId}\r\n            className={RICH_TEXT_EDITOR_LABEL_STYLES.root}\r\n            data-disabled={disabled ? '' : undefined}\r\n        >\r\n            {children}\r\n        </label>\r\n    )\r\n})\r\n\r\nRichTextEditorLabel.displayName = 'RichTextEditor.Label'\r\n\r\nexport default RichTextEditorLabel\r\n"],"names":["RichTextEditorLabel","memo","id","disabled","children","context","useContext","RichTextEditorContext","resolvedId","jsx","RICH_TEXT_EDITOR_LABEL_STYLES"],"mappings":"6KAUMA,EAAoDC,EAAAA,KAAK,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,SAAAC,KAAe,CAC3F,MAAMC,EAAUC,EAAAA,WAAWC,uBAAqB,EAC1CC,EAAaN,GAAMG,GAAS,QAElC,OACII,EAAAA,IAAC,QAAA,CACG,GAAID,EACJ,UAAWE,EAAAA,8BAA8B,KACzC,gBAAeP,EAAW,GAAK,OAE9B,SAAAC,CAAA,CAAA,CAGb,CAAC,EAEDJ,EAAoB,YAAc"}
+{"version":3,"file":"RichTextEditorLabel.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.tsx"],"sourcesContent":["import { memo, useContext, type FC } from 'react'\n\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\nimport type { RichTextEditorLabelProps } from '@components/forms/rich-text-editor/components/rich-text-editor-label/types/RichTextEditorLabel.props.ts'\nimport { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\n\n/**\n * Visible `<label>` for the rich-text editor field. Reads `labelId` from\n * the `RichTextEditor` context to link the label to the editor control.\n */\nconst RichTextEditorLabel: FC<RichTextEditorLabelProps> = memo(({ id, disabled, children }) => {\n    const context = useContext(RichTextEditorContext)\n    const resolvedId = id ?? context?.labelId\n\n    return (\n        <FormLabel\n            id={resolvedId}\n            disabled={disabled}\n        >\n            {children}\n        </FormLabel>\n    )\n})\n\nRichTextEditorLabel.displayName = 'RichTextEditor.Label'\n\nexport default RichTextEditorLabel\n"],"names":["RichTextEditorLabel","memo","id","disabled","children","context","useContext","RichTextEditorContext","resolvedId","jsx","FormLabel"],"mappings":"6LAUMA,EAAoDC,EAAAA,KAAK,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,SAAAC,KAAe,CAC3F,MAAMC,EAAUC,EAAAA,WAAWC,uBAAqB,EAC1CC,EAAaN,GAAMG,GAAS,QAElC,OACII,EAAAA,IAACC,EAAA,CACG,GAAIF,EACJ,SAAAL,EAEC,SAAAC,CAAA,CAAA,CAGb,CAAC,EAEDJ,EAAoB,YAAc"}

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

@@ -1,21 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import { memo as d, useContext as m } from "react";
-import { RICH_TEXT_EDITOR_LABEL_STYLES as l } from "./styles/RichTextEditorLabel.css.js";
+import { jsx as m } from "react/jsx-runtime";
+import { memo as d, useContext as a } from "react";
+import l from "../../../_shared/components/form-label/FormLabel.js";
 import { RichTextEditorContext as s } from "../../context/RichTextEditor.context.js";
-const c = d(({ id: t, disabled: o, children: e }) => {
-  const r = m(s), i = t ?? r?.labelId;
-  return /* @__PURE__ */ a(
-    "label",
+const x = d(({ id: t, disabled: o, children: e }) => {
+  const r = a(s), i = t ?? r?.labelId;
+  return /* @__PURE__ */ m(
+    l,
     {
       id: i,
-      className: l.root,
-      "data-disabled": o ? "" : void 0,
+      disabled: o,
       children: e
     }
   );
 });
-c.displayName = "RichTextEditor.Label";
+x.displayName = "RichTextEditor.Label";
 export {
-  c as default
+  x as default
 };
 //# sourceMappingURL=RichTextEditorLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorLabel.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.tsx"],"sourcesContent":["import { memo, useContext, type FC } from 'react'\r\n\r\nimport { RICH_TEXT_EDITOR_LABEL_STYLES } from '@components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.ts'\r\nimport type { RichTextEditorLabelProps } from '@components/forms/rich-text-editor/components/rich-text-editor-label/types/RichTextEditorLabel.props.ts'\r\nimport { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\n\r\n/**\r\n * Visible `<label>` for the rich-text editor field. Reads `labelId` from\r\n * the `RichTextEditor` context to link the label to the editor control.\r\n */\r\nconst RichTextEditorLabel: FC<RichTextEditorLabelProps> = memo(({ id, disabled, children }) => {\r\n    const context = useContext(RichTextEditorContext)\r\n    const resolvedId = id ?? context?.labelId\r\n\r\n    return (\r\n        <label\r\n            id={resolvedId}\r\n            className={RICH_TEXT_EDITOR_LABEL_STYLES.root}\r\n            data-disabled={disabled ? '' : undefined}\r\n        >\r\n            {children}\r\n        </label>\r\n    )\r\n})\r\n\r\nRichTextEditorLabel.displayName = 'RichTextEditor.Label'\r\n\r\nexport default RichTextEditorLabel\r\n"],"names":["RichTextEditorLabel","memo","id","disabled","children","context","useContext","RichTextEditorContext","resolvedId","jsx","RICH_TEXT_EDITOR_LABEL_STYLES"],"mappings":";;;;AAUA,MAAMA,IAAoDC,EAAK,CAAC,EAAE,IAAAC,GAAI,UAAAC,GAAU,UAAAC,QAAe;AAC3F,QAAMC,IAAUC,EAAWC,CAAqB,GAC1CC,IAAaN,KAAMG,GAAS;AAElC,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAID;AAAA,MACJ,WAAWE,EAA8B;AAAA,MACzC,iBAAeP,IAAW,KAAK;AAAA,MAE9B,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDJ,EAAoB,cAAc;"}
+{"version":3,"file":"RichTextEditorLabel.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.tsx"],"sourcesContent":["import { memo, useContext, type FC } from 'react'\n\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\nimport type { RichTextEditorLabelProps } from '@components/forms/rich-text-editor/components/rich-text-editor-label/types/RichTextEditorLabel.props.ts'\nimport { RichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\n\n/**\n * Visible `<label>` for the rich-text editor field. Reads `labelId` from\n * the `RichTextEditor` context to link the label to the editor control.\n */\nconst RichTextEditorLabel: FC<RichTextEditorLabelProps> = memo(({ id, disabled, children }) => {\n    const context = useContext(RichTextEditorContext)\n    const resolvedId = id ?? context?.labelId\n\n    return (\n        <FormLabel\n            id={resolvedId}\n            disabled={disabled}\n        >\n            {children}\n        </FormLabel>\n    )\n})\n\nRichTextEditorLabel.displayName = 'RichTextEditor.Label'\n\nexport default RichTextEditorLabel\n"],"names":["RichTextEditorLabel","memo","id","disabled","children","context","useContext","RichTextEditorContext","resolvedId","jsx","FormLabel"],"mappings":";;;;AAUA,MAAMA,IAAoDC,EAAK,CAAC,EAAE,IAAAC,GAAI,UAAAC,GAAU,UAAAC,QAAe;AAC3F,QAAMC,IAAUC,EAAWC,CAAqB,GAC1CC,IAAaN,KAAMG,GAAS;AAElC,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAIF;AAAA,MACJ,UAAAL;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDJ,EAAoB,cAAc;"}

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-kit115.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                         */var e={root:"_9mb6yy0"};exports.RICH_TEXT_EDITOR_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit79.css');require('../../../../../../ui-kit16.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,8 +1,8 @@
-import '../../../../../../ui-kit115.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
-/* empty css                                                      */
-/* empty css                                       */
-var _ = { root: "_9mb6yy0" };
+import '../../../../../../ui-kit79.css';import '../../../../../../ui-kit16.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                                                        */
+/* empty css                                                                            */
+var t = { root: "lg1gei0 lg1gei9" };
 export {
-  _ as RICH_TEXT_EDITOR_LABEL_STYLES
+  t as RICH_TEXT_EDITOR_LABEL_STYLES
 };
 //# sourceMappingURL=RichTextEditorLabel.css.js.map

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit99.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit15.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit42.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-kit76.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit48.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;
 //# sourceMappingURL=TextColorMenu.cjs.map

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

@@ -3,7 +3,7 @@ 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-kit99.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit15.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit42.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit76.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit48.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import w from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";

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-kit130.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-kit128.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-kit130.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit128.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/TextSizeMenu.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit150.css');;/* empty css                                  */var e={trigger:"_1q5814j0"};exports.TEXT_SIZE_MENU_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit143.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-kit150.css';/* empty css                                */
+import '../../../../../../ui-kit143.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-kit42.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-kit48.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-kit42.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit48.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-kit137.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-kit125.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-kit137.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit125.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                  */
 var t = { root: "_1mw69qe0" };
 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-kit127.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-kit133.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-kit127.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit133.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-kit131.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-kit126.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-kit131.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit126.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-kit66.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-kit41.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-kit66.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit41.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-kit111.css');require('../../../ui-kit112.css');require('../../../ui-kit110.css');require('../../../ui-kit113.css');require('../../../ui-kit5.css');require('../../../ui-kit13.css');require('../../../ui-kit9.css');require('../../../ui-kit12.css');require('../../../ui-kit3.css');require('../../../ui-kit6.css');require('../../../ui-kit10.css');require('../../../ui-kit4.css');require('../../../ui-kit14.css');require('../../../ui-kit15.css');require('../../../ui-kit7.css');require('../../../ui-kit8.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-kit105.css');require('../../../ui-kit104.css');require('../../../ui-kit102.css');require('../../../ui-kit101.css');require('../../../ui-kit14.css');require('../../../ui-kit11.css');require('../../../ui-kit5.css');require('../../../ui-kit7.css');require('../../../ui-kit10.css');require('../../../ui-kit8.css');require('../../../ui-kit12.css');require('../../../ui-kit6.css');require('../../../ui-kit4.css');require('../../../ui-kit3.css');require('../../../ui-kit13.css');require('../../../ui-kit9.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-kit111.css';import '../../../ui-kit112.css';import '../../../ui-kit110.css';import '../../../ui-kit113.css';import '../../../ui-kit5.css';import '../../../ui-kit13.css';import '../../../ui-kit9.css';import '../../../ui-kit12.css';import '../../../ui-kit3.css';import '../../../ui-kit6.css';import '../../../ui-kit10.css';import '../../../ui-kit4.css';import '../../../ui-kit14.css';import '../../../ui-kit15.css';import '../../../ui-kit7.css';import '../../../ui-kit8.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit105.css';import '../../../ui-kit104.css';import '../../../ui-kit102.css';import '../../../ui-kit101.css';import '../../../ui-kit14.css';import '../../../ui-kit11.css';import '../../../ui-kit5.css';import '../../../ui-kit7.css';import '../../../ui-kit10.css';import '../../../ui-kit8.css';import '../../../ui-kit12.css';import '../../../ui-kit6.css';import '../../../ui-kit4.css';import '../../../ui-kit3.css';import '../../../ui-kit13.css';import '../../../ui-kit9.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-kit113.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit15.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit8.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-kit101.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit9.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-kit113.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit15.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit101.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */

package/dist/components/forms/select/components/select-field/SelectField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit79.css');require('../../../../../ui-kit81.css');require('../../../../../ui-kit72.css');require('../../../../../ui-kit2.css');require('../../../../../ui-kit.css');const l=require("react/jsx-runtime"),i=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/helper-text/HelperText.cjs"),M=require("../../../text-field/components/text-field-label/TextFieldLabel.cjs");;/* empty css                                                 */;/* empty css                                                     */;/* empty css                                                                                         */require("../../../text-field/components/text-field-start-icon/TextFieldStartIcon.cjs");;/* empty css                                                                                                  */require("../../../text-field/components/text-field-end-action/TextFieldEndAction.cjs");;/* empty css                                                                                                  */const r=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),T=require("./utils/flattenItems.utils.cjs"),j=i.memo(({label:c,helperText:s,error:a,startIcon:g,placeholder:v,size:o="md",fontSize:n="md",width:q,disabled:x,required:I,listboxAriaLabel:F,options:t,className:y,value:C,defaultValue:S,onValueChange:p,open:V,defaultOpen:L,onOpenChange:$,name:k,...R})=>{const{triggerId:h,helperId:f,hasError:d,selectedValue:_,handleValueChange:m}=N({error:a,value:C,defaultValue:S,onValueChange:p}),D=i.useMemo(()=>T.flattenItems(t),[t]),E=i.useCallback(e=>{e!==null&&m(e)},[m]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:q!==void 0?{width:q}:void 0,className:y,...R,children:[c&&l.jsx(M,{htmlFor:h,disabled:x,fontSize:n,children:c}),l.jsxs(r.default,{value:_??null,onValueChange:E,disabled:x,required:I,open:V,defaultOpen:L,onOpenChange:$,name:k,items:D,children:[l.jsx(r.default.Trigger,{id:h,placeholder:v,startIcon:g,size:o,fontSize:n,hasError:d,"aria-describedby":a||s?f:void 0,"aria-invalid":d||void 0}),l.jsx(r.default.Content,{listboxAriaLabel:F,children:l.jsx(r.default.List,{children:t.map((e,b)=>e.type==="separator"?l.jsx(r.default.Separator,{},`sep-${b}`):e.type==="group"?l.jsxs(r.default.Group,{children:[l.jsx(r.default.Label,{children:e.label}),e.options.map(u=>l.jsx(r.default.Item,{value:u.value,disabled:u.disabled,label:u.label},u.value))]},`group-${e.label}-${b}`):l.jsx(r.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(a||s)&&l.jsx(H,{id:f,hasError:d,children:a??s})]})});j.displayName="SelectField";module.exports=j;
+"use strict";const l=require("react/jsx-runtime"),i=require("react"),G=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const H=require("../../../_shared/components/form-label/FormLabel.cjs"),M=require("../../../_shared/components/helper-text/HelperText.cjs"),a=require("../../Select.cjs"),N=require("./hooks/useSelectField.hook.cjs"),w=require("./utils/flattenItems.utils.cjs"),g=i.memo(({label:c,helperText:t,error:s,startIcon:o,placeholder:v,size:q="md",fontSize:n="md",width:h,disabled:m,required:I,listboxAriaLabel:F,options:u,className:y,value:C,defaultValue:S,onValueChange:p,open:V,defaultOpen:L,onOpenChange:$,name:k,...R})=>{const{triggerId:x,helperId:f,hasError:d,selectedValue:_,handleValueChange:b}=N({error:s,value:C,defaultValue:S,onValueChange:p}),D=i.useMemo(()=>w.flattenItems(u),[u]),E=i.useCallback(e=>{e!==null&&b(e)},[b]);return l.jsxs(G,{flexDirection:"column",gap:"xs",width:"100%",alignItems:"start",style:h!==void 0?{width:h}:void 0,className:y,...R,children:[c&&l.jsx(H,{htmlFor:x,disabled:m,fontSize:n,children:c}),l.jsxs(a.default,{value:_??null,onValueChange:E,disabled:m,required:I,open:V,defaultOpen:L,onOpenChange:$,name:k,items:D,children:[l.jsx(a.default.Trigger,{id:x,placeholder:v,startIcon:o,size:q,fontSize:n,hasError:d,"aria-describedby":s||t?f:void 0,"aria-invalid":d||void 0}),l.jsx(a.default.Content,{listboxAriaLabel:F,children:l.jsx(a.default.List,{children:u.map((e,j)=>e.type==="separator"?l.jsx(a.default.Separator,{},`sep-${j}`):e.type==="group"?l.jsxs(a.default.Group,{children:[l.jsx(a.default.Label,{children:e.label}),e.options.map(r=>l.jsx(a.default.Item,{value:r.value,disabled:r.disabled,label:r.label},r.value))]},`group-${e.label}-${j}`):l.jsx(a.default.Item,{value:e.value,disabled:e.disabled,label:e.label},e.value))})})]}),(s||t)&&l.jsx(M,{id:f,hasError:d,children:s??t})]})});g.displayName="SelectField";module.exports=g;
 //# sourceMappingURL=SelectField.cjs.map

package/dist/components/forms/select/components/select-field/SelectField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.cjs","sources":["../../../../../../src/components/forms/select/components/select-field/SelectField.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { TextFieldLabel } from '@components/forms/text-field/components'\r\nimport Select from '@components/forms/select/Select.tsx'\r\nimport type { SelectFieldProps } from '@components/forms/select/types/Select.props.ts'\r\nimport useSelectField from '@components/forms/select/components/select-field/hooks/useSelectField.hook.ts'\r\nimport { flattenItems } from '@components/forms/select/components/select-field/utils/flattenItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Select` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <SelectField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Pick a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst SelectField: FC<SelectFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n    ...props\r\n}) => {\r\n    const { triggerId, helperId, hasError, selectedValue, handleValueChange } = useSelectField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => flattenItems(options), [options])\r\n\r\n    const handleSelectValueChange = useCallback(\r\n        (v: string | null) => { if (v !== null) { handleValueChange(v) } },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {label && (\r\n                <TextFieldLabel\r\n                    htmlFor={triggerId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </TextFieldLabel>\r\n            )}\r\n\r\n            <Select\r\n                value={selectedValue ?? null}\r\n                onValueChange={handleSelectValueChange}\r\n                disabled={disabled}\r\n                required={required}\r\n                open={open}\r\n                defaultOpen={defaultOpen}\r\n                onOpenChange={onOpenChange}\r\n                name={name}\r\n                items={items}\r\n            >\r\n                <Select.Trigger\r\n                    id={triggerId}\r\n                    placeholder={placeholder}\r\n                    startIcon={startIcon}\r\n                    size={size}\r\n                    fontSize={fontSize}\r\n                    hasError={hasError}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    aria-invalid={hasError || undefined}\r\n                />\r\n                <Select.Content listboxAriaLabel={listboxAriaLabel}>\r\n                    <Select.List>\r\n                        {options.map((option, index) => {\r\n                            if (option.type === 'separator') {\r\n                                return <Select.Separator key={`sep-${index}`} />\r\n                            }\r\n\r\n                            if (option.type === 'group') {\r\n                                return (\r\n                                    <Select.Group key={`group-${option.label}-${index}`}>\r\n                                        <Select.Label>{option.label}</Select.Label>\r\n                                        {option.options.map((item) => (\r\n                                            <Select.Item\r\n                                                key={item.value}\r\n                                                value={item.value}\r\n                                                disabled={item.disabled}\r\n                                                label={item.label}\r\n                                            />\r\n                                        ))}\r\n                                    </Select.Group>\r\n                                )\r\n                            }\r\n\r\n                            return (\r\n                                <Select.Item\r\n                                    key={option.value}\r\n                                    value={option.value}\r\n                                    disabled={option.disabled}\r\n                                    label={option.label}\r\n                                />\r\n                            )\r\n                        })}\r\n                    </Select.List>\r\n                </Select.Content>\r\n            </Select>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nSelectField.displayName = 'SelectField'\r\n\r\nexport default SelectField\r\n"],"names":["SelectField","memo","label","helperText","error","startIcon","placeholder","size","fontSize","width","disabled","required","listboxAriaLabel","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","props","triggerId","helperId","hasError","selectedValue","handleValueChange","useSelectField","items","useMemo","flattenItems","handleSelectValueChange","useCallback","v","jsxs","Flex","jsx","TextFieldLabel","Select","option","index","item","HelperText"],"mappings":"6jCA6BMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,kBAAAC,CAAA,EAAsBC,EAAe,CACvF,MAAAxB,EACA,MAAAW,EACA,aAAAC,EACA,cAAAC,CAAA,CACH,EAEKY,EAAQC,EAAAA,QAAQ,IAAMC,EAAAA,aAAalB,CAAO,EAAG,CAACA,CAAO,CAAC,EAEtDmB,EAA0BC,EAAAA,YAC3BC,GAAqB,CAAMA,IAAM,MAAQP,EAAkBO,CAAC,CAAI,EACjE,CAACP,CAAiB,CAAA,EAGtB,OACIQ,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAO3B,IAAU,OAAY,CAAE,MAAAA,GAAU,OACzC,UAAAK,EACC,GAAGQ,EAEH,SAAA,CAAApB,GACGmC,EAAAA,IAACC,EAAA,CACG,QAASf,EACT,SAAAb,EACA,SAAAF,EAEC,SAAAN,CAAA,CAAA,EAITiC,EAAAA,KAACI,EAAAA,QAAA,CACG,MAAOb,GAAiB,KACxB,cAAeM,EACf,SAAAtB,EACA,SAAAC,EACA,KAAAO,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAQ,EAEA,SAAA,CAAAQ,EAAAA,IAACE,EAAAA,QAAO,QAAP,CACG,GAAIhB,EACJ,YAAAjB,EACA,UAAAD,EACA,KAAAE,EACA,SAAAC,EACA,SAAAiB,EACA,mBAAkBrB,GAASD,EAAaqB,EAAW,OACnD,eAAcC,GAAY,MAAA,CAAA,EAE9BY,EAAAA,IAACE,EAAAA,QAAO,QAAP,CAAe,iBAAA3B,EACZ,SAAAyB,EAAAA,IAACE,EAAAA,QAAO,KAAP,CACI,SAAA1B,EAAQ,IAAI,CAAC2B,EAAQC,IACdD,EAAO,OAAS,kBACRD,EAAAA,QAAO,UAAP,CAAA,EAAsB,OAAOE,CAAK,EAAI,EAG9CD,EAAO,OAAS,QAEZL,OAACI,EAAAA,QAAO,MAAP,CACG,SAAA,CAAAF,EAAAA,IAACE,EAAAA,QAAO,MAAP,CAAc,SAAAC,EAAO,MAAM,EAC3BA,EAAO,QAAQ,IAAKE,GACjBL,EAAAA,IAACE,EAAAA,QAAO,KAAP,CAEG,MAAOG,EAAK,MACZ,SAAUA,EAAK,SACf,MAAOA,EAAK,KAAA,EAHPA,EAAK,KAAA,CAKjB,CAAA,CAAA,EATc,SAASF,EAAO,KAAK,IAAIC,CAAK,EAUjD,EAKJJ,EAAAA,IAACE,EAAAA,QAAO,KAAP,CAEG,MAAOC,EAAO,MACd,SAAUA,EAAO,SACjB,MAAOA,EAAO,KAAA,EAHTA,EAAO,KAAA,CAMvB,EACL,CAAA,CACJ,CAAA,CAAA,CAAA,GAGFpC,GAASD,IACPkC,EAAAA,IAACM,EAAA,CACG,GAAInB,EACJ,SAAAC,EAEC,SAAArB,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDH,EAAY,YAAc"}
+{"version":3,"file":"SelectField.cjs","sources":["../../../../../../src/components/forms/select/components/select-field/SelectField.tsx"],"sourcesContent":["import { type FC, memo, useCallback, useMemo } from 'react'\r\n\r\nimport { Flex } from '@components/layout/flex'\r\nimport FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\r\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport Select from '@components/forms/select/Select.tsx'\r\nimport type { SelectFieldProps } from '@components/forms/select/types/Select.props.ts'\r\nimport useSelectField from '@components/forms/select/components/select-field/hooks/useSelectField.hook.ts'\r\nimport { flattenItems } from '@components/forms/select/components/select-field/utils/flattenItems.utils.ts'\r\n\r\n/**\r\n * Convenience wrapper around `Select` that provides a TextField-like API:\r\n * label, helperText, error, size, width, startIcon, placeholder and an\r\n * `options` array.\r\n *\r\n * @example\r\n * ```tsx\r\n * <SelectField\r\n *   label=\"Fruit\"\r\n *   placeholder=\"Pick a fruit\"\r\n *   options={[\r\n *     { value: 'apple', label: 'Apple' },\r\n *     { value: 'banana', label: 'Banana' },\r\n *   ]}\r\n *   value={value}\r\n *   onValueChange={setValue}\r\n * />\r\n * ```\r\n */\r\nconst SelectField: FC<SelectFieldProps> = memo(({\r\n    label,\r\n    helperText,\r\n    error,\r\n    startIcon,\r\n    placeholder,\r\n    size = 'md',\r\n    fontSize = 'md',\r\n    width,\r\n    disabled,\r\n    required,\r\n    listboxAriaLabel,\r\n    options,\r\n    className,\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    open,\r\n    defaultOpen,\r\n    onOpenChange,\r\n    name,\r\n    ...props\r\n}) => {\r\n    const { triggerId, helperId, hasError, selectedValue, handleValueChange } = useSelectField({\r\n        error,\r\n        value,\r\n        defaultValue,\r\n        onValueChange,\r\n    })\r\n\r\n    const items = useMemo(() => flattenItems(options), [options])\r\n\r\n    const handleSelectValueChange = useCallback(\r\n        (v: string | null) => { if (v !== null) { handleValueChange(v) } },\r\n        [handleValueChange],\r\n    )\r\n\r\n    return (\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            width={'100%'}\r\n            alignItems={'start'}\r\n            style={width !== undefined ? { width } : undefined}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            {label && (\r\n                <FormLabel\r\n                    htmlFor={triggerId}\r\n                    disabled={disabled}\r\n                    fontSize={fontSize}\r\n                >\r\n                    {label}\r\n                </FormLabel>\r\n            )}\r\n\r\n            <Select\r\n                value={selectedValue ?? null}\r\n                onValueChange={handleSelectValueChange}\r\n                disabled={disabled}\r\n                required={required}\r\n                open={open}\r\n                defaultOpen={defaultOpen}\r\n                onOpenChange={onOpenChange}\r\n                name={name}\r\n                items={items}\r\n            >\r\n                <Select.Trigger\r\n                    id={triggerId}\r\n                    placeholder={placeholder}\r\n                    startIcon={startIcon}\r\n                    size={size}\r\n                    fontSize={fontSize}\r\n                    hasError={hasError}\r\n                    aria-describedby={error || helperText ? helperId : undefined}\r\n                    aria-invalid={hasError || undefined}\r\n                />\r\n                <Select.Content listboxAriaLabel={listboxAriaLabel}>\r\n                    <Select.List>\r\n                        {options.map((option, index) => {\r\n                            if (option.type === 'separator') {\r\n                                return <Select.Separator key={`sep-${index}`} />\r\n                            }\r\n\r\n                            if (option.type === 'group') {\r\n                                return (\r\n                                    <Select.Group key={`group-${option.label}-${index}`}>\r\n                                        <Select.Label>{option.label}</Select.Label>\r\n                                        {option.options.map((item) => (\r\n                                            <Select.Item\r\n                                                key={item.value}\r\n                                                value={item.value}\r\n                                                disabled={item.disabled}\r\n                                                label={item.label}\r\n                                            />\r\n                                        ))}\r\n                                    </Select.Group>\r\n                                )\r\n                            }\r\n\r\n                            return (\r\n                                <Select.Item\r\n                                    key={option.value}\r\n                                    value={option.value}\r\n                                    disabled={option.disabled}\r\n                                    label={option.label}\r\n                                />\r\n                            )\r\n                        })}\r\n                    </Select.List>\r\n                </Select.Content>\r\n            </Select>\r\n\r\n            {(error || helperText) && (\r\n                <HelperText\r\n                    id={helperId}\r\n                    hasError={hasError}\r\n                >\r\n                    {error ?? helperText}\r\n                </HelperText>\r\n            )}\r\n        </Flex>\r\n    )\r\n})\r\n\r\nSelectField.displayName = 'SelectField'\r\n\r\nexport default SelectField\r\n"],"names":["SelectField","memo","label","helperText","error","startIcon","placeholder","size","fontSize","width","disabled","required","listboxAriaLabel","options","className","value","defaultValue","onValueChange","open","defaultOpen","onOpenChange","name","props","triggerId","helperId","hasError","selectedValue","handleValueChange","useSelectField","items","useMemo","flattenItems","handleSelectValueChange","useCallback","v","jsxs","Flex","jsx","FormLabel","Select","option","index","item","HelperText"],"mappings":"6aA6BMA,EAAoCC,EAAAA,KAAK,CAAC,CAC5C,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,KACX,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,kBAAAC,CAAA,EAAsBC,EAAe,CACvF,MAAAxB,EACA,MAAAW,EACA,aAAAC,EACA,cAAAC,CAAA,CACH,EAEKY,EAAQC,EAAAA,QAAQ,IAAMC,EAAAA,aAAalB,CAAO,EAAG,CAACA,CAAO,CAAC,EAEtDmB,EAA0BC,EAAAA,YAC3BC,GAAqB,CAAMA,IAAM,MAAQP,EAAkBO,CAAC,CAAI,EACjE,CAACP,CAAiB,CAAA,EAGtB,OACIQ,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,MAAO,OACP,WAAY,QACZ,MAAO3B,IAAU,OAAY,CAAE,MAAAA,GAAU,OACzC,UAAAK,EACC,GAAGQ,EAEH,SAAA,CAAApB,GACGmC,EAAAA,IAACC,EAAA,CACG,QAASf,EACT,SAAAb,EACA,SAAAF,EAEC,SAAAN,CAAA,CAAA,EAITiC,EAAAA,KAACI,EAAAA,QAAA,CACG,MAAOb,GAAiB,KACxB,cAAeM,EACf,SAAAtB,EACA,SAAAC,EACA,KAAAO,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,MAAAQ,EAEA,SAAA,CAAAQ,EAAAA,IAACE,EAAAA,QAAO,QAAP,CACG,GAAIhB,EACJ,YAAAjB,EACA,UAAAD,EACA,KAAAE,EACA,SAAAC,EACA,SAAAiB,EACA,mBAAkBrB,GAASD,EAAaqB,EAAW,OACnD,eAAcC,GAAY,MAAA,CAAA,EAE9BY,EAAAA,IAACE,EAAAA,QAAO,QAAP,CAAe,iBAAA3B,EACZ,SAAAyB,EAAAA,IAACE,EAAAA,QAAO,KAAP,CACI,SAAA1B,EAAQ,IAAI,CAAC2B,EAAQC,IACdD,EAAO,OAAS,kBACRD,EAAAA,QAAO,UAAP,CAAA,EAAsB,OAAOE,CAAK,EAAI,EAG9CD,EAAO,OAAS,QAEZL,OAACI,EAAAA,QAAO,MAAP,CACG,SAAA,CAAAF,EAAAA,IAACE,EAAAA,QAAO,MAAP,CAAc,SAAAC,EAAO,MAAM,EAC3BA,EAAO,QAAQ,IAAKE,GACjBL,EAAAA,IAACE,EAAAA,QAAO,KAAP,CAEG,MAAOG,EAAK,MACZ,SAAUA,EAAK,SACf,MAAOA,EAAK,KAAA,EAHPA,EAAK,KAAA,CAKjB,CAAA,CAAA,EATc,SAASF,EAAO,KAAK,IAAIC,CAAK,EAUjD,EAKJJ,EAAAA,IAACE,EAAAA,QAAO,KAAP,CAEG,MAAOC,EAAO,MACd,SAAUA,EAAO,SACjB,MAAOA,EAAO,KAAA,EAHTA,EAAO,KAAA,CAMvB,EACL,CAAA,CACJ,CAAA,CAAA,CAAA,GAGFpC,GAASD,IACPkC,EAAAA,IAACM,EAAA,CACG,GAAInB,EACJ,SAAAC,EAEC,SAAArB,GAASD,CAAA,CAAA,CACd,CAAA,CAAA,CAIhB,CAAC,EAEDH,EAAY,YAAc"}