@scbt-ecom/ui 0.166.1 → 0.168.0

package/dist/lib/shared/ui/carouselBase/ui/index.js

@@ -1,2 +1,2 @@
-import{ArrowNavigationButton as e}from"./ArrowNavigationButton.js";import{CarouselSlide as l}from"./CarouselSlide.js";import{DotsNavigations as i}from"./DotsNavigations.js";import{CarouselContent as f}from"./CarouselContent.js";import{SlideProductCard as p}from"./slideVariants/SlideProductCard.js";import{SlideOnlyImage as d}from"./slideVariants/SlideOnlyImage.js";import{SlideFullScreen as S}from"./slideVariants/SlideFullScreen.js";export{e as ArrowNavigationButton,f as CarouselContent,l as CarouselSlide,i as DotsNavigations,S as SlideFullScreen,d as SlideOnlyImage,p as SlideProductCard};
+import{ArrowNavigationButton as e}from"./ArrowNavigationButton.js";import{CarouselSlide as l}from"./CarouselSlide.js";import{DotsNavigations as i}from"./DotsNavigations.js";import{CarouselContent as f}from"./CarouselContent.js";import{SlideFullScreen as p}from"./slideVariants/SlideFullScreen.js";import{SlideOnlyImage as d}from"./slideVariants/SlideOnlyImage.js";import{SlideProductCard as S}from"./slideVariants/SlideProductCard.js";export{e as ArrowNavigationButton,f as CarouselContent,l as CarouselSlide,i as DotsNavigations,p as SlideFullScreen,d as SlideOnlyImage,S as SlideProductCard};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/customLink/CustomLink.js

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as a}from"react/jsx-runtime";import{linkIconConfig as k,customLinkConfig as e}from"./model/helpers.js";import{cn as i}from"../../utils/cn.js";import{Icon as l}from"../icon/Icon.js";const j=({intent:o,children:c,disabled:m,size:t,icon:r,classes:n,withUnderline:f,...s})=>p("a",{className:i(e({intent:o,withUnderline:f,disabled:m,size:t}),n?.link),...s,children:[c,r&&a(l,{name:r,className:i(k({intent:o,disabled:m}),n?.icon)})]});export{j as CustomLink};
+import{jsxs as p,jsx as a}from"react/jsx-runtime";import{linkIconConfig as k,customLinkConfig as e}from"./model/helpers.js";import{Icon as l}from"../icon/Icon.js";import{cn as i}from"../../utils/cn.js";const j=({intent:o,children:c,disabled:m,size:t,icon:r,classes:n,withUnderline:f,...s})=>p("a",{className:i(e({intent:o,withUnderline:f,disabled:m,size:t}),n?.link),...s,children:[c,r&&a(l,{name:r,className:i(k({intent:o,disabled:m}),n?.icon)})]});export{j as CustomLink};
 //# sourceMappingURL=CustomLink.js.map

package/dist/lib/shared/ui/dropdownList/DropdownList.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{useRef as b}from"react";import{useKeyboardNavigation as v}from"./hooks/useKeyboardNavigation.js";import{cn as _}from"../../utils/cn.js";import{DropdownItem as I}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as L}from"./ui/Empty.js";import{useClickOutside as R}from"../../hooks/useClickOutside.js";import{isOptionActive as g}from"./model/utils.js";const q=({options:r,multiple:c,onPick:i,value:n,className:l,displayValue:p,classes:f,target:t,empty:d="",...a})=>{const h=b(null),{refs:u,focusedIndex:w,setFocusedIndex:m}=v({options:r,multiple:c,onPick:i,value:n}),x=o=>{i?.(o),t&&t.current&&t.current?.querySelector("input")?.focus()};return R(h,()=>m(-1)),s("ul",{...a,ref:u.setRoot(),className:_("customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]",f?.root,l),children:r.length>0?r.map((o,e)=>{const y=g(o,n);return s(I,{ref:u.setReference,item:o,active:y,focused:w===e,multiple:c,onPick:x,displayValue:p,onMouseEnter:()=>m(e),onMouseLeave:()=>m(-1),classes:f?.item,"data-id":`list-item-${e}`},e)}):s(L,{children:d})})};export{q as DropdownList};
+import{jsx as s}from"react/jsx-runtime";import{useRef as b}from"react";import{useKeyboardNavigation as v}from"./hooks/useKeyboardNavigation.js";import{DropdownItem as _}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as I}from"./ui/Empty.js";import{cn as L}from"../../utils/cn.js";import{useClickOutside as R}from"../../hooks/useClickOutside.js";import{isOptionActive as g}from"./model/utils.js";const q=({options:r,multiple:c,onPick:i,value:n,className:l,displayValue:p,classes:f,target:t,empty:d="",...a})=>{const h=b(null),{refs:u,focusedIndex:w,setFocusedIndex:m}=v({options:r,multiple:c,onPick:i,value:n}),x=o=>{i?.(o),t&&t.current&&t.current?.querySelector("input")?.focus()};return R(h,()=>m(-1)),s("ul",{...a,ref:u.setRoot(),className:L("customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]",f?.root,l),children:r.length>0?r.map((o,e)=>{const y=g(o,n);return s(_,{ref:u.setReference,item:o,active:y,focused:w===e,multiple:c,onPick:x,displayValue:p,onMouseEnter:()=>m(e),onMouseLeave:()=>m(-1),classes:f?.item,"data-id":`list-item-${e}`},e)}):s(I,{children:d})})};export{q as DropdownList};
 //# sourceMappingURL=DropdownList.js.map

package/dist/lib/shared/ui/dropdownList/index.js

@@ -1,2 +1,2 @@
-import{DropdownList as t}from"./DropdownList.js";import{EmptyList as m}from"./ui/Empty.js";import{DropdownItem as f}from"./ui/dropdownItem/DropdownItem.js";export{f as DropdownItem,t as DropdownList,m as EmptyList};
+import{DropdownList as t}from"./DropdownList.js";import{DropdownItem as m}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as f}from"./ui/Empty.js";export{m as DropdownItem,t as DropdownList,f as EmptyList};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/floatButton/FloatButton.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as i}from"react/jsx-runtime";import{ResponsiveContainer as l}from"../responsiveContainer/ResponsiveContainer.js";import{cn as o}from"../../utils/cn.js";import{Button as s}from"../button/Button.js";const f=({isVisible:r,classes:t,children:n,buttonProps:e})=>a(l,{className:o("fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden",{"translate-y-[100%]":!r},t?.root),children:[n,i(s,{size:"lg",className:o("m-auto w-full",t?.button),...e,children:"Оформить заявку"})]});export{f as FloatButton};
+import{jsxs as a,jsx as i}from"react/jsx-runtime";import{ResponsiveContainer as l}from"../responsiveContainer/ResponsiveContainer.js";import{Button as s}from"../button/Button.js";import{cn as o}from"../../utils/cn.js";const f=({isVisible:r,classes:t,children:n,buttonProps:e})=>a(l,{className:o("fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden",{"translate-y-[100%]":!r},t?.root),children:[n,i(s,{size:"lg",className:o("m-auto w-full",t?.button),...e,children:"Оформить заявку"})]});export{f as FloatButton};
 //# sourceMappingURL=FloatButton.js.map

package/dist/lib/shared/ui/formElements/controlled/autocomplete/AutocompleteControl.js

@@ -1,2 +1,2 @@
-import{jsxs as x,jsx as r}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{cn as w}from"../../../../utils/cn.js";import{AutocompleteBase as j}from"../../uncontrolled/autocomplete/Autocomplete.js";import{MessageView as A}from"../../ui/MessageView.js";const I=({control:s,name:a,defaultValue:m,disabled:i,helperText:n,rules:c,shouldUnregister:l,classes:d,...t})=>{const{field:p,fieldState:f}=v({control:s,name:a,defaultValue:m,disabled:i,rules:c,shouldUnregister:l}),{error:e,invalid:o,isTouched:u}=f,{container:g,message:h}=d||{};return x("div",{className:w("w-full",g),"data-id":"autocomplete",children:[r(j,{...t,...p,invalid:o,attachmentProps:{...t?.attachmentProps,icon:void 0,invalid:o,isTouched:u,withValidateIcons:!0},"data-error-message":e?.message}),r(A,{className:h,text:e?.message||n,intent:e?"error":"simple"})]})};export{I as AutocompleteControl};
+import{jsxs as x,jsx as r}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{AutocompleteBase as w}from"../../uncontrolled/autocomplete/Autocomplete.js";import{MessageView as j}from"../../ui/MessageView.js";import{cn as A}from"../../../../utils/cn.js";const I=({control:s,name:a,defaultValue:m,disabled:i,helperText:n,rules:c,shouldUnregister:l,classes:d,...t})=>{const{field:p,fieldState:f}=v({control:s,name:a,defaultValue:m,disabled:i,rules:c,shouldUnregister:l}),{error:e,invalid:o,isTouched:u}=f,{container:g,message:h}=d||{};return x("div",{className:A("w-full",g),"data-id":"autocomplete",children:[r(w,{...t,...p,invalid:o,attachmentProps:{...t?.attachmentProps,icon:void 0,invalid:o,isTouched:u,withValidateIcons:!0},"data-error-message":e?.message}),r(j,{className:h,text:e?.message||n,intent:e?"error":"simple"})]})};export{I as AutocompleteControl};
 //# sourceMappingURL=AutocompleteControl.js.map

package/dist/lib/shared/ui/formElements/controlled/checkbox/CheckboxControl.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as o}from"react/jsx-runtime";import{useId as w}from"react";import{useController as B}from"react-hook-form";import{cn as r}from"../../../../utils/cn.js";import{CheckboxBase as I}from"../../uncontrolled/checkbox/Checkbox.js";import{MessageView as M}from"../../ui/MessageView.js";const E=({control:l,classes:m,className:c,name:i,rules:n,shouldUnregister:d,defaultValue:p,disabled:s,children:x,helperText:f,...g})=>{const{field:h,fieldState:k}=B({control:l,name:i,rules:n,shouldUnregister:d,defaultValue:p,disabled:s}),{container:C,message:u,label:b,...v}=m||{},{value:y,onChange:N,...j}=h,{invalid:F,error:e}=k,t=w();return a("div",{className:r("flex flex-col gap-y-2",c),children:[a("div",{className:r("flex items-center justify-items-start gap-x-3",C),children:[o(I,{id:t,checked:y,onCheckedChange:N,invalid:F,classes:v,...g,...j,"data-error-message":e?.message}),o("label",{htmlFor:t,className:r("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4",{"text-color-disabled":s},b),children:x})]}),o(M,{text:e?e.message:f,className:u,intent:e?"error":"simple",disabled:s})]})};export{E as CheckboxControl};
+import{jsxs as a,jsx as o}from"react/jsx-runtime";import{useId as w}from"react";import{useController as B}from"react-hook-form";import{CheckboxBase as I}from"../../uncontrolled/checkbox/Checkbox.js";import{cn as r}from"../../../../utils/cn.js";import{MessageView as M}from"../../ui/MessageView.js";const E=({control:l,classes:m,className:c,name:i,rules:n,shouldUnregister:d,defaultValue:p,disabled:s,children:x,helperText:f,...g})=>{const{field:h,fieldState:k}=B({control:l,name:i,rules:n,shouldUnregister:d,defaultValue:p,disabled:s}),{container:C,message:u,label:b,...v}=m||{},{value:y,onChange:N,...j}=h,{invalid:F,error:e}=k,t=w();return a("div",{className:r("flex flex-col gap-y-2",c),children:[a("div",{className:r("flex items-center justify-items-start gap-x-3",C),children:[o(I,{id:t,checked:y,onCheckedChange:N,invalid:F,classes:v,...g,...j,"data-error-message":e?.message}),o("label",{htmlFor:t,className:r("mob-body-regular-s text-color-dark","desktop:desk-body-regular-m desktop:gap-x-4",{"text-color-disabled":s},b),children:x})]}),o(M,{text:e?e.message:f,className:u,intent:e?"error":"simple",disabled:s})]})};export{E as CheckboxControl};
 //# sourceMappingURL=CheckboxControl.js.map

package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js

@@ -1,2 +1,2 @@
-import{jsxs as y,jsx as a}from"react/jsx-runtime";import{useController as F}from"react-hook-form";import{useComboboxControl as H}from"./hooks/useComboboxControl.js";import{cn as I}from"../../../../utils/cn.js";import{Combobox as M}from"../../uncontrolled/combobox/combobox.js";import{MessageView as S}from"../../ui/MessageView.js";const E=({control:m,className:n,name:c,rules:l,shouldUnregister:i,disabled:e,defaultValue:f,options:t,helperText:g,returnValue:x,classes:b,multiple:r,...s})=>{const{field:d,fieldState:p}=F({control:m,name:c,rules:l,shouldUnregister:i,disabled:e,defaultValue:f}),{error:o,invalid:C}=p,{value:h,onChange:u,...v}=d,{root:w,combobox:P,message:j}=b??{},{selected:N,changeHandler:V}=H({value:h,onChange:u,multiple:r,returnValue:x,options:t});return y("div",{className:I("w-full items-start gap-y-2",w,n),"data-id":"combobox",children:[a(M,{...s,...v,options:t,value:N,onChange:V,invalid:C,disabled:e,multiple:r,classes:P,attachmentProps:{withValidateIcons:!1,...s.attachmentProps},"data-error-message":o?.message}),a(S,{text:o?o.message:g,className:j,intent:o?"error":"simple",disabled:e})]})};export{E as ComboboxControl};
+import{jsxs as y,jsx as a}from"react/jsx-runtime";import{useController as F}from"react-hook-form";import{useComboboxControl as H}from"./hooks/useComboboxControl.js";import{Combobox as I}from"../../uncontrolled/combobox/combobox.js";import{cn as M}from"../../../../utils/cn.js";import{MessageView as S}from"../../ui/MessageView.js";const E=({control:m,className:n,name:c,rules:l,shouldUnregister:i,disabled:e,defaultValue:f,options:t,helperText:g,returnValue:x,classes:b,multiple:r,...s})=>{const{field:d,fieldState:p}=F({control:m,name:c,rules:l,shouldUnregister:i,disabled:e,defaultValue:f}),{error:o,invalid:C}=p,{value:h,onChange:u,...v}=d,{root:w,combobox:P,message:j}=b??{},{selected:N,changeHandler:V}=H({value:h,onChange:u,multiple:r,returnValue:x,options:t});return y("div",{className:M("w-full items-start gap-y-2",w,n),"data-id":"combobox",children:[a(I,{...s,...v,options:t,value:N,onChange:V,invalid:C,disabled:e,multiple:r,classes:P,attachmentProps:{withValidateIcons:!1,...s.attachmentProps},"data-error-message":o?.message}),a(S,{text:o?o.message:g,className:j,intent:o?"error":"simple",disabled:e})]})};export{E as ComboboxControl};
 //# sourceMappingURL=ComboboxControl.js.map

package/dist/lib/shared/ui/formElements/controlled/dadata/index.js

@@ -1,2 +1,2 @@
-import{DadataOrganization as r}from"./party/DadataOrganization.js";import{DadataAddress as d}from"./address/DadataAddress.js";import{DadataAuto as f}from"./auto/DadataAuto.js";import{DadataCountry as p}from"./country/DadataCountry.js";import{DadataFio as D}from"./fio/DadataFio.js";export{d as DadataAddress,f as DadataAuto,p as DadataCountry,D as DadataFio,r as DadataOrganization};
+import{DadataAddress as r}from"./address/DadataAddress.js";import{DadataAuto as d}from"./auto/DadataAuto.js";import{DadataCountry as f}from"./country/DadataCountry.js";import{DadataFio as p}from"./fio/DadataFio.js";import{DadataOrganization as D}from"./party/DadataOrganization.js";export{r as DadataAddress,d as DadataAuto,f as DadataCountry,p as DadataFio,D as DadataOrganization};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/range.js

@@ -1,2 +1,2 @@
-import{jsxs as _,jsx as m}from"react/jsx-runtime";import{useRef as j,useState as c}from"react";import{parse as d,isValid as x,format as h}from"date-fns";import{cn as I}from"../../../../utils/cn.js";import{RANGE_MASK as T,SINGLE_VALIDATION_REGEX as y}from"./model/constants.js";import{getCurrentDate as G,getInitialValue as L}from"./model/utils.js";import{useClickOutside as P}from"../../../../hooks/useClickOutside.js";import{MaskInput as $}from"../../uncontrolled/maskInput/MaskInput.js";import{Icon as q}from"../../../icon/Icon.js";import{Calendar as w}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as s}from"../../../calendar/model/utils.js";const Z=({inputProps:C,classes:f,value:u,onChange:i,...R})=>{const p=j(null),{calendar:E,...O}=f||{},[S,a]=c(!1),V=()=>{a(e=>!e)},[b,l]=c(new Date),D=G("range",u),[N,g]=c(L("range",u));P(p,()=>a(!1));const A=e=>{const{value:o}=e.target;if(g(o),!o.length)return i({from:"",to:""});const r=o.split("-");if(r.some(t=>!y.test(t)))return;const n=[["from",d(r[0],s,new Date)],["to",d(r[1],s,new Date)]];if(n.every(([,t])=>x(t))){const t=Object.fromEntries(n.map(([k,v])=>[k,v.toISOString()]));i(t),l(n[Math.round(Math.random())][1])}},M=e=>{l(e.from||e.to||new Date);const o=Object.entries(e).reduce((r,[n,t])=>({...r,[n]:t?t.toISOString():""}),{});i(o),g(`${h(o.from||"",s)}-${h(o.to||"",s)}`),e.from&&e.to&&a(!1)};return _("div",{ref:p,className:I("relative w-full",f?.container),children:[m($,{mask:T,...C,classes:O,value:N,onChange:A,onFocus:()=>a(!0),attachmentProps:{icon:m(q,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:V}}),S&&m(w,{...R,required:!0,mode:"range",month:b,onMonthChange:l,selected:D,onSelect:M,className:I("absolute right-0 top-full",E)})]})};export{Z as RangeDayPicker};
+import{jsxs as _,jsx as m}from"react/jsx-runtime";import{useRef as j,useState as c}from"react";import{parse as d,isValid as x,format as h}from"date-fns";import{RANGE_MASK as T,SINGLE_VALIDATION_REGEX as y}from"./model/constants.js";import{cn as I}from"../../../../utils/cn.js";import{getCurrentDate as G,getInitialValue as L}from"./model/utils.js";import{useClickOutside as P}from"../../../../hooks/useClickOutside.js";import{MaskInput as $}from"../../uncontrolled/maskInput/MaskInput.js";import{Icon as q}from"../../../icon/Icon.js";import{Calendar as w}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as s}from"../../../calendar/model/utils.js";const Z=({inputProps:C,classes:f,value:u,onChange:i,...R})=>{const p=j(null),{calendar:E,...O}=f||{},[S,a]=c(!1),V=()=>{a(e=>!e)},[b,l]=c(new Date),D=G("range",u),[N,g]=c(L("range",u));P(p,()=>a(!1));const A=e=>{const{value:o}=e.target;if(g(o),!o.length)return i({from:"",to:""});const r=o.split("-");if(r.some(t=>!y.test(t)))return;const n=[["from",d(r[0],s,new Date)],["to",d(r[1],s,new Date)]];if(n.every(([,t])=>x(t))){const t=Object.fromEntries(n.map(([k,v])=>[k,v.toISOString()]));i(t),l(n[Math.round(Math.random())][1])}},M=e=>{l(e.from||e.to||new Date);const o=Object.entries(e).reduce((r,[n,t])=>({...r,[n]:t?t.toISOString():""}),{});i(o),g(`${h(o.from||"",s)}-${h(o.to||"",s)}`),e.from&&e.to&&a(!1)};return _("div",{ref:p,className:I("relative w-full",f?.container),children:[m($,{mask:T,...C,classes:O,value:N,onChange:A,onFocus:()=>a(!0),attachmentProps:{icon:m(q,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:V}}),S&&m(w,{...R,required:!0,mode:"range",month:b,onMonthChange:l,selected:D,onSelect:M,className:I("absolute right-0 top-full",E)})]})};export{Z as RangeDayPicker};
 //# sourceMappingURL=range.js.map

package/dist/lib/shared/ui/formElements/controlled/dayPickerControl/single.js

@@ -1,2 +1,2 @@
-import{jsxs as _,jsx as m}from"react/jsx-runtime";import{useRef as G,useState as E,useEffect as P}from"react";import{createPortal as j}from"react-dom";import{useFloating as K,autoUpdate as q,flip as B,offset as H}from"@floating-ui/react";import{parse as U,isValid as X,format as v}from"date-fns";import{getCurrentDate as z,getInitialValue as I}from"./model/utils.js";import{TypeGuards as b}from"../../../../utils/typeGuards.js";import{cn as O}from"../../../../utils/cn.js";import{SINGLE_MASK as J,SINGLE_VALIDATION_REGEX as Q}from"./model/constants.js";import{mergeRefs as W}from"../../../../utils/mergeRefs.js";import{useClickOutside as Y}from"../../../../hooks/useClickOutside.js";import{MaskInput as Z}from"../../uncontrolled/maskInput/MaskInput.js";import{Icon as $}from"../../../icon/Icon.js";import{Calendar as h}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as V}from"../../../calendar/model/utils.js";const ue=({inputProps:i,classes:f,value:t,onChange:n,externalHandlers:x,month:D,onMonthChange:r,...d})=>{const{onChange:a,onFocus:p,...A}=x||{},u=G(null),{refs:g,floatingStyles:N}=K({placement:"bottom-end",middleware:[B({boundary:"clippingAncestors",crossAxis:!1}),H(0)],whileElementsMounted:q}),{calendar:k,...C}=f||{},[L,o]=E(!1),S=()=>{o(e=>!e)},R=z("single",t),[w,l]=E(I("single",t));P(()=>{t&&!b.isStringEmpty(t)&&(l(I("single",t)),r&&r(new Date(t)))},[t]),Y(u,()=>o(!1));const F=e=>{const{value:s}=e.target;if(l(s),b.isStringEmpty(s))return n("");if(!Q.test(s))return;const c=U(s,V,new Date);if(X(c)){const y=c.toISOString();n(y),r&&r(c),a&&a(y)}},T=e=>{r&&r(e);const s=e.toISOString();n(s),l(v(e,V)),o(!1),a&&a(s)};return _("div",{ref:g.setReference,className:O("relative w-full",f?.container),children:[m(Z,{mask:J,...i,...A,classes:C,value:w,onChange:F,autoComplete:"off",onFocus:e=>{o(!0),p&&p(e)},onKeyDown:e=>{e.key==="Enter"&&S()},attachmentProps:{disabled:i.disabled,icon:m($,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:S,...i.attachmentProps},dataLayers:d?.dataLayers}),L&&j(m(h,{ref:W(u,g.setFloating),...d,required:!0,mode:"single",style:{...N,width:"max-content"},month:D,onMonthChange:r,selected:R,onSelect:T,className:O(k),"data-id":"calendar"}),document.body)]})};export{ue as SingleDayPicker};
+import{jsxs as _,jsx as m}from"react/jsx-runtime";import{useRef as G,useState as E,useEffect as P}from"react";import{createPortal as j}from"react-dom";import{useFloating as K,autoUpdate as q,flip as B,offset as H}from"@floating-ui/react";import{parse as U,isValid as X,format as v}from"date-fns";import{getCurrentDate as z,getInitialValue as I}from"./model/utils.js";import{TypeGuards as b}from"../../../../utils/typeGuards.js";import{SINGLE_MASK as J,SINGLE_VALIDATION_REGEX as Q}from"./model/constants.js";import{cn as O}from"../../../../utils/cn.js";import{mergeRefs as W}from"../../../../utils/mergeRefs.js";import{useClickOutside as Y}from"../../../../hooks/useClickOutside.js";import{MaskInput as Z}from"../../uncontrolled/maskInput/MaskInput.js";import{Icon as $}from"../../../icon/Icon.js";import{Calendar as h}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as V}from"../../../calendar/model/utils.js";const ue=({inputProps:i,classes:f,value:t,onChange:n,externalHandlers:x,month:D,onMonthChange:r,...d})=>{const{onChange:a,onFocus:p,...A}=x||{},u=G(null),{refs:g,floatingStyles:N}=K({placement:"bottom-end",middleware:[B({boundary:"clippingAncestors",crossAxis:!1}),H(0)],whileElementsMounted:q}),{calendar:k,...C}=f||{},[L,o]=E(!1),S=()=>{o(e=>!e)},R=z("single",t),[w,l]=E(I("single",t));P(()=>{t&&!b.isStringEmpty(t)&&(l(I("single",t)),r&&r(new Date(t)))},[t]),Y(u,()=>o(!1));const F=e=>{const{value:s}=e.target;if(l(s),b.isStringEmpty(s))return n("");if(!Q.test(s))return;const c=U(s,V,new Date);if(X(c)){const y=c.toISOString();n(y),r&&r(c),a&&a(y)}},T=e=>{r&&r(e);const s=e.toISOString();n(s),l(v(e,V)),o(!1),a&&a(s)};return _("div",{ref:g.setReference,className:O("relative w-full",f?.container),children:[m(Z,{mask:J,...i,...A,classes:C,value:w,onChange:F,autoComplete:"off",onFocus:e=>{o(!0),p&&p(e)},onKeyDown:e=>{e.key==="Enter"&&S()},attachmentProps:{disabled:i.disabled,icon:m($,{name:"general/calendar",className:"text-icon-blue-grey-600"}),onClickIcon:S,...i.attachmentProps},dataLayers:d?.dataLayers}),L&&j(m(h,{ref:W(u,g.setFloating),...d,required:!0,mode:"single",style:{...N,width:"max-content"},month:D,onMonthChange:r,selected:R,onSelect:T,className:O(k),"data-id":"calendar"}),document.body)]})};export{ue as SingleDayPicker};
 //# sourceMappingURL=single.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/EditorControl.js

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import{useController as l}from"react-hook-form";import{Editor as x}from"./ui/Editor.js";import{EditorModal as M}from"./ui/EditorModal.js";const s=({control:u,label:r,helperText:o,editable:t=!0,classes:i,defaultValue:e,disabled:E,rules:p,shouldUnregister:C,name:c,small:j,...m})=>{const{field:f,fieldState:{error:n}}=l({control:u,defaultValue:e,disabled:E,rules:p,shouldUnregister:C,name:c});return j?d(M,{error:n,field:f,editable:t,helperText:o,label:r,classes:i,...m}):d(x,{...f,editable:t,error:n,helperText:o,label:r,classes:i,...m})};export{s as EditorControl};
+import{jsx as d}from"react/jsx-runtime";import{useController as k}from"react-hook-form";import{Editor as p}from"./ui/Editor.js";import{EditorModal as q}from"./ui/EditorModal.js";import{EditorWithModal as v}from"./ui/EditorWithModal.js";const B=({control:u,label:r,helperText:o,editable:t=!0,classes:i,defaultValue:E,disabled:C,rules:M,shouldUnregister:j,name:S,small:W,isModal:c,modalClasses:g,...m})=>{const{field:f,fieldState:{error:n}}=k({control:u,defaultValue:E,disabled:C,rules:M,shouldUnregister:j,name:S});return c?d(v,{error:n,field:f,editable:t,helperText:o,label:r,classes:i,modalClasses:g,...m}):W?d(q,{error:n,field:f,editable:t,helperText:o,label:r,classes:i,...m}):d(p,{...f,editable:t,error:n,helperText:o,label:r,classes:i,...m})};export{B as EditorControl};
 //# sourceMappingURL=EditorControl.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/EditorControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/editor/EditorControl.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { Editor } from './ui/Editor'\nimport { EditorModal } from './ui/EditorModal'\n\nexport type EditorControlClasses = {\n  root?: string\n  editor?: string\n  wrapper?: string\n  message?: string\n  label?: string\n}\n\nexport type EditorControlProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> & {\n  editable?: boolean\n  classes?: EditorControlClasses\n  helperText?: string | ReactElement\n  label: string\n  limit?: number\n  small?: boolean\n}\n\nexport const EditorControl = <T extends FieldValues>({\n  control,\n  label,\n  helperText,\n  editable = true,\n  classes,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  name,\n  small,\n  ...props\n}: EditorControlProps<T>) => {\n  const {\n    field,\n    fieldState: { error }\n  } = useController({\n    control,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister,\n    name\n  })\n\n  if (small) {\n    return (\n      <EditorModal\n        error={error}\n        field={field}\n        editable={editable}\n        helperText={helperText}\n        label={label}\n        classes={classes}\n        {...props}\n      />\n    )\n  }\n  return (\n    <Editor {...field} editable={editable} error={error} helperText={helperText} label={label} classes={classes} {...props} />\n  )\n}\n"],"names":["EditorControl","control","label","helperText","editable","classes","defaultValue","disabled","rules","shouldUnregister","name","small","props","field","error","useController","jsx","EditorModal","Editor"],"mappings":"kLAyBO,MAAMA,EAAgB,CAAwB,CACnD,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,KAAM,CACJ,MAAAC,EACA,WAAY,CAAE,MAAAC,CAAA,CAAM,EAClBC,EAAc,CAChB,QAAAd,EACA,aAAAK,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,CAAA,CACD,EAED,OAAIC,EAEAK,EAACC,EAAA,CACC,MAAAH,EACA,MAAAD,EACA,SAAAT,EACA,WAAAD,EACA,MAAAD,EACA,QAAAG,EACC,GAAGO,CAAA,CAAA,EAKRI,EAACE,EAAA,CAAQ,GAAGL,EAAO,SAAAT,EAAoB,MAAAU,EAAc,WAAAX,EAAwB,MAAAD,EAAc,QAAAG,EAAmB,GAAGO,CAAA,CAAO,CAE5H"}
+{"version":3,"file":"EditorControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/editor/EditorControl.tsx"],"sourcesContent":["import { type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { type ModalProps } from '../../../modal'\nimport { type BaseEditorProps, Editor } from './ui/Editor'\nimport { EditorModal } from './ui/EditorModal'\nimport { EditorWithModal } from './ui/EditorWithModal'\n\nexport type EditorControlClasses = {\n  root?: string\n  editor?: string\n  wrapper?: string\n  message?: string\n  label?: string\n}\n\nexport type EditorControlProps<T extends FieldValues> = UseControllerProps<T> &\n  BaseEditorProps & {\n    editable?: boolean\n    modalClasses?: ModalProps['classes']\n  }\n\nexport const EditorControl = <T extends FieldValues>({\n  control,\n  label,\n  helperText,\n  editable = true,\n  classes,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  name,\n  small,\n  isModal,\n  modalClasses,\n  ...props\n}: EditorControlProps<T>) => {\n  const {\n    field,\n    fieldState: { error }\n  } = useController({\n    control,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister,\n    name\n  })\n\n  if (isModal) {\n    return (\n      <EditorWithModal\n        error={error}\n        field={field}\n        editable={editable}\n        helperText={helperText}\n        label={label}\n        classes={classes}\n        modalClasses={modalClasses}\n        {...props}\n      />\n    )\n  }\n\n  if (small) {\n    return (\n      <EditorModal\n        error={error}\n        field={field}\n        editable={editable}\n        helperText={helperText}\n        label={label}\n        classes={classes}\n        {...props}\n      />\n    )\n  }\n  return (\n    <Editor {...field} editable={editable} error={error} helperText={helperText} label={label} classes={classes} {...props} />\n  )\n}\n"],"names":["EditorControl","control","label","helperText","editable","classes","defaultValue","disabled","rules","shouldUnregister","name","small","isModal","modalClasses","props","field","error","useController","jsx","EditorWithModal","EditorModal","Editor"],"mappings":"4OAoBO,MAAMA,EAAgB,CAAwB,CACnD,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,QAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,EACA,MAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAA6B,CAC3B,KAAM,CACJ,MAAAC,EACA,WAAY,CAAE,MAAAC,CAAA,CAAM,EAClBC,EAAc,CAChB,QAAAhB,EACA,aAAAK,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,KAAAC,CAAA,CACD,EAED,OAAIE,EAEAM,EAACC,EAAA,CACC,MAAAH,EACA,MAAAD,EACA,SAAAX,EACA,WAAAD,EACA,MAAAD,EACA,QAAAG,EACA,aAAAQ,EACC,GAAGC,CAAA,CAAA,EAKNH,EAEAO,EAACE,EAAA,CACC,MAAAJ,EACA,MAAAD,EACA,SAAAX,EACA,WAAAD,EACA,MAAAD,EACA,QAAAG,EACC,GAAGS,CAAA,CAAA,EAKRI,EAACG,EAAA,CAAQ,GAAGN,EAAO,SAAAX,EAAoB,MAAAY,EAAc,WAAAb,EAAwB,MAAAD,EAAc,QAAAG,EAAmB,GAAGS,CAAA,CAAO,CAE5H"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as r}from"react/jsx-runtime";import{forwardRef as N,useEffect as T}from"react";import C from"@tiptap/extension-character-count";import{useEditor as M,EditorContent as y}from"@tiptap/react";import{Toolbar as L}from"./Toolbar.js";import{cn as i}from"../../../../../utils/cn.js";import{editorConfig as U}from"../model/config.js";import{MessageView as k}from"../../../ui/MessageView.js";const A=Number.MAX_SAFE_INTEGER,v=N(({onChange:f,value:t="",label:p,limit:n,error:a,classes:o,editable:l,helperText:u,shouldRerenderOnTransaction:x=!0,externalHandlers:b,small:g,...h},E)=>{const{onUpdate:m}=b||{},e=M({extensions:[...U,C.configure({limit:n??A})],editable:l,content:t,parseOptions:{preserveWhitespace:!0},onUpdate:c=>{const{editor:d}=c,w=d?.getText()?d?.getHTML():"";f(w),m&&m(c)},editorProps:{attributes:{spellcheck:"false",class:i("p-4 outline-none bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep",o?.editor,{"max-h-[80px] min-h-full":g})}},shouldRerenderOnTransaction:x,...h});return T(()=>{e&&e.getHTML()!==t&&e.commands.setContent(t)},[e,t]),e?s("div",{className:i("flex w-full flex-col",o?.root),children:[s("div",{className:i("relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200",o?.wrapper),children:[r(L,{editor:e}),!t&&r("p",{className:i("absolute left-4 top-16 text-color-disabled",o?.label),children:p}),r(y,{ref:E,editor:e}),n&&s("p",{className:"absolute bottom-4 right-4 text-color-disabled",children:[e.storage.characterCount.characters()," / ",n," символов"]})]}),r(k,{className:o?.message,intent:a?.message?"error":"simple",text:a?.message||u,disabled:!l})]}):null});export{v as Editor};
+import{jsxs as s,jsx as o}from"react/jsx-runtime";import{forwardRef as y,useEffect as A}from"react";import L from"@tiptap/extension-character-count";import{useEditor as M,EditorContent as U}from"@tiptap/react";import{Toolbar as _}from"./Toolbar.js";import{editorConfig as j}from"../model/config.js";import{cn as i}from"../../../../../utils/cn.js";import{TypeGuards as k}from"../../../../../utils/typeGuards.js";import{FieldAttachment as F}from"../../../ui/fieldAttachment/FieldAttachment.js";import{MessageView as I}from"../../../ui/MessageView.js";const O=Number.MAX_SAFE_INTEGER,z=y(({onChange:u,value:r="",label:b,limit:l,error:m,classes:t,editable:a,helperText:g,shouldRerenderOnTransaction:h=!0,externalHandlers:E,small:N,isModal:c,attachmentProps:n,...T},w)=>{const{onUpdate:d}=E||{},e=M({extensions:[...j,L.configure({limit:l??O})],editable:a,content:r,parseOptions:{preserveWhitespace:!0},onUpdate:p=>{const{editor:x}=p,C=x?.getText()?x?.getHTML():"";u(C),d&&d(p)},editorProps:{attributes:{spellcheck:"false",class:i("p-4 outline-none  bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep",t?.editor,{"max-h-[80px] min-h-full":N})}},shouldRerenderOnTransaction:h,...T});if(A(()=>{e&&e.getHTML()!==r&&e.commands.setContent(r)},[e,r]),!e)return null;const f=s("div",{className:i("relative flex w-full flex-1 flex-col rounded-md border border-solid border-warm-grey-200",t?.wrapper),children:[!c&&o(_,{editor:e}),!r&&o("p",{className:i("absolute left-4 top-16 text-color-disabled",t?.label),children:b}),o(U,{ref:w,editor:e}),l&&s("p",{className:"absolute bottom-4 right-4 text-color-disabled",children:[e.storage.characterCount.characters()," / ",l," символов"]})]});return s("div",{className:i("flex w-full flex-col",t?.root),children:[n&&!k.isObjectEmpty(n)?s("div",{className:i("grid grid-cols-[1fr_20px] items-center gap-2",{"items-start":!c}),children:[f,n&&o(F,{...n})]}):f,o(I,{className:t?.message,intent:m?.message?"error":"simple",text:m?.message||g,disabled:!a})]})});export{z as Editor};
 //# sourceMappingURL=Editor.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/Editor.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useEffect } from 'react'\nimport { type FieldError } from 'react-hook-form'\nimport CharacterCount from '@tiptap/extension-character-count'\nimport { EditorContent, type EditorEvents, useEditor, type UseEditorOptions } from '@tiptap/react'\nimport { Toolbar } from './Toolbar'\nimport { type EditorControlClasses } from '$/shared/ui'\nimport { editorConfig } from '$/shared/ui/formElements/controlled/editor/model'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\ntype ExternalHandlers = {\n  onUpdate?: (editor: EditorEvents['update']) => void\n}\n\ninterface EditorProps extends Partial<UseEditorOptions> {\n  onChange: (value: string) => void\n  value: string\n  error?: FieldError\n  classes?: EditorControlClasses\n  externalHandlers?: ExternalHandlers\n  label?: string\n  helperText?: string | ReactElement\n  /**\n   * Лимит символов\n   */\n  limit?: number\n  /**\n   * Сделать текстовый редактор маленьким\n   */\n  small?: boolean\n}\n\ntype EditorRef = React.ElementRef<typeof EditorContent>\n\nconst DEFAULT_LIMIT = Number.MAX_SAFE_INTEGER\n\nexport const Editor = forwardRef<EditorRef, EditorProps>(\n  (\n    {\n      onChange,\n      value = '',\n      label,\n      limit,\n      error,\n      classes,\n      editable,\n      helperText,\n      shouldRerenderOnTransaction = true,\n      externalHandlers,\n      small,\n      ...props\n    },\n    ref\n  ) => {\n    const { onUpdate: externalOnUpdate } = externalHandlers || {}\n\n    const editor = useEditor({\n      extensions: [\n        ...editorConfig,\n        CharacterCount.configure({\n          limit: limit ?? DEFAULT_LIMIT\n        })\n      ],\n      editable: editable,\n      content: value,\n      parseOptions: {\n        preserveWhitespace: true\n      },\n      onUpdate: (props) => {\n        const { editor } = props\n        const content = editor?.getText() ? editor?.getHTML() : ''\n        onChange(content)\n\n        if (externalOnUpdate) {\n          externalOnUpdate(props)\n        }\n      },\n      editorProps: {\n        // TODO: спросить у Рустема\n        // transformPastedText(text) {\n        //   return text.replace(/\\xA0/g, ' ')\n        // },\n        // transformPastedHTML(html) {\n        //   return html.replace(/\\xA0/g, ' ')\n        // },\n        attributes: {\n          spellcheck: 'false',\n          class: cn(\n            'p-4 outline-none bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep',\n            classes?.editor,\n            { 'max-h-[80px] min-h-full': small }\n          )\n        }\n      },\n      shouldRerenderOnTransaction,\n      ...props\n    })\n\n    useEffect(() => {\n      if (editor && editor.getHTML() !== value) {\n        editor.commands.setContent(value)\n      }\n    }, [editor, value])\n\n    if (!editor) {\n      return null\n    }\n\n    return (\n      <div className={cn('flex w-full flex-col', classes?.root)}>\n        <div\n          className={cn('relative flex w-full flex-col rounded-md border border-solid border-warm-grey-200', classes?.wrapper)}\n        >\n          <Toolbar editor={editor} />\n          {!value && <p className={cn('absolute left-4 top-16 text-color-disabled', classes?.label)}>{label}</p>}\n          <EditorContent ref={ref} editor={editor} />\n          {limit && (\n            <p className='absolute bottom-4 right-4 text-color-disabled'>\n              {editor.storage.characterCount.characters()} / {limit} символов\n            </p>\n          )}\n        </div>\n\n        <MessageView\n          className={classes?.message}\n          intent={error?.message ? 'error' : 'simple'}\n          text={error?.message || helperText}\n          disabled={!editable}\n        />\n      </div>\n    )\n  }\n)\n"],"names":["DEFAULT_LIMIT","Editor","forwardRef","onChange","value","label","limit","error","classes","editable","helperText","shouldRerenderOnTransaction","externalHandlers","small","props","ref","externalOnUpdate","editor","useEditor","editorConfig","CharacterCount","content","cn","useEffect","jsxs","jsx","Toolbar","EditorContent","MessageView"],"mappings":"oZAiCA,MAAMA,EAAgB,OAAO,iBAEhBC,EAASC,EACpB,CACE,CACE,SAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,4BAAAC,EAA8B,GAC9B,iBAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,SAAUC,CAAA,EAAqBJ,GAAoB,CAAA,EAErDK,EAASC,EAAU,CACvB,WAAY,CACV,GAAGC,EACHC,EAAe,UAAU,CACvB,MAAOd,GAASN,CAAA,CACjB,CAAA,EAEH,SAAAS,EACA,QAASL,EACT,aAAc,CACZ,mBAAoB,EAAA,EAEtB,SAAWU,GAAU,CACnB,KAAM,CAAE,OAAAG,CAAAA,EAAWH,EACbO,EAAUJ,GAAQ,QAAA,EAAYA,GAAQ,UAAY,GACxDd,EAASkB,CAAO,EAEZL,GACFA,EAAiBF,CAAK,CAE1B,EACA,YAAa,CAQX,WAAY,CACV,WAAY,QACZ,MAAOQ,EACL,2HACAd,GAAS,OACT,CAAE,0BAA2BK,CAAA,CAAM,CACrC,CACF,EAEF,4BAAAF,EACA,GAAGG,CAAA,CACJ,EAQD,OANAS,EAAU,IAAM,CACVN,GAAUA,EAAO,QAAA,IAAcb,GACjCa,EAAO,SAAS,WAAWb,CAAK,CAEpC,EAAG,CAACa,EAAQb,CAAK,CAAC,EAEba,IAKF,MAAA,CAAI,UAAWK,EAAG,uBAAwBd,GAAS,IAAI,EACtD,SAAA,CAAAgB,EAAC,MAAA,CACC,UAAWF,EAAG,oFAAqFd,GAAS,OAAO,EAEnH,SAAA,CAAAiB,EAACC,GAAQ,OAAAT,EAAgB,EACxB,CAACb,GAASqB,EAAC,IAAA,CAAE,UAAWH,EAAG,6CAA8Cd,GAAS,KAAK,EAAI,SAAAH,CAAA,CAAM,EAClGoB,EAACE,EAAA,CAAc,IAAAZ,EAAU,OAAAE,CAAA,CAAgB,EACxCX,GACCkB,EAAC,IAAA,CAAE,UAAU,gDACV,SAAA,CAAAP,EAAO,QAAQ,eAAe,WAAA,EAAa,MAAIX,EAAM,WAAA,CAAA,CACxD,CAAA,CAAA,CAAA,EAIJmB,EAACG,EAAA,CACC,UAAWpB,GAAS,QACpB,OAAQD,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWG,EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EAxBO,IA0BX,CACF"}
+{"version":3,"file":"Editor.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/Editor.tsx"],"sourcesContent":["import { forwardRef, type ReactElement, useEffect } from 'react'\nimport { type FieldError } from 'react-hook-form'\nimport CharacterCount from '@tiptap/extension-character-count'\nimport { EditorContent, type EditorEvents, useEditor, type UseEditorOptions } from '@tiptap/react'\nimport { Toolbar } from './Toolbar'\nimport type { DeepPartial } from '$/shared/types'\nimport { type EditorControlClasses } from '$/shared/ui'\nimport { editorConfig } from '$/shared/ui/formElements/controlled/editor/model'\nimport { FieldAttachment, MessageView } from '$/shared/ui/formElements/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\ntype ExternalHandlers = {\n  onUpdate?: (editor: EditorEvents['update']) => void\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\nexport type BaseEditorProps = {\n  error?: FieldError\n  classes?: EditorControlClasses\n  externalHandlers?: ExternalHandlers\n  label: string\n  helperText?: string | ReactElement\n  limit?: number\n  small?: boolean\n  isModal?: boolean\n  attachmentProps?: DeepPartial<FieldAttachmentProps>\n}\n\nexport type EditorProps = Partial<UseEditorOptions> &\n  BaseEditorProps & {\n    onChange: (value: string) => void\n    value: string\n  }\n\ntype EditorRef = React.ElementRef<typeof EditorContent>\n\nconst DEFAULT_LIMIT = Number.MAX_SAFE_INTEGER\n\nexport const Editor = forwardRef<EditorRef, EditorProps>(\n  (\n    {\n      onChange,\n      value = '',\n      label,\n      limit,\n      error,\n      classes,\n      editable,\n      helperText,\n      shouldRerenderOnTransaction = true,\n      externalHandlers,\n      small,\n      isModal,\n      attachmentProps,\n      ...props\n    },\n    ref\n  ) => {\n    const { onUpdate: externalOnUpdate } = externalHandlers || {}\n\n    const editor = useEditor({\n      extensions: [\n        ...editorConfig,\n        CharacterCount.configure({\n          limit: limit ?? DEFAULT_LIMIT\n        })\n      ],\n      editable: editable,\n      content: value,\n      parseOptions: {\n        preserveWhitespace: true\n      },\n      onUpdate: (props) => {\n        const { editor } = props\n        const content = editor?.getText() ? editor?.getHTML() : ''\n        onChange(content)\n\n        if (externalOnUpdate) {\n          externalOnUpdate(props)\n        }\n      },\n      editorProps: {\n        attributes: {\n          spellcheck: 'false',\n          class: cn(\n            'p-4 outline-none  bg-color-blue-grey-100 min-h-[240px] !static max-h-[500px] customScrollbar-y overflow-y-auto break-keep',\n            classes?.editor,\n            { 'max-h-[80px] min-h-full': small }\n          )\n        }\n      },\n      shouldRerenderOnTransaction,\n      ...props\n    })\n\n    useEffect(() => {\n      if (editor && editor.getHTML() !== value) {\n        editor.commands.setContent(value)\n      }\n    }, [editor, value])\n\n    if (!editor) {\n      return null\n    }\n\n    const innerContent = (\n      <div\n        className={cn(\n          'relative flex w-full flex-1 flex-col rounded-md border border-solid border-warm-grey-200',\n          classes?.wrapper\n        )}\n      >\n        {!isModal && <Toolbar editor={editor} />}\n        {!value && <p className={cn('absolute left-4 top-16 text-color-disabled', classes?.label)}>{label}</p>}\n        <EditorContent ref={ref} editor={editor} />\n        {limit && (\n          <p className='absolute bottom-4 right-4 text-color-disabled'>\n            {editor.storage.characterCount.characters()} / {limit} символов\n          </p>\n        )}\n      </div>\n    )\n\n    return (\n      <div className={cn('flex w-full flex-col', classes?.root)}>\n        {attachmentProps && !TypeGuards.isObjectEmpty(attachmentProps) ? (\n          <div className={cn('grid grid-cols-[1fr_20px] items-center gap-2', { 'items-start': !isModal })}>\n            {innerContent}\n            {attachmentProps && <FieldAttachment {...attachmentProps} />}\n          </div>\n        ) : (\n          innerContent\n        )}\n\n        <MessageView\n          className={classes?.message}\n          intent={error?.message ? 'error' : 'simple'}\n          text={error?.message || helperText}\n          disabled={!editable}\n        />\n      </div>\n    )\n  }\n)\n"],"names":["DEFAULT_LIMIT","Editor","forwardRef","onChange","value","label","limit","error","classes","editable","helperText","shouldRerenderOnTransaction","externalHandlers","small","isModal","attachmentProps","props","ref","externalOnUpdate","editor","useEditor","editorConfig","CharacterCount","content","cn","useEffect","innerContent","jsxs","jsx","Toolbar","EditorContent","TypeGuards","FieldAttachment","MessageView"],"mappings":"qiBAqCA,MAAMA,EAAgB,OAAO,iBAEhBC,EAASC,EACpB,CACE,CACE,SAAAC,EACA,MAAAC,EAAQ,GACR,MAAAC,EACA,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,4BAAAC,EAA8B,GAC9B,iBAAAC,EACA,MAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,SAAUC,CAAA,EAAqBN,GAAoB,CAAA,EAErDO,EAASC,EAAU,CACvB,WAAY,CACV,GAAGC,EACHC,EAAe,UAAU,CACvB,MAAOhB,GAASN,CAAA,CACjB,CAAA,EAEH,SAAAS,EACA,QAASL,EACT,aAAc,CACZ,mBAAoB,EAAA,EAEtB,SAAWY,GAAU,CACnB,KAAM,CAAE,OAAAG,CAAAA,EAAWH,EACbO,EAAUJ,GAAQ,QAAA,EAAYA,GAAQ,UAAY,GACxDhB,EAASoB,CAAO,EAEZL,GACFA,EAAiBF,CAAK,CAE1B,EACA,YAAa,CACX,WAAY,CACV,WAAY,QACZ,MAAOQ,EACL,4HACAhB,GAAS,OACT,CAAE,0BAA2BK,CAAA,CAAM,CACrC,CACF,EAEF,4BAAAF,EACA,GAAGK,CAAA,CACJ,EAQD,GANAS,EAAU,IAAM,CACVN,GAAUA,EAAO,QAAA,IAAcf,GACjCe,EAAO,SAAS,WAAWf,CAAK,CAEpC,EAAG,CAACe,EAAQf,CAAK,CAAC,EAEd,CAACe,EACH,OAAO,KAGT,MAAMO,EACJC,EAAC,MAAA,CACC,UAAWH,EACT,2FACAhB,GAAS,OAAA,EAGV,SAAA,CAAA,CAACM,GAAWc,EAACC,EAAA,CAAQ,OAAAV,CAAA,CAAgB,EACrC,CAACf,GAASwB,EAAC,IAAA,CAAE,UAAWJ,EAAG,6CAA8ChB,GAAS,KAAK,EAAI,SAAAH,CAAA,CAAM,EAClGuB,EAACE,EAAA,CAAc,IAAAb,EAAU,OAAAE,CAAA,CAAgB,EACxCb,GACCqB,EAAC,IAAA,CAAE,UAAU,gDACV,SAAA,CAAAR,EAAO,QAAQ,eAAe,WAAA,EAAa,MAAIb,EAAM,WAAA,CAAA,CACxD,CAAA,CAAA,CAAA,EAKN,SACG,MAAA,CAAI,UAAWkB,EAAG,uBAAwBhB,GAAS,IAAI,EACrD,SAAA,CAAAO,GAAmB,CAACgB,EAAW,cAAchB,CAAe,EAC3DY,EAAC,MAAA,CAAI,UAAWH,EAAG,+CAAgD,CAAE,cAAe,CAACV,CAAA,CAAS,EAC3F,SAAA,CAAAY,EACAX,GAAmBa,EAACI,EAAA,CAAiB,GAAGjB,CAAA,CAAiB,CAAA,CAAA,CAC5D,EAEAW,EAGFE,EAACK,EAAA,CACC,UAAWzB,GAAS,QACpB,OAAQD,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWG,EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js

@@ -1,2 +1,2 @@
-import{jsxs as l,Fragment as p,jsx as e}from"react/jsx-runtime";import{useState as d}from"react";import{Editor as x}from"./Editor.js";import{cn as f}from"../../../../../utils/cn.js";import{Modal as u}from"../../../../modal/Modal.js";import{InputBase as g}from"../../../uncontrolled/input/Input.js";import{Icon as M}from"../../../../icon/Icon.js";import{MessageView as h}from"../../../ui/MessageView.js";const E=({label:n,classes:a,editable:s,helperText:t,field:o,error:r,...i})=>{const[c,m]=d(!1);return l(p,{children:[l("div",{className:"flex flex-1 flex-col",children:[e(g,{readOnly:!0,label:n,classes:{},...o,renderValues:()=>e("div",{className:f("customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]"),dangerouslySetInnerHTML:{__html:o.value}}),attachmentProps:{icon:e(M,{name:"general/edit",className:"size-5 text-color-tetriary"})},onClick:()=>s&&m(!0)}),e(h,{className:a?.message,intent:r?.message?"error":"simple",text:r?.message||t,disabled:!s})]}),e(u,{classes:{modal:"max-w-[700px]"},isModalOpen:c,closeModal:()=>m(!1),children:e(x,{...o,editable:s,error:r,helperText:t,classes:{editor:"min-h-[350px]",...a},...i})})]})};export{E as EditorModal};
+import{jsxs as n,Fragment as p,jsx as e}from"react/jsx-runtime";import{useState as d}from"react";import{Editor as x}from"./Editor.js";import{cn as f}from"../../../../../utils/cn.js";import{Modal as u}from"../../../../modal/Modal.js";import{InputBase as g}from"../../../uncontrolled/input/Input.js";import{Icon as M}from"../../../../icon/Icon.js";import{MessageView as h}from"../../../ui/MessageView.js";const E=({label:t,classes:a,editable:s,helperText:m,field:o,error:r,...i})=>{const[c,l]=d(!1);return n(p,{children:[n("div",{className:"flex flex-1 flex-col",children:[e(g,{readOnly:!0,label:t,classes:{},...o,renderValues:()=>e("div",{className:f("customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]"),dangerouslySetInnerHTML:{__html:o.value}}),attachmentProps:{icon:e(M,{name:"general/edit",className:"size-5 text-color-tetriary"})},onClick:()=>s&&l(!0)}),e(h,{className:a?.message,intent:r?.message?"error":"simple",text:r?.message||m,disabled:!s})]}),e(u,{classes:{modal:"max-w-[700px]"},isModalOpen:c,closeModal:()=>l(!1),children:e(x,{...o,label:t,editable:s,error:r,helperText:m,classes:{editor:"min-h-[350px]",...a},...i})})]})};export{E as EditorModal};
 //# sourceMappingURL=EditorModal.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorModal.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/EditorModal.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type ControllerRenderProps, type FieldError, type FieldValues } from 'react-hook-form'\nimport { Editor } from './Editor'\nimport { Icon } from '$/shared/ui'\nimport { Modal } from '$/shared/ui'\nimport { InputBase } from '$/shared/ui'\nimport { type EditorControlProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface EditorModalProps<T extends FieldValues>\n  extends Pick<EditorControlProps<T>, 'label' | 'classes' | 'editable' | 'helperText'> {\n  field: ControllerRenderProps<T>\n  error?: FieldError\n}\n\nexport const EditorModal = <T extends FieldValues>({\n  label,\n  classes,\n  editable,\n  helperText,\n  field,\n  error,\n  ...props\n}: EditorModalProps<T>) => {\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  return (\n    <>\n      <div className='flex flex-1 flex-col'>\n        <InputBase\n          readOnly\n          label={label}\n          classes={{}}\n          {...field}\n          renderValues={() => (\n            <div\n              className={cn('customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]')}\n              dangerouslySetInnerHTML={{ __html: field.value }}\n            />\n          )}\n          attachmentProps={{\n            icon: <Icon name='general/edit' className='size-5 text-color-tetriary' />\n          }}\n          onClick={() => editable && setIsModalOpen(true)}\n        />\n        <MessageView\n          className={classes?.message}\n          intent={error?.message ? 'error' : 'simple'}\n          text={error?.message || helperText}\n          disabled={!editable}\n        />\n      </div>\n      <Modal\n        classes={{\n          modal: 'max-w-[700px]'\n        }}\n        isModalOpen={isModalOpen}\n        closeModal={() => setIsModalOpen(false)}\n      >\n        <Editor\n          {...field}\n          editable={editable}\n          error={error}\n          helperText={helperText}\n          classes={{\n            editor: 'min-h-[350px]',\n            ...classes\n          }}\n          {...props}\n        />\n      </Modal>\n    </>\n  )\n}\n"],"names":["EditorModal","label","classes","editable","helperText","field","error","props","isModalOpen","setIsModalOpen","useState","jsxs","Fragment","jsx","InputBase","cn","Icon","MessageView","Modal","Editor"],"mappings":"mZAgBO,MAAMA,EAAc,CAAwB,CACjD,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAS,EAAK,EAEpD,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAACC,EAAA,CACC,SAAQ,GACR,MAAAb,EACA,QAAS,CAAA,EACR,GAAGI,EACJ,aAAc,IACZQ,EAAC,MAAA,CACC,UAAWE,EAAG,2FAA2F,EACzG,wBAAyB,CAAE,OAAQV,EAAM,KAAA,CAAM,CAAA,EAGnD,gBAAiB,CACf,KAAMQ,EAACG,EAAA,CAAK,KAAK,eAAe,UAAU,4BAAA,CAA6B,CAAA,EAEzE,QAAS,IAAMb,GAAYM,EAAe,EAAI,CAAA,CAAA,EAEhDI,EAACI,EAAA,CACC,UAAWf,GAAS,QACpB,OAAQI,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWF,EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EACAU,EAACK,EAAA,CACC,QAAS,CACP,MAAO,eAAA,EAET,YAAAV,EACA,WAAY,IAAMC,EAAe,EAAK,EAEtC,SAAAI,EAACM,EAAA,CACE,GAAGd,EACJ,SAAAF,EACA,MAAAG,EACA,WAAAF,EACA,QAAS,CACP,OAAQ,gBACR,GAAGF,CAAA,EAEJ,GAAGK,CAAA,CAAA,CACN,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"EditorModal.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/EditorModal.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type ControllerRenderProps, type FieldError, type FieldValues } from 'react-hook-form'\nimport { Editor } from './Editor'\nimport { Icon } from '$/shared/ui'\nimport { Modal } from '$/shared/ui'\nimport { InputBase } from '$/shared/ui'\nimport { type EditorControlProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface EditorModalProps<T extends FieldValues>\n  extends Pick<EditorControlProps<T>, 'label' | 'classes' | 'editable' | 'helperText'> {\n  field: ControllerRenderProps<T>\n  error?: FieldError\n}\n\nexport const EditorModal = <T extends FieldValues>({\n  label,\n  classes,\n  editable,\n  helperText,\n  field,\n  error,\n  ...props\n}: EditorModalProps<T>) => {\n  const [isModalOpen, setIsModalOpen] = useState(false)\n\n  return (\n    <>\n      <div className='flex flex-1 flex-col'>\n        <InputBase\n          readOnly\n          label={label}\n          classes={{}}\n          {...field}\n          renderValues={() => (\n            <div\n              className={cn('customScrollbar-y peer max-h-[70px] w-full !overflow-auto truncate p-4 pb-[9px] pt-[27px]')}\n              dangerouslySetInnerHTML={{ __html: field.value }}\n            />\n          )}\n          attachmentProps={{\n            icon: <Icon name='general/edit' className='size-5 text-color-tetriary' />\n          }}\n          onClick={() => editable && setIsModalOpen(true)}\n        />\n        <MessageView\n          className={classes?.message}\n          intent={error?.message ? 'error' : 'simple'}\n          text={error?.message || helperText}\n          disabled={!editable}\n        />\n      </div>\n      <Modal\n        classes={{\n          modal: 'max-w-[700px]'\n        }}\n        isModalOpen={isModalOpen}\n        closeModal={() => setIsModalOpen(false)}\n      >\n        <Editor\n          {...field}\n          label={label}\n          editable={editable}\n          error={error}\n          helperText={helperText}\n          classes={{\n            editor: 'min-h-[350px]',\n            ...classes\n          }}\n          {...props}\n        />\n      </Modal>\n    </>\n  )\n}\n"],"names":["EditorModal","label","classes","editable","helperText","field","error","props","isModalOpen","setIsModalOpen","useState","jsxs","Fragment","jsx","InputBase","cn","Icon","MessageView","Modal","Editor"],"mappings":"mZAgBO,MAAMA,EAAc,CAAwB,CACjD,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA2B,CACzB,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAS,EAAK,EAEpD,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAACC,EAAA,CACC,SAAQ,GACR,MAAAb,EACA,QAAS,CAAA,EACR,GAAGI,EACJ,aAAc,IACZQ,EAAC,MAAA,CACC,UAAWE,EAAG,2FAA2F,EACzG,wBAAyB,CAAE,OAAQV,EAAM,KAAA,CAAM,CAAA,EAGnD,gBAAiB,CACf,KAAMQ,EAACG,EAAA,CAAK,KAAK,eAAe,UAAU,4BAAA,CAA6B,CAAA,EAEzE,QAAS,IAAMb,GAAYM,EAAe,EAAI,CAAA,CAAA,EAEhDI,EAACI,EAAA,CACC,UAAWf,GAAS,QACpB,OAAQI,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWF,EACxB,SAAU,CAACD,CAAA,CAAA,CACb,EACF,EACAU,EAACK,EAAA,CACC,QAAS,CACP,MAAO,eAAA,EAET,YAAAV,EACA,WAAY,IAAMC,EAAe,EAAK,EAEtC,SAAAI,EAACM,EAAA,CACE,GAAGd,EACJ,MAAAJ,EACA,SAAAE,EACA,MAAAG,EACA,WAAAF,EACA,QAAS,CACP,OAAQ,gBACR,GAAGF,CAAA,EAEJ,GAAGK,CAAA,CAAA,CACN,CAAA,CACF,EACF,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorWithModal.js

@@ -0,0 +1,2 @@
+import{jsxs as p,Fragment as x,jsx as o}from"react/jsx-runtime";import{Editor as n}from"./Editor.js";import{useBoolean as f}from"../../../../../hooks/useBoolean.js";import{cn as g}from"../../../../../utils/cn.js";import{Icon as h}from"../../../../icon/Icon.js";import{MessageView as u}from"../../../ui/MessageView.js";import{Modal as y}from"../../../../modal/Modal.js";const E=({label:s,classes:r,editable:e,helperText:m,field:i,error:t,modalClasses:c,...d})=>{const[a,l]=f(!1);return p(x,{children:[o(n,{...i,label:s,editable:e,classes:{editor:"min-h-[54px] max-h-[54px]",label:"top-4",...r},attachmentProps:{icon:o("div",{className:g("flex size-[54px] items-center justify-center rounded-md border border-warm-grey-200 bg-color-blue-grey-100 text-color-tetriary transition-colors hover:bg-color-primary-default hover:text-color-white",{"bg-color-primary-default text-color-white":a}),children:o(h,{name:"general/edit",className:"size-4.5"})}),onClickIcon:()=>e&&l(!0)},isModal:!0}),o(u,{className:r?.message,intent:t?.message?"error":"simple",text:t?.message||m,disabled:!e}),o(y,{classes:{modal:"max-w-[1240px]",...c},isModalOpen:a,closeModal:()=>l(!1),children:o(n,{...i,editable:e,label:s,error:t,helperText:m,classes:{editor:"min-h-[350px]",...r},...d})})]})};export{E as EditorWithModal};
+//# sourceMappingURL=EditorWithModal.js.map

package/dist/lib/shared/ui/formElements/controlled/editor/ui/EditorWithModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorWithModal.js","sources":["../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/EditorWithModal.tsx"],"sourcesContent":["import type { ControllerRenderProps, FieldError, FieldValues } from 'react-hook-form'\nimport { MessageView } from '../../../ui'\nimport type { EditorControlProps } from '../EditorControl'\nimport { Editor } from './Editor'\nimport { useBoolean } from '$/shared/hooks'\nimport { Icon, Modal, type ModalProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface EditorWithModalProps<T extends FieldValues>\n  extends Pick<EditorControlProps<T>, 'label' | 'classes' | 'editable' | 'helperText'> {\n  field: ControllerRenderProps<T>\n  error?: FieldError\n  modalClasses?: ModalProps['classes']\n}\n\nexport const EditorWithModal = <T extends FieldValues>({\n  label,\n  classes,\n  editable,\n  helperText,\n  field,\n  error,\n  modalClasses,\n  ...props\n}: EditorWithModalProps<T>) => {\n  const [isModalOpen, modalSetter] = useBoolean(false)\n\n  return (\n    <>\n      <Editor\n        {...field}\n        label={label}\n        editable={editable}\n        classes={{\n          editor: 'min-h-[54px] max-h-[54px]',\n          label: 'top-4',\n          ...classes\n        }}\n        attachmentProps={{\n          icon: (\n            <div\n              className={cn(\n                'flex size-[54px] items-center justify-center rounded-md border border-warm-grey-200 bg-color-blue-grey-100 text-color-tetriary transition-colors hover:bg-color-primary-default hover:text-color-white',\n                { 'bg-color-primary-default text-color-white': isModalOpen }\n              )}\n            >\n              <Icon name='general/edit' className='size-4.5' />\n            </div>\n          ),\n          onClickIcon: () => editable && modalSetter(true)\n        }}\n        isModal\n      />\n      <MessageView\n        className={classes?.message}\n        intent={error?.message ? 'error' : 'simple'}\n        text={error?.message || helperText}\n        disabled={!editable}\n      />\n      <Modal\n        classes={{\n          modal: 'max-w-[1240px]',\n          ...modalClasses\n        }}\n        isModalOpen={isModalOpen}\n        closeModal={() => modalSetter(false)}\n      >\n        <Editor\n          {...field}\n          editable={editable}\n          label={label}\n          error={error}\n          helperText={helperText}\n          classes={{\n            editor: 'min-h-[350px]',\n            ...classes\n          }}\n          {...props}\n        />\n      </Modal>\n    </>\n  )\n}\n"],"names":["EditorWithModal","label","classes","editable","helperText","field","error","modalClasses","props","isModalOpen","modalSetter","useBoolean","jsxs","Fragment","jsx","Editor","cn","Icon","MessageView","Modal"],"mappings":"iXAeO,MAAMA,EAAkB,CAAwB,CACrD,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAA+B,CAC7B,KAAM,CAACC,EAAaC,CAAW,EAAIC,EAAW,EAAK,EAEnD,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAC,EAACC,EAAA,CACE,GAAGV,EACJ,MAAAJ,EACA,SAAAE,EACA,QAAS,CACP,OAAQ,4BACR,MAAO,QACP,GAAGD,CAAA,EAEL,gBAAiB,CACf,KACEY,EAAC,MAAA,CACC,UAAWE,EACT,yMACA,CAAE,4CAA6CP,CAAA,CAAY,EAG7D,SAAAK,EAACG,EAAA,CAAK,KAAK,eAAe,UAAU,UAAA,CAAW,CAAA,CAAA,EAGnD,YAAa,IAAMd,GAAYO,EAAY,EAAI,CAAA,EAEjD,QAAO,EAAA,CAAA,EAETI,EAACI,EAAA,CACC,UAAWhB,GAAS,QACpB,OAAQI,GAAO,QAAU,QAAU,SACnC,KAAMA,GAAO,SAAWF,EACxB,SAAU,CAACD,CAAA,CAAA,EAEbW,EAACK,EAAA,CACC,QAAS,CACP,MAAO,iBACP,GAAGZ,CAAA,EAEL,YAAAE,EACA,WAAY,IAAMC,EAAY,EAAK,EAEnC,SAAAI,EAACC,EAAA,CACE,GAAGV,EACJ,SAAAF,EACA,MAAAF,EACA,MAAAK,EACA,WAAAF,EACA,QAAS,CACP,OAAQ,gBACR,GAAGF,CAAA,EAEJ,GAAGM,CAAA,CAAA,CACN,CAAA,CACF,EACF,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/input/InputControl.js

@@ -1,2 +1,2 @@
-import{jsxs as E,jsx as l}from"react/jsx-runtime";import{useRef as C,useEffect as F}from"react";import{useController as I}from"react-hook-form";import{cn as j}from"../../../../utils/cn.js";import{mergeRefs as N}from"../../../../utils/mergeRefs.js";import{InputBase as P}from"../../uncontrolled/input/Input.js";import{MessageView as R}from"../../ui/MessageView.js";class c extends CustomEvent{constructor(s,o){super(s,o)}}const S=({control:n,name:s,defaultValue:o,disabled:i,rules:f,shouldUnregister:u,helperText:d,classes:p,...a})=>{const r=C(null),{field:m,fieldState:v}=I({control:n,name:s,defaultValue:o,disabled:i,rules:f,shouldUnregister:u}),{error:e,invalid:t,isTouched:h}=v,{message:g,root:w,...x}=p||{};return F(()=>{r.current&&(t&&r.current.dispatchEvent(new c("invalidField",{detail:e})),t||r.current.dispatchEvent(new c("validateField",{detail:e})))},[t]),E("div",{className:j("w-full",w),children:[l(P,{...a,...m,ref:N(r,m.ref),classes:x,invalid:t,attachmentProps:{invalid:t,isTouched:h,withValidateIcons:!0,...a.attachmentProps},"data-error-message":e?.message}),l(R,{text:e?.message||d,className:g,intent:e?"error":"simple",disabled:i})]})};export{S as InputControl};
+import{jsxs as E,jsx as l}from"react/jsx-runtime";import{useRef as C,useEffect as F}from"react";import{useController as I}from"react-hook-form";import{mergeRefs as j}from"../../../../utils/mergeRefs.js";import{cn as N}from"../../../../utils/cn.js";import{InputBase as P}from"../../uncontrolled/input/Input.js";import{MessageView as R}from"../../ui/MessageView.js";class c extends CustomEvent{constructor(s,o){super(s,o)}}const S=({control:n,name:s,defaultValue:o,disabled:i,rules:f,shouldUnregister:u,helperText:d,classes:p,...a})=>{const r=C(null),{field:m,fieldState:v}=I({control:n,name:s,defaultValue:o,disabled:i,rules:f,shouldUnregister:u}),{error:e,invalid:t,isTouched:h}=v,{message:g,root:w,...x}=p||{};return F(()=>{r.current&&(t&&r.current.dispatchEvent(new c("invalidField",{detail:e})),t||r.current.dispatchEvent(new c("validateField",{detail:e})))},[t]),E("div",{className:N("w-full",w),children:[l(P,{...a,...m,ref:j(r,m.ref),classes:x,invalid:t,attachmentProps:{invalid:t,isTouched:h,withValidateIcons:!0,...a.attachmentProps},"data-error-message":e?.message}),l(R,{text:e?.message||d,className:g,intent:e?"error":"simple",disabled:i})]})};export{S as InputControl};
 //# sourceMappingURL=InputControl.js.map

package/dist/lib/shared/ui/formElements/controlled/input/MaskInputControl.js

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as o}from"react/jsx-runtime";import{memo as I}from"react";import{useController as w}from"react-hook-form";import{cn as M}from"../../../../utils/cn.js";import{MaskInput as j}from"../../uncontrolled/maskInput/MaskInput.js";import{MessageView as k}from"../../ui/MessageView.js";const v=({control:m,name:n,defaultValue:a,disabled:t,rules:i,shouldUnregister:c,classes:l,helperText:p,...s})=>{const{field:f,fieldState:u}=w({control:m,name:n,defaultValue:a,disabled:t,rules:i,shouldUnregister:c}),{error:e,invalid:r,isTouched:d}=u,{message:g,container:h,...x}=l||{};return C("div",{className:M("w-full",h),children:[o(j,{...s,...f,invalid:r,classes:x,attachmentProps:{invalid:r,isTouched:d,withValidateIcons:!0,...s.attachmentProps},"data-error-message":e?.message}),o(k,{text:e?.message||p,className:g,intent:e?"error":"simple",disabled:t})]})},y=I(v);export{y as MaskInputControl};
+import{jsxs as C,jsx as o}from"react/jsx-runtime";import{memo as I}from"react";import{useController as w}from"react-hook-form";import{MaskInput as M}from"../../uncontrolled/maskInput/MaskInput.js";import{cn as j}from"../../../../utils/cn.js";import{MessageView as k}from"../../ui/MessageView.js";const v=({control:m,name:n,defaultValue:a,disabled:t,rules:i,shouldUnregister:c,classes:l,helperText:p,...s})=>{const{field:f,fieldState:u}=w({control:m,name:n,defaultValue:a,disabled:t,rules:i,shouldUnregister:c}),{error:e,invalid:r,isTouched:d}=u,{message:g,container:h,...x}=l||{};return C("div",{className:j("w-full",h),children:[o(M,{...s,...f,invalid:r,classes:x,attachmentProps:{invalid:r,isTouched:d,withValidateIcons:!0,...s.attachmentProps},"data-error-message":e?.message}),o(k,{text:e?.message||p,className:g,intent:e?"error":"simple",disabled:t})]})},y=I(v);export{y as MaskInputControl};
 //# sourceMappingURL=MaskInputControl.js.map

package/dist/lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.js

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as t}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{cn as I}from"../../../../utils/cn.js";import{InputCurrencyBase as j}from"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as v}from"../../ui/MessageView.js";const P=({control:o,name:a,rules:n,shouldUnregister:m,disabled:r,defaultValue:i,helperText:c,classes:l,...p})=>{const{field:f,fieldState:u}=w({control:o,name:a,rules:n,shouldUnregister:m,disabled:r,defaultValue:i}),{error:e,invalid:s,isTouched:d}=u,{root:g,input:h,message:x}=l??{};return C("div",{className:I("w-full",g),children:[t(j,{...p,...f,classes:h,invalid:s,attachmentProps:{invalid:s,isTouched:d,withValidateIcons:!1},"data-error-message":e?.message}),t(v,{text:e?.message||c,className:x,intent:e?"error":"simple",disabled:r})]})};export{P as InputCurrencyControl};
+import{jsxs as C,jsx as t}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{InputCurrencyBase as I}from"../../uncontrolled/inputCurrency/InputCurrency.js";import{cn as j}from"../../../../utils/cn.js";import{MessageView as v}from"../../ui/MessageView.js";const P=({control:o,name:a,rules:n,shouldUnregister:m,disabled:r,defaultValue:i,helperText:c,classes:l,...p})=>{const{field:f,fieldState:u}=w({control:o,name:a,rules:n,shouldUnregister:m,disabled:r,defaultValue:i}),{error:e,invalid:s,isTouched:d}=u,{root:g,input:h,message:x}=l??{};return C("div",{className:j("w-full",g),children:[t(I,{...p,...f,classes:h,invalid:s,attachmentProps:{invalid:s,isTouched:d,withValidateIcons:!1},"data-error-message":e?.message}),t(v,{text:e?.message||c,className:x,intent:e?"error":"simple",disabled:r})]})};export{P as InputCurrencyControl};
 //# sourceMappingURL=InputCurrencyControl.js.map

package/dist/lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.js

@@ -1,2 +1,2 @@
-import{jsxs as j,jsx as s}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{cn as C}from"../../../../utils/cn.js";import{InputOtpBase as N}from"../../uncontrolled/inputOtp/InputOtpBase.js";import{MessageView as h}from"../../ui/MessageView.js";const M=({control:t,name:o,defaultValue:a,disabled:r,rules:m,shouldUnregister:n,classes:i,helperText:l,...c})=>{const{field:p,fieldState:f}=v({control:t,name:o,defaultValue:a,disabled:r,rules:m,shouldUnregister:n}),{error:e,invalid:d}=f,{container:u,message:g,...x}=i||{};return j("div",{className:C("w-full",u),children:[s(N,{...p,...c,invalid:d,classes:x,"data-error-message":e?.message}),s("div",{className:"flex justify-center",children:s(h,{text:e?.message||l,className:g,intent:e?"error":"simple",disabled:r})})]})};export{M as InputOtpControl};
+import{jsxs as j,jsx as s}from"react/jsx-runtime";import{useController as v}from"react-hook-form";import{InputOtpBase as C}from"../../uncontrolled/inputOtp/InputOtpBase.js";import{cn as N}from"../../../../utils/cn.js";import{MessageView as h}from"../../ui/MessageView.js";const M=({control:t,name:o,defaultValue:a,disabled:r,rules:m,shouldUnregister:n,classes:i,helperText:l,...c})=>{const{field:p,fieldState:f}=v({control:t,name:o,defaultValue:a,disabled:r,rules:m,shouldUnregister:n}),{error:e,invalid:d}=f,{container:u,message:g,...x}=i||{};return j("div",{className:N("w-full",u),children:[s(C,{...p,...c,invalid:d,classes:x,"data-error-message":e?.message}),s("div",{className:"flex justify-center",children:s(h,{text:e?.message||l,className:g,intent:e?"error":"simple",disabled:r})})]})};export{M as InputOtpControl};
 //# sourceMappingURL=InputOtpControl.js.map

package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupCardControl.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{CarouselNative as s}from"../../../carouselBase/CarouselNative.js";import{RadioGroupControl as a}from"./RadioGroupControl.js";import{cn as n}from"../../../../utils/cn.js";import{RadioItemCard as l}from"../../uncontrolled/radio/ui/RadioItemCard.js";const c=({options:t,...o})=>r(a,{options:t,...o,classes:{...o?.classes,list:n("flex flex-row gap-4  max-w-[540px]  overflow-x-auto",o?.classes?.list)},renderComponent:({options:e,...m})=>r(s,{items:e,renderComponent:i=>r(l,{...m,item:i})})});export{c as RadioGroupCardControl};
+import{jsx as r}from"react/jsx-runtime";import{CarouselNative as s}from"../../../carouselBase/CarouselNative.js";import{RadioGroupControl as a}from"./RadioGroupControl.js";import{RadioItemCard as n}from"../../uncontrolled/radio/ui/RadioItemCard.js";import{cn as l}from"../../../../utils/cn.js";const c=({options:t,...o})=>r(a,{options:t,...o,classes:{...o?.classes,list:l("flex flex-row gap-4  max-w-[540px]  overflow-x-auto",o?.classes?.list)},renderComponent:({options:e,...m})=>r(s,{items:e,renderComponent:i=>r(n,{...m,item:i})})});export{c as RadioGroupCardControl};
 //# sourceMappingURL=RadioGroupCardControl.js.map

package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupTabControl.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{RadioGroupControl as s}from"./RadioGroupControl.js";import{cn as i}from"../../../../utils/cn.js";import{RadioItemTab as m}from"../../uncontrolled/radio/ui/RadioItemTab.js";const c=({options:a,...o})=>r(s,{...o,options:a,classes:{...o?.classes,list:i("flex flex-row flex-wrap gap-x-3 gap-y-4",o?.classes?.list)},renderComponent:({options:l,...t})=>r("div",{className:"flex list-none flex-row flex-wrap gap-x-3 gap-y-4",children:l?.map(e=>r(m,{item:e,...t},e.value))})});export{c as RadioGroupTabControl};
+import{jsx as r}from"react/jsx-runtime";import{RadioGroupControl as s}from"./RadioGroupControl.js";import{RadioItemTab as i}from"../../uncontrolled/radio/ui/RadioItemTab.js";import{cn as m}from"../../../../utils/cn.js";const c=({options:a,...o})=>r(s,{...o,options:a,classes:{...o?.classes,list:m("flex flex-row flex-wrap gap-x-3 gap-y-4",o?.classes?.list)},renderComponent:({options:l,...t})=>r("div",{className:"flex list-none flex-row flex-wrap gap-x-3 gap-y-4",children:l?.map(e=>r(i,{item:e,...t},e.value))})});export{c as RadioGroupTabControl};
 //# sourceMappingURL=RadioGroupTabControl.js.map

package/dist/lib/shared/ui/formElements/controlled/slider/SliderControl.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{useController as C}from"react-hook-form";import{cn as S}from"../../../../utils/cn.js";import{SliderBase as h}from"../../uncontrolled/slider/SliderBase.js";const j=e=>{const{control:r,name:o,defaultValue:l,disabled:t,rules:n,shouldUnregister:i,classes:a,...c}=e,{field:d,fieldState:m}=C({control:r,name:o,defaultValue:l,disabled:t,rules:n,shouldUnregister:i}),{invalid:f}=m,{container:u,...p}=a||{};return s("div",{className:S("w-full",u),children:s(h,{...c,...d,classes:p,invalid:f})})};export{j as SliderControl};
+import{jsx as s}from"react/jsx-runtime";import{useController as C}from"react-hook-form";import{SliderBase as S}from"../../uncontrolled/slider/SliderBase.js";import{cn as h}from"../../../../utils/cn.js";const j=e=>{const{control:r,name:o,defaultValue:l,disabled:t,rules:n,shouldUnregister:i,classes:a,...c}=e,{field:d,fieldState:m}=C({control:r,name:o,defaultValue:l,disabled:t,rules:n,shouldUnregister:i}),{invalid:f}=m,{container:u,...p}=a||{};return s("div",{className:h("w-full",u),children:s(S,{...c,...d,classes:p,invalid:f})})};export{j as SliderControl};
 //# sourceMappingURL=SliderControl.js.map

package/dist/lib/shared/ui/formElements/controlled/switch/SwitchControl.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as o}from"react/jsx-runtime";import{useId as B}from"react";import{useController as F}from"react-hook-form";import{cn as r}from"../../../../utils/cn.js";import{SwitchBase as I}from"../../uncontrolled/switch/Switch.js";import{Popover as z}from"../../../popover/Popover.js";import{Icon as E}from"../../../icon/Icon.js";import{MessageView as M}from"../../ui/MessageView.js";const K=({classes:m,className:i,control:f,name:d,rules:g,defaultValue:p,disabled:e,shouldUnregister:x,children:h,helperText:t,tooltip:c,popoverProps:u,...C})=>{const{field:v,fieldState:y}=F({control:f,name:d,rules:g,defaultValue:p,disabled:e,shouldUnregister:x}),{value:N,onChange:b,...k}=v,{invalid:w,error:s}=y,{container:S,message:a,...j}=m||{},n=B();return l("div",{className:r("flex flex-col",{"pointer-events-none":e},i,S),children:[l("div",{className:"flex items-center gap-2",children:[o(I,{...C,...k,invalid:w,classes:j,id:n,checked:N,onCheckedChange:b,"data-error-message":s?.message}),l("label",{htmlFor:n,className:r("mob-body-regular-l text-color-dark",{"flex flex-col":!!t,"text-color-disabled":e}),children:[h,t&&o("p",{className:r("mob-body-regular-s text-color-tetriary",{"text-color-disabled":e},a),children:t})]}),c&&o(z,{side:"top",classes:{root:"self-start py-[2px]"},triggerElement:o(E,{name:"info/helpCircle",className:r("size-4 text-color-blue-grey-600",{"text-icon-blue-grey-100":e})}),...u,children:c})]}),s&&o(M,{text:s.message,className:a,intent:"error",disabled:e})]})};export{K as SwitchControl};
+import{jsxs as l,jsx as o}from"react/jsx-runtime";import{useId as B}from"react";import{useController as F}from"react-hook-form";import{SwitchBase as I}from"../../uncontrolled/switch/Switch.js";import{cn as r}from"../../../../utils/cn.js";import{Popover as z}from"../../../popover/Popover.js";import{Icon as E}from"../../../icon/Icon.js";import{MessageView as M}from"../../ui/MessageView.js";const K=({classes:m,className:i,control:f,name:d,rules:g,defaultValue:p,disabled:e,shouldUnregister:x,children:h,helperText:t,tooltip:c,popoverProps:u,...C})=>{const{field:v,fieldState:y}=F({control:f,name:d,rules:g,defaultValue:p,disabled:e,shouldUnregister:x}),{value:N,onChange:b,...k}=v,{invalid:w,error:s}=y,{container:S,message:a,...j}=m||{},n=B();return l("div",{className:r("flex flex-col",{"pointer-events-none":e},i,S),children:[l("div",{className:"flex items-center gap-2",children:[o(I,{...C,...k,invalid:w,classes:j,id:n,checked:N,onCheckedChange:b,"data-error-message":s?.message}),l("label",{htmlFor:n,className:r("mob-body-regular-l text-color-dark",{"flex flex-col":!!t,"text-color-disabled":e}),children:[h,t&&o("p",{className:r("mob-body-regular-s text-color-tetriary",{"text-color-disabled":e},a),children:t})]}),c&&o(z,{side:"top",classes:{root:"self-start py-[2px]"},triggerElement:o(E,{name:"info/helpCircle",className:r("size-4 text-color-blue-grey-600",{"text-icon-blue-grey-100":e})}),...u,children:c})]}),s&&o(M,{text:s.message,className:a,intent:"error",disabled:e})]})};export{K as SwitchControl};
 //# sourceMappingURL=SwitchControl.js.map

package/dist/lib/shared/ui/formElements/controlled/textarea/TextareaControl.js

@@ -1,2 +1,2 @@
-import{jsxs as v,jsx as a}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{cn as C}from"../../../../utils/cn.js";import{TextareaBase as T}from"../../uncontrolled/textarea/Textarea.js";import{MessageView as j}from"../../ui/MessageView.js";const M=({classes:o,control:i,name:m,rules:n,disabled:s,defaultValue:l,shouldUnregister:c,helperText:f,...t})=>{const{field:d,fieldState:p}=w({control:i,name:m,rules:n,disabled:s,defaultValue:l,shouldUnregister:c}),{error:e,invalid:r,isTouched:x}=p,{message:g,root:h,...u}=o||{};return v("div",{className:C("w-full",h),children:[a(T,{...t,...d,"aria-invalid":r,invalid:r,classes:u,attachmentProps:{invalid:r,isTouched:x,withValidateIcons:!0,...t.attachmentProps},"data-error-message":e?.message}),a(j,{text:e?.message||f,className:g,intent:e?"error":"simple",disabled:s})]})};export{M as TextareaControl};
+import{jsxs as v,jsx as a}from"react/jsx-runtime";import{useController as w}from"react-hook-form";import{TextareaBase as C}from"../../uncontrolled/textarea/Textarea.js";import{cn as T}from"../../../../utils/cn.js";import{MessageView as j}from"../../ui/MessageView.js";const M=({classes:o,control:i,name:m,rules:n,disabled:s,defaultValue:l,shouldUnregister:c,helperText:f,...t})=>{const{field:d,fieldState:p}=w({control:i,name:m,rules:n,disabled:s,defaultValue:l,shouldUnregister:c}),{error:e,invalid:r,isTouched:x}=p,{message:g,root:h,...u}=o||{};return v("div",{className:T("w-full",h),children:[a(C,{...t,...d,"aria-invalid":r,invalid:r,classes:u,attachmentProps:{invalid:r,isTouched:x,withValidateIcons:!0,...t.attachmentProps},"data-error-message":e?.message}),a(j,{text:e?.message||f,className:g,intent:e?"error":"simple",disabled:s})]})};export{M as TextareaControl};
 //# sourceMappingURL=TextareaControl.js.map

package/dist/lib/shared/ui/formElements/controlled/uploader/UploaderControl.js

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as s}from"react/jsx-runtime";import{useController as j}from"react-hook-form";import{cn as v}from"../../../../utils/cn.js";import{UploaderBase as w}from"../../uncontrolled/uploader/UploaderBase.js";import{MessageView as N}from"../../ui/MessageView.js";const V=({control:o,name:t,defaultValue:a,rules:m,shouldUnregister:l,classes:i,helperText:n,disabled:r,...c})=>{const{field:p,fieldState:f}=j({control:o,name:t,defaultValue:a,rules:m,shouldUnregister:l}),{error:e,invalid:d}=f,{message:g,container:x,...u}=i||{};return C("div",{className:v("w-full",x),children:[s(w,{...c,...p,invalid:d,disabled:r,classes:u,"data-error-message":e?.message}),s(N,{text:e?.message||n,className:g,intent:e?"error":"simple",disabled:r})]})};export{V as UploaderControl};
+import{jsxs as C,jsx as s}from"react/jsx-runtime";import{useController as j}from"react-hook-form";import{UploaderBase as v}from"../../uncontrolled/uploader/UploaderBase.js";import{cn as w}from"../../../../utils/cn.js";import{MessageView as N}from"../../ui/MessageView.js";const V=({control:o,name:t,defaultValue:a,rules:m,shouldUnregister:l,classes:i,helperText:n,disabled:r,...c})=>{const{field:p,fieldState:f}=j({control:o,name:t,defaultValue:a,rules:m,shouldUnregister:l}),{error:e,invalid:d}=f,{message:g,container:x,...u}=i||{};return C("div",{className:w("w-full",x),children:[s(v,{...c,...p,invalid:d,disabled:r,classes:u,"data-error-message":e?.message}),s(N,{text:e?.message||n,className:g,intent:e?"error":"simple",disabled:r})]})};export{V as UploaderControl};
 //# sourceMappingURL=UploaderControl.js.map

package/dist/lib/shared/ui/formElements/index.js

@@ -1,2 +1,2 @@
-import{Uncontrolled as t}from"./uncontrolled/index.js";import{Controlled as p}from"./controlled/index.js";import{AutocompleteBase as m}from"./uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as f}from"./uncontrolled/checkbox/Checkbox.js";import{Combobox as l}from"./uncontrolled/combobox/combobox.js";import{DayPickerBase as d}from"./uncontrolled/dayPicker/DayPicker.js";import{InputBase as u}from"./uncontrolled/input/Input.js";import{InputOtpBase as B}from"./uncontrolled/inputOtp/InputOtpBase.js";import{MaskInput as c}from"./uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as y}from"./uncontrolled/radio/RadioGroup.js";import{RadioItem as R}from"./uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as T}from"./uncontrolled/radio/ui/RadioItemCard.js";import{RadioItemTab as A}from"./uncontrolled/radio/ui/RadioItemTab.js";import{SliderBase as S}from"./uncontrolled/slider/SliderBase.js";import{SwitchBase as M}from"./uncontrolled/switch/Switch.js";import{TextareaBase as U}from"./uncontrolled/textarea/Textarea.js";import{UploaderBase as P}from"./uncontrolled/uploader/UploaderBase.js";import{bytesToMegabytes as E,megabytesToBytes as F}from"./uncontrolled/uploader/model/helpers.js";import{InputCurrencyBase as q}from"./uncontrolled/inputCurrency/InputCurrency.js";import{AutocompleteControl as H}from"./controlled/autocomplete/AutocompleteControl.js";import{CheckboxControl as K}from"./controlled/checkbox/CheckboxControl.js";import{DadataOrganization as N}from"./controlled/dadata/party/DadataOrganization.js";import{DadataAddress as V}from"./controlled/dadata/address/DadataAddress.js";import{DadataAuto as X}from"./controlled/dadata/auto/DadataAuto.js";import{DadataCountry as Z}from"./controlled/dadata/country/DadataCountry.js";import{DadataFio as $}from"./controlled/dadata/fio/DadataFio.js";import{DayPickerControl as ro}from"./controlled/dayPickerControl/dayPickerControl.js";import{EditorControl as eo}from"./controlled/editor/EditorControl.js";import{InputControl as ao}from"./controlled/input/InputControl.js";import{MaskInputControl as xo}from"./controlled/input/MaskInputControl.js";import{InputCurrencyControl as no}from"./controlled/inputCurrency/InputCurrencyControl.js";import{InputOtpControl as Co}from"./controlled/inputOtp/InputOtpControl.js";import{RadioGroupControl as uo}from"./controlled/radio/RadioGroupControl.js";import{RadioGroupTabControl as Bo}from"./controlled/radio/RadioGroupTabControl.js";import{RadioGroupCardControl as co}from"./controlled/radio/RadioGroupCardControl.js";import{SliderControl as yo}from"./controlled/slider/SliderControl.js";import{SwitchControl as Ro}from"./controlled/switch/SwitchControl.js";import{TextareaControl as To}from"./controlled/textarea/TextareaControl.js";import{UploaderControl as Ao}from"./controlled/uploader/UploaderControl.js";import{ComboboxControl as So}from"./controlled/combobox/ComboboxControl.js";export{m as AutocompleteBase,H as AutocompleteControl,f as CheckboxBase,K as CheckboxControl,l as Combobox,So as ComboboxControl,p as Controlled,V as DadataAddress,X as DadataAuto,Z as DadataCountry,$ as DadataFio,N as DadataOrganization,d as DayPickerBase,ro as DayPickerControl,eo as EditorControl,u as InputBase,ao as InputControl,q as InputCurrencyBase,no as InputCurrencyControl,B as InputOtpBase,Co as InputOtpControl,c as MaskInput,xo as MaskInputControl,y as RadioGroupBase,co as RadioGroupCardControl,uo as RadioGroupControl,Bo as RadioGroupTabControl,R as RadioItem,T as RadioItemCard,A as RadioItemTab,S as SliderBase,yo as SliderControl,M as SwitchBase,Ro as SwitchControl,U as TextareaBase,To as TextareaControl,t as Uncontrolled,P as UploaderBase,Ao as UploaderControl,E as bytesToMegabytes,F as megabytesToBytes};
+import{Uncontrolled as t}from"./uncontrolled/index.js";import{Controlled as p}from"./controlled/index.js";import{AutocompleteBase as m}from"./uncontrolled/autocomplete/Autocomplete.js";import{AutocompleteControl as f}from"./controlled/autocomplete/AutocompleteControl.js";import{CheckboxBase as l}from"./uncontrolled/checkbox/Checkbox.js";import{CheckboxControl as d}from"./controlled/checkbox/CheckboxControl.js";import{Combobox as u}from"./uncontrolled/combobox/combobox.js";import{ComboboxControl as B}from"./controlled/combobox/ComboboxControl.js";import{DadataAddress as c}from"./controlled/dadata/address/DadataAddress.js";import{DadataAuto as y}from"./controlled/dadata/auto/DadataAuto.js";import{DadataCountry as R}from"./controlled/dadata/country/DadataCountry.js";import{DadataFio as T}from"./controlled/dadata/fio/DadataFio.js";import{DadataOrganization as A}from"./controlled/dadata/party/DadataOrganization.js";import{DayPickerBase as S}from"./uncontrolled/dayPicker/DayPicker.js";import{DayPickerControl as M}from"./controlled/dayPickerControl/dayPickerControl.js";import{EditorControl as U}from"./controlled/editor/EditorControl.js";import{InputBase as P}from"./uncontrolled/input/Input.js";import{InputControl as E}from"./controlled/input/InputControl.js";import{InputCurrencyBase as j}from"./uncontrolled/inputCurrency/InputCurrency.js";import{InputCurrencyControl as v}from"./controlled/inputCurrency/InputCurrencyControl.js";import{InputOtpBase as J}from"./uncontrolled/inputOtp/InputOtpBase.js";import{InputOtpControl as L}from"./controlled/inputOtp/InputOtpControl.js";import{MaskInput as Q}from"./uncontrolled/maskInput/MaskInput.js";import{MaskInputControl as W}from"./controlled/input/MaskInputControl.js";import{RadioGroupBase as Y}from"./uncontrolled/radio/RadioGroup.js";import{RadioGroupCardControl as _}from"./controlled/radio/RadioGroupCardControl.js";import{RadioGroupControl as oo}from"./controlled/radio/RadioGroupControl.js";import{RadioGroupTabControl as to}from"./controlled/radio/RadioGroupTabControl.js";import{RadioItem as po}from"./uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as mo}from"./uncontrolled/radio/ui/RadioItemCard.js";import{RadioItemTab as fo}from"./uncontrolled/radio/ui/RadioItemTab.js";import{SliderBase as lo}from"./uncontrolled/slider/SliderBase.js";import{SliderControl as so}from"./controlled/slider/SliderControl.js";import{SwitchBase as io}from"./uncontrolled/switch/Switch.js";import{SwitchControl as bo}from"./controlled/switch/SwitchControl.js";import{TextareaBase as Io}from"./uncontrolled/textarea/Textarea.js";import{TextareaControl as Do}from"./controlled/textarea/TextareaControl.js";import{UploaderBase as ko}from"./uncontrolled/uploader/UploaderBase.js";import{UploaderControl as ho}from"./controlled/uploader/UploaderControl.js";import{bytesToMegabytes as Go,megabytesToBytes as So}from"./uncontrolled/uploader/model/helpers.js";export{m as AutocompleteBase,f as AutocompleteControl,l as CheckboxBase,d as CheckboxControl,u as Combobox,B as ComboboxControl,p as Controlled,c as DadataAddress,y as DadataAuto,R as DadataCountry,T as DadataFio,A as DadataOrganization,S as DayPickerBase,M as DayPickerControl,U as EditorControl,P as InputBase,E as InputControl,j as InputCurrencyBase,v as InputCurrencyControl,J as InputOtpBase,L as InputOtpControl,Q as MaskInput,W as MaskInputControl,Y as RadioGroupBase,_ as RadioGroupCardControl,oo as RadioGroupControl,to as RadioGroupTabControl,po as RadioItem,mo as RadioItemCard,fo as RadioItemTab,lo as SliderBase,so as SliderControl,io as SwitchBase,bo as SwitchControl,Io as TextareaBase,Do as TextareaControl,t as Uncontrolled,ko as UploaderBase,ho as UploaderControl,Go as bytesToMegabytes,So as megabytesToBytes};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/formElements/ui/fieldAttachment/FieldAttachment.js

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as m}from"react/jsx-runtime";import{cn as p}from"../../../../utils/cn.js";import{IconSlot as s}from"./ui/IconSlot.js";import{ValidateSlot as x}from"./ui/ValidateSlot.js";const S=({badge:e,invalid:o,isTouched:i,withValidateIcons:n,icon:r,onClickIcon:l,onKeyDownIcon:a,classes:t,disabled:c})=>{const d=!o&&i;return f("div",{className:p("mr-4 flex items-center gap-4",t?.fieldAttachmentRoot),children:[r&&m(s,{disabled:c,icon:r,onClickIcon:l,onKeyDownIcon:a,classes:t}),m(x,{badge:e,isInvalid:o,isValid:d,withValidateIcons:n,classes:t})]})};export{S as FieldAttachment};
+import{jsxs as f,jsx as m}from"react/jsx-runtime";import{IconSlot as p}from"./ui/IconSlot.js";import{ValidateSlot as s}from"./ui/ValidateSlot.js";import{cn as x}from"../../../../utils/cn.js";const S=({badge:e,invalid:o,isTouched:i,withValidateIcons:n,icon:r,onClickIcon:l,onKeyDownIcon:a,classes:t,disabled:c})=>{const d=!o&&i;return f("div",{className:x("mr-4 flex items-center gap-4",t?.fieldAttachmentRoot),children:[r&&m(p,{disabled:c,icon:r,onClickIcon:l,onKeyDownIcon:a,classes:t}),m(s,{badge:e,isInvalid:o,isValid:d,withValidateIcons:n,classes:t})]})};export{S as FieldAttachment};
 //# sourceMappingURL=FieldAttachment.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js

@@ -1,2 +1,2 @@
-import{jsxs as K,jsx as t}from"react/jsx-runtime";import{forwardRef as S}from"react";import{useFloating as U,autoUpdate as q,flip as J,offset as Q}from"@floating-ui/react";import{AnimatePresence as V,motion as W}from"framer-motion";import{useCombobox as X}from"./hooks/useCombobox.js";import{useKeyboardNavigation as Y}from"./hooks/useKeyboardNavigation.js";import{useClickOutsideMany as Z}from"../../../../hooks/useClickOutsideMany.js";import{cn as s}from"../../../../utils/cn.js";import{InputBase as _}from"../input/Input.js";import{Portal as $}from"../../../portal/Portal.js";import{TypeGuards as oo}from"../../../../utils/typeGuards.js";import{DropdownList as eo}from"../../../dropdownList/DropdownList.js";import{Icon as to}from"../../../icon/Icon.js";import{stringifyComboboxValue as y}from"./model/utils.js";const ro=({options:b,multiple:m,value:a,onChange:w,defaultOpen:x,attachmentProps:I,searchable:r,invalid:d,displayValue:p,label:R,disabled:c,readOnly:g,className:k,externalHandlers:i,inputValue:C,filterDisabled:B,onInputChange:A,empty:F,classes:f,portal:L=globalThis?globalThis?.document?.body:void 0,...l},N)=>{const P=l["data-error-message"],{floating:T,...M}=f?.list??{},{refs:e,floatingStyles:O}=U({placement:"bottom-start",strategy:"absolute",middleware:[J({boundary:"clippingAncestors",crossAxis:!1}),Q(4)],whileElementsMounted:q}),{open:u,setOpen:n,state:j,changeHandler:v,options:h,search:z,onInputChange:E}=X({multiple:m,value:a,onChange:w,searchable:r,defaultOpen:x,displayValue:p,initialOptions:b,filterDisabled:B,externalHandlers:i,externalInputValue:C,externalOnInputChange:A});Y({ref:e.domReference,openChangeHandler:n});const H=()=>a?m&&r?y(a):r?z:y(a):"",D=o=>{o.target&&o.relatedTarget&&n(!1)};Z([e.floating,e.reference],()=>n(!1));const G=L??e.domReference.current;return K("div",{ref:e.setReference,className:s("relative w-full",f?.root,k),children:[t(_,{ref:N,label:R,invalid:d,readOnly:g||!r,value:C||H(),onChange:E,disabled:c,onClick:o=>{u||n(!0),i?.clickHandler?.(o)},onBlur:o=>{i?.blurHandler?.(o),D(o),l?.onBlur?.(o)},onFocus:i?.focusHandler,classes:{input:s({"cursor-pointer":!r,"cursor-default":c,"pointer-events-none":c||g}),...f?.input},autoComplete:"off",attachmentProps:{icon:t(to,{name:"arrows/arrowRight",className:s("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":u,"text-color-negative":d})}),onClickIcon:()=>n(o=>!o),...I},"data-id":"combobox-input","data-error-message":P,dataLayers:l?.dataLayers}),t($,{root:G,children:t(V,{children:u&&t(W.div,{ref:e.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:s("z-[1000]",T),style:{...O,width:e.reference.current?.getBoundingClientRect().width},children:oo.isArrayFilled(h)&&t(eo,{empty:F,options:h,multiple:m,onPick:v,value:j,displayValue:p,classes:M,target:e.domReference})})})})]})},bo=S(ro);export{bo as Combobox};
+import{jsxs as K,jsx as t}from"react/jsx-runtime";import{forwardRef as S}from"react";import{useFloating as U,autoUpdate as q,flip as J,offset as Q}from"@floating-ui/react";import{AnimatePresence as V,motion as W}from"framer-motion";import{useCombobox as X}from"./hooks/useCombobox.js";import{useKeyboardNavigation as Y}from"./hooks/useKeyboardNavigation.js";import{useClickOutsideMany as Z}from"../../../../hooks/useClickOutsideMany.js";import{InputBase as _}from"../input/Input.js";import{cn as s}from"../../../../utils/cn.js";import{Portal as $}from"../../../portal/Portal.js";import{TypeGuards as oo}from"../../../../utils/typeGuards.js";import{DropdownList as eo}from"../../../dropdownList/DropdownList.js";import{Icon as to}from"../../../icon/Icon.js";import{stringifyComboboxValue as y}from"./model/utils.js";const ro=({options:b,multiple:m,value:a,onChange:w,defaultOpen:x,attachmentProps:I,searchable:r,invalid:d,displayValue:p,label:R,disabled:c,readOnly:g,className:k,externalHandlers:i,inputValue:C,filterDisabled:B,onInputChange:A,empty:F,classes:f,portal:L=globalThis?globalThis?.document?.body:void 0,...l},N)=>{const P=l["data-error-message"],{floating:T,...M}=f?.list??{},{refs:e,floatingStyles:O}=U({placement:"bottom-start",strategy:"absolute",middleware:[J({boundary:"clippingAncestors",crossAxis:!1}),Q(4)],whileElementsMounted:q}),{open:u,setOpen:n,state:j,changeHandler:v,options:h,search:z,onInputChange:E}=X({multiple:m,value:a,onChange:w,searchable:r,defaultOpen:x,displayValue:p,initialOptions:b,filterDisabled:B,externalHandlers:i,externalInputValue:C,externalOnInputChange:A});Y({ref:e.domReference,openChangeHandler:n});const H=()=>a?m&&r?y(a):r?z:y(a):"",D=o=>{o.target&&o.relatedTarget&&n(!1)};Z([e.floating,e.reference],()=>n(!1));const G=L??e.domReference.current;return K("div",{ref:e.setReference,className:s("relative w-full",f?.root,k),children:[t(_,{ref:N,label:R,invalid:d,readOnly:g||!r,value:C||H(),onChange:E,disabled:c,onClick:o=>{u||n(!0),i?.clickHandler?.(o)},onBlur:o=>{i?.blurHandler?.(o),D(o),l?.onBlur?.(o)},onFocus:i?.focusHandler,classes:{input:s({"cursor-pointer":!r,"cursor-default":c,"pointer-events-none":c||g}),...f?.input},autoComplete:"off",attachmentProps:{icon:t(to,{name:"arrows/arrowRight",className:s("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":u,"text-color-negative":d})}),onClickIcon:()=>n(o=>!o),...I},"data-id":"combobox-input","data-error-message":P,dataLayers:l?.dataLayers}),t($,{root:G,children:t(V,{children:u&&t(W.div,{ref:e.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:s("z-[1000]",T),style:{...O,width:e.reference.current?.getBoundingClientRect().width},children:oo.isArrayFilled(h)&&t(eo,{empty:F,options:h,multiple:m,onPick:v,value:j,displayValue:p,classes:M,target:e.domReference})})})})]})},bo=S(ro);export{bo as Combobox};
 //# sourceMappingURL=combobox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as B}from"react/jsx-runtime";import{forwardRef as F,useRef as M,useState as l}from"react";import{createPortal as T}from"react-dom";import{format as C,parse as j,isValid as _}from"date-fns";import{AnimatePresence as q}from"framer-motion";import{DATE_VISIBLE_PATTERN as m}from"../../../calendar/model/utils.js";import{cn as x}from"../../../../utils/cn.js";import{MaskInput as v}from"../maskInput/MaskInput.js";import{Calendar as H}from"../../../calendar/Calendar.js";import{useClickOutside as K}from"../../../../hooks/useClickOutside.js";import{Icon as L}from"../../../icon/Icon.js";const $=F(({defaultOpen:y=!1,value:f,onChange:t,disabled:r,externalHandlers:k,classes:w,...u},O)=>{const{onChange:o,onFocus:d,...I}=k||{},p=M(null),[P,n]=l(y),g=()=>{n(e=>!e)},[S,s]=l(new Date),[R,D]=l(C(new Date,m));K(p,()=>n(!1));const V=f?new Date(f):new Date,N=e=>{if(D(e),!/^(\d{2})\.(\d{2})\.(\d{4})$/.test(e))return;const c=j(e,m,new Date);if(_(c)){const h=c.toISOString();t&&t(h),o&&o(h),s(c)}},b=e=>{s(e);const i=e.toISOString();t&&t(i),o&&o(i),D(C(e,m)),n(!1)},{root:E,input:A}=w||{};return a("div",{ref:p,className:x("relative w-full",E),children:B(q,{mode:"sync",children:[a(v,{ref:O,...u,...I,disabled:r,mask:"##.##.####",classes:A,value:R,onChange:e=>N(e.target.value),autoComplete:"off",onFocus:e=>{n(!0),d&&d(e)},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&g()},attachmentProps:{...u.attachmentProps,icon:a(L,{name:"general/calendar",className:x("text-icon-blue-grey-600",{"text-icon-disabled":r})}),onClickIcon:g,disabled:r}}),P&&T(a(H,{required:!0,mode:"single",month:S,onMonthChange:s,selected:V,onSelect:b,className:"absolute right-0 top-full"}),document.body)]})})});$.displayName="DayPickerBase";export{$ as DayPickerBase};
+import{jsx as a,jsxs as B}from"react/jsx-runtime";import{forwardRef as F,useRef as M,useState as l}from"react";import{createPortal as T}from"react-dom";import{format as C,parse as j,isValid as _}from"date-fns";import{AnimatePresence as q}from"framer-motion";import{DATE_VISIBLE_PATTERN as m}from"../../../calendar/model/utils.js";import{MaskInput as v}from"../maskInput/MaskInput.js";import{cn as x}from"../../../../utils/cn.js";import{Calendar as H}from"../../../calendar/Calendar.js";import{useClickOutside as K}from"../../../../hooks/useClickOutside.js";import{Icon as L}from"../../../icon/Icon.js";const $=F(({defaultOpen:y=!1,value:f,onChange:t,disabled:r,externalHandlers:k,classes:w,...u},O)=>{const{onChange:o,onFocus:d,...I}=k||{},p=M(null),[P,n]=l(y),g=()=>{n(e=>!e)},[S,s]=l(new Date),[R,D]=l(C(new Date,m));K(p,()=>n(!1));const V=f?new Date(f):new Date,N=e=>{if(D(e),!/^(\d{2})\.(\d{2})\.(\d{4})$/.test(e))return;const c=j(e,m,new Date);if(_(c)){const h=c.toISOString();t&&t(h),o&&o(h),s(c)}},b=e=>{s(e);const i=e.toISOString();t&&t(i),o&&o(i),D(C(e,m)),n(!1)},{root:E,input:A}=w||{};return a("div",{ref:p,className:x("relative w-full",E),children:B(q,{mode:"sync",children:[a(v,{ref:O,...u,...I,disabled:r,mask:"##.##.####",classes:A,value:R,onChange:e=>N(e.target.value),autoComplete:"off",onFocus:e=>{n(!0),d&&d(e)},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&g()},attachmentProps:{...u.attachmentProps,icon:a(L,{name:"general/calendar",className:x("text-icon-blue-grey-600",{"text-icon-disabled":r})}),onClickIcon:g,disabled:r}}),P&&T(a(H,{required:!0,mode:"single",month:S,onMonthChange:s,selected:V,onSelect:b,className:"absolute right-0 top-full"}),document.body)]})})});$.displayName="DayPickerBase";export{$ as DayPickerBase};
 //# sourceMappingURL=DayPicker.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js

@@ -1,2 +1,2 @@
-import{jsxs as P,jsx as e}from"react/jsx-runtime";import{forwardRef as R}from"react";import{useFloating as v,autoUpdate as F,flip as O,offset as b,useClick as A,useInteractions as B}from"@floating-ui/react";import{AnimatePresence as M,motion as j}from"framer-motion";import{useCurrencyControl as L}from"./hooks/useCurrencyControl.js";import{useCurrencyFormat as N}from"./hooks/useCurrencyFormat.js";import{InputBase as z}from"../input/Input.js";import{mergeRefs as D}from"../../../../utils/mergeRefs.js";import{CurrencyIcon as E}from"./ui/CurrencyIcon.js";import{DropdownList as H}from"../../../dropdownList/DropdownList.js";import{cn as m}from"../../../../utils/cn.js";import{useClickOutside as S}from"../../../../hooks/useClickOutside.js";import{Portal as U}from"../../../portal/Portal.js";const ee=R(({classes:t,value:r,onChange:l,currencies:s,portal:f=document.body,attachmentProps:p,...u},d)=>{const{currency:a,onCurrencyChange:g,onInputChange:C,open:n,setOpen:i}=L({currencies:s,value:r,onChange:l}),{refs:o,floatingStyles:y,context:h}=v({middleware:[O({boundary:"clippingAncestors",crossAxis:!1}),b(4)],whileElementsMounted:F,open:n,onOpenChange:i}),w=A(h,{ignoreMouse:!0,keyboardHandlers:!0,stickIfOpen:!0}),{getReferenceProps:k,getFloatingProps:x}=B([w]);S(o.floating,()=>i(!1));const c=N(r.value);return P("div",{...k({ref:o.setReference,className:m("relative w-full",t?.root)}),children:[e(z,{ref:D(d,c),...u,autoComplete:"off",inputMode:"decimal",value:r.value,onChange:C,classes:t?.input,attachmentProps:{classes:{icon:"flex items-center gap-2 w-max"},icon:e(E,{currency:a,open:n}),onClickIcon:()=>i(I=>!I),...p}}),e(U,{root:f,children:e(M,{children:n&&e(j.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},...x({ref:o.setFloating,className:m("z-[1000]"),style:{...y,width:o.reference.current?.getBoundingClientRect().width}}),children:e(H,{target:c,options:s,value:a,onPick:g,classes:t?.dropdownList})})})})]})});export{ee as InputCurrencyBase};
+import{jsxs as P,jsx as e}from"react/jsx-runtime";import{forwardRef as R}from"react";import{useFloating as v,autoUpdate as F,flip as O,offset as b,useClick as A,useInteractions as B}from"@floating-ui/react";import{AnimatePresence as M,motion as j}from"framer-motion";import{useCurrencyControl as L}from"./hooks/useCurrencyControl.js";import{useCurrencyFormat as N}from"./hooks/useCurrencyFormat.js";import{InputBase as z}from"../input/Input.js";import{CurrencyIcon as D}from"./ui/CurrencyIcon.js";import{mergeRefs as E}from"../../../../utils/mergeRefs.js";import{DropdownList as H}from"../../../dropdownList/DropdownList.js";import{cn as m}from"../../../../utils/cn.js";import{useClickOutside as S}from"../../../../hooks/useClickOutside.js";import{Portal as U}from"../../../portal/Portal.js";const ee=R(({classes:t,value:r,onChange:l,currencies:s,portal:f=document.body,attachmentProps:p,...u},d)=>{const{currency:a,onCurrencyChange:g,onInputChange:C,open:n,setOpen:i}=L({currencies:s,value:r,onChange:l}),{refs:o,floatingStyles:y,context:h}=v({middleware:[O({boundary:"clippingAncestors",crossAxis:!1}),b(4)],whileElementsMounted:F,open:n,onOpenChange:i}),w=A(h,{ignoreMouse:!0,keyboardHandlers:!0,stickIfOpen:!0}),{getReferenceProps:k,getFloatingProps:x}=B([w]);S(o.floating,()=>i(!1));const c=N(r.value);return P("div",{...k({ref:o.setReference,className:m("relative w-full",t?.root)}),children:[e(z,{ref:E(d,c),...u,autoComplete:"off",inputMode:"decimal",value:r.value,onChange:C,classes:t?.input,attachmentProps:{classes:{icon:"flex items-center gap-2 w-max"},icon:e(D,{currency:a,open:n}),onClickIcon:()=>i(I=>!I),...p}}),e(U,{root:f,children:e(M,{children:n&&e(j.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},...x({ref:o.setFloating,className:m("z-[1000]"),style:{...y,width:o.reference.current?.getBoundingClientRect().width}}),children:e(H,{target:c,options:s,value:a,onPick:g,classes:t?.dropdownList})})})})]})});export{ee as InputCurrencyBase};
 //# sourceMappingURL=InputCurrency.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js

@@ -1,2 +1,2 @@
-import{jsx as o,Fragment as C}from"react/jsx-runtime";import{forwardRef as g,useRef as I,useEffect as R}from"react";import{OTPInput as h,REGEXP_ONLY_DIGITS as N}from"input-otp";import{cn as f}from"../../../../utils/cn.js";import{mergeRefs as O}from"../../../../utils/mergeRefs.js";import{InputOTPSlot as w}from"./ui/InputOtpSlot.js";const v=g(({value:a,onChange:p,classes:t,maxLength:e=4,initialFocus:m=!0,externalHandlers:r,invalid:u,dataLayers:l,...s},d)=>{const n=I(null);return R(()=>{n.current&&m&&n.current.focus()},[m]),o(C,{children:o(h,{pattern:N,value:a??"",onChange:i=>{p?.(i),r?.onChange?.(i)},ref:O(n,d),containerClassName:f("flex items-center w-full",t?.inputContainer),className:f("disabled:cursor-not-allowed",t?.input),onClick:r?.onClick,maxLength:e,onBlur:r?.onBlur,"aria-invalid":u,onFocus:r?.onFocus,"data-layer-id":l?.targetId,...s,children:o("div",{className:f("m-auto flex w-max items-center gap-4",t?.container),children:e>0&&Array.from({length:e},(i,c)=>o(w,{invalid:u,index:c},c))})})})});export{v as InputOtpBase};
+import{jsx as o,Fragment as C}from"react/jsx-runtime";import{forwardRef as g,useRef as I,useEffect as R}from"react";import{OTPInput as h,REGEXP_ONLY_DIGITS as N}from"input-otp";import{InputOTPSlot as O}from"./ui/InputOtpSlot.js";import{cn as f}from"../../../../utils/cn.js";import{mergeRefs as w}from"../../../../utils/mergeRefs.js";const v=g(({value:a,onChange:p,classes:t,maxLength:e=4,initialFocus:m=!0,externalHandlers:r,invalid:u,dataLayers:l,...s},d)=>{const n=I(null);return R(()=>{n.current&&m&&n.current.focus()},[m]),o(C,{children:o(h,{pattern:N,value:a??"",onChange:i=>{p?.(i),r?.onChange?.(i)},ref:w(n,d),containerClassName:f("flex items-center w-full",t?.inputContainer),className:f("disabled:cursor-not-allowed",t?.input),onClick:r?.onClick,maxLength:e,onBlur:r?.onBlur,"aria-invalid":u,onFocus:r?.onFocus,"data-layer-id":l?.targetId,...s,children:o("div",{className:f("m-auto flex w-max items-center gap-4",t?.container),children:e>0&&Array.from({length:e},(i,c)=>o(O,{invalid:u,index:c},c))})})})});export{v as InputOtpBase};
 //# sourceMappingURL=InputOtpBase.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js

@@ -1,2 +1,2 @@
-import{jsx as t,Fragment as N}from"react/jsx-runtime";import{forwardRef as j,createElement as k}from"react";import{Root as y}from"@radix-ui/react-radio-group";import{cn as l}from"../../../../utils/cn.js";import{RadioItem as B}from"./ui/RadioItem.js";const b=j(({options:o,displayValue:m,returnValue:i,invalid:a,className:d,disabled:e,classes:f,externalHandlers:h,onValueChange:s,renderComponent:n,dataLayers:g,...R},p)=>{const{root:w,list:x,radioItem:C}=f||{},{onChange:c,...I}=h||{};return t(y,{...R,onValueChange:r=>{s&&s(r),c&&c(r)},"aria-invalid":a,disabled:e,ref:p,className:l("w-full",d,w),"data-layer-id":g?.targetId,children:t(N,{children:n?n({options:o,returnValue:i,displayValue:m,invalid:a,disabled:e}):t("ul",{className:l("w-full",x),children:o.map((r,u)=>k(B,{...I,key:r.value,"data-id":`radio-item-${u}`,item:r,invalid:a,disabled:e||r?.disabled,classes:C,returnValue:i,displayValue:m}))})})})});export{b as RadioGroupBase};
+import{jsx as t,Fragment as N}from"react/jsx-runtime";import{forwardRef as j,createElement as k}from"react";import{Root as y}from"@radix-ui/react-radio-group";import{RadioItem as B}from"./ui/RadioItem.js";import{cn as f}from"../../../../utils/cn.js";const b=j(({options:o,displayValue:m,returnValue:s,invalid:a,className:d,disabled:e,classes:h,externalHandlers:g,onValueChange:i,renderComponent:c,dataLayers:R,...p},w)=>{const{root:C,list:I,radioItem:u}=h||{},{onChange:l,...x}=g||{};return t(y,{...p,onValueChange:r=>{i&&i(r),l&&l(r)},"aria-invalid":a,disabled:e,ref:w,className:f("w-full",d,C),"data-layer-id":R?.targetId,children:t(N,{children:c?c({options:o,returnValue:s,displayValue:m,invalid:a,disabled:e}):t("ul",{className:f("w-full",I),children:o.map((r,n)=>k(B,{...x,index:n,key:r.value,"data-id":`radio-item-${n}`,item:r,invalid:a,disabled:e||r?.disabled,classes:u,returnValue:s,displayValue:m}))})})})});export{b as RadioGroupBase};
 //# sourceMappingURL=RadioGroup.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type RadioGroupProps as RadioGroupPrimitiveProps, Root } from '@radix-ui/react-radio-group'\nimport { type DataLayers } from '../../../../types'\nimport { RadioItem, type RadioOption } from './ui'\nimport { type RadioItemClasses } from './ui/RadioItem'\nimport { cn } from '$/shared/utils'\n\ntype RadioGroupClasses = {\n  root?: string\n  list?: string\n  radioItem?: RadioItemClasses\n}\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type RenderComponentProps = { item: RadioOption; classes?: RadioItemClasses } & Pick<\n  RadioGroupBaseProps,\n  'displayValue' | 'returnValue' | 'invalid' | 'disabled'\n>\n\nexport type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {\n  /**\n   * Список отображаемых опций\n   */\n  options: RadioOption[]\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: RadioOption) => string\n  /**\n   * Функция для управления возвращаемым значением\n   */\n  returnValue?: (option: RadioOption) => string\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: RadioGroupClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Отрисовка компонента из вне\n   */\n  renderComponent?: (props: RadioGroupBaseProps) => React.JSX.Element\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const RadioGroupBase = forwardRef<HTMLDivElement, RadioGroupBaseProps>(\n  (\n    {\n      options,\n      displayValue,\n      returnValue,\n      invalid,\n      className,\n      disabled,\n      classes,\n      externalHandlers,\n      onValueChange,\n      renderComponent,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const { root, list, radioItem } = classes || {}\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onChange = (value: string) => {\n      if (onValueChange) onValueChange(value)\n      if (externalOnChange) externalOnChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        onValueChange={onChange}\n        aria-invalid={invalid}\n        disabled={disabled}\n        ref={ref}\n        className={cn('w-full', className, root)}\n        data-layer-id={dataLayers?.targetId}\n      >\n        <>\n          {renderComponent ? (\n            renderComponent({ options, returnValue, displayValue, invalid, disabled })\n          ) : (\n            <ul className={cn('w-full', list)}>\n              {options.map((option, index) => (\n                <RadioItem\n                  {...restHandlers}\n                  key={option.value}\n                  data-id={`radio-item-${index}`}\n                  item={option}\n                  invalid={invalid}\n                  disabled={disabled || option?.disabled}\n                  classes={radioItem}\n                  returnValue={returnValue}\n                  displayValue={displayValue}\n                />\n              ))}\n            </ul>\n          )}\n        </>\n      </Root>\n    )\n  }\n)\n"],"names":["RadioGroupBase","forwardRef","options","displayValue","returnValue","invalid","className","disabled","classes","externalHandlers","onValueChange","renderComponent","dataLayers","props","ref","root","list","radioItem","externalOnChange","restHandlers","jsx","Root","value","cn","Fragment","option","index","createElement","RadioItem"],"mappings":"0PA4DO,MAAMA,EAAiBC,EAC5B,CACE,CACE,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,KAAAC,EAAM,UAAAC,CAAA,EAAcT,GAAW,CAAA,EAEvC,CAAE,SAAUU,EAAkB,GAAGC,CAAA,EAAiBV,GAAoB,CAAA,EAO5E,OACEW,EAACC,EAAA,CACE,GAAGR,EACJ,cARcS,GAAkB,CAC9BZ,KAA6BY,CAAK,EAClCJ,KAAmCI,CAAK,CAC9C,EAMI,eAAcjB,EACd,SAAAE,EACA,IAAAO,EACA,UAAWS,EAAG,SAAUjB,EAAWS,CAAI,EACvC,gBAAeH,GAAY,SAE3B,SAAAQ,EAAAI,EAAA,CACG,WACCb,EAAgB,CAAE,QAAAT,EAAS,YAAAE,EAAa,aAAAD,EAAc,QAAAE,EAAS,SAAAE,CAAA,CAAU,IAExE,KAAA,CAAG,UAAWgB,EAAG,SAAUP,CAAI,EAC7B,SAAAd,EAAQ,IAAI,CAACuB,EAAQC,IACpBC,EAACC,EAAA,CACE,GAAGT,EACJ,IAAKM,EAAO,MACZ,UAAS,cAAcC,CAAK,GAC5B,KAAMD,EACN,QAAApB,EACA,SAAUE,GAAYkB,GAAQ,SAC9B,QAASR,EACT,YAAAb,EACA,aAAAD,CAAA,CAAA,CAEH,EACH,CAAA,CAEJ,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type RadioGroupProps as RadioGroupPrimitiveProps, Root } from '@radix-ui/react-radio-group'\nimport { type DataLayers } from '../../../../types'\nimport { RadioItem, type RadioOption } from './ui'\nimport { type RadioItemClasses } from './ui/RadioItem'\nimport { cn } from '$/shared/utils'\n\ntype RadioGroupClasses = {\n  root?: string\n  list?: string\n  radioItem?: RadioItemClasses\n}\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type RenderComponentProps = { item: RadioOption; classes?: RadioItemClasses } & Pick<\n  RadioGroupBaseProps,\n  'displayValue' | 'returnValue' | 'invalid' | 'disabled'\n>\n\nexport type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {\n  /**\n   * Список отображаемых опций\n   */\n  options: RadioOption[]\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: RadioOption) => string\n  /**\n   * Функция для управления возвращаемым значением\n   */\n  returnValue?: (option: RadioOption) => string\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: RadioGroupClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Отрисовка компонента из вне\n   */\n  renderComponent?: (props: RadioGroupBaseProps) => React.JSX.Element\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const RadioGroupBase = forwardRef<HTMLDivElement, RadioGroupBaseProps>(\n  (\n    {\n      options,\n      displayValue,\n      returnValue,\n      invalid,\n      className,\n      disabled,\n      classes,\n      externalHandlers,\n      onValueChange,\n      renderComponent,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const { root, list, radioItem } = classes || {}\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onChange = (value: string) => {\n      if (onValueChange) onValueChange(value)\n      if (externalOnChange) externalOnChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        onValueChange={onChange}\n        aria-invalid={invalid}\n        disabled={disabled}\n        ref={ref}\n        className={cn('w-full', className, root)}\n        data-layer-id={dataLayers?.targetId}\n      >\n        <>\n          {renderComponent ? (\n            renderComponent({ options, returnValue, displayValue, invalid, disabled })\n          ) : (\n            <ul className={cn('w-full', list)}>\n              {options.map((option, index) => (\n                <RadioItem\n                  {...restHandlers}\n                  index={index}\n                  key={option.value}\n                  data-id={`radio-item-${index}`}\n                  item={option}\n                  invalid={invalid}\n                  disabled={disabled || option?.disabled}\n                  classes={radioItem}\n                  returnValue={returnValue}\n                  displayValue={displayValue}\n                />\n              ))}\n            </ul>\n          )}\n        </>\n      </Root>\n    )\n  }\n)\n"],"names":["RadioGroupBase","forwardRef","options","displayValue","returnValue","invalid","className","disabled","classes","externalHandlers","onValueChange","renderComponent","dataLayers","props","ref","root","list","radioItem","externalOnChange","restHandlers","jsx","Root","value","cn","Fragment","option","index","createElement","RadioItem"],"mappings":"0PA4DO,MAAMA,EAAiBC,EAC5B,CACE,CACE,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,KAAAC,EAAM,UAAAC,CAAA,EAAcT,GAAW,CAAA,EAEvC,CAAE,SAAUU,EAAkB,GAAGC,CAAA,EAAiBV,GAAoB,CAAA,EAO5E,OACEW,EAACC,EAAA,CACE,GAAGR,EACJ,cARcS,GAAkB,CAC9BZ,KAA6BY,CAAK,EAClCJ,KAAmCI,CAAK,CAC9C,EAMI,eAAcjB,EACd,SAAAE,EACA,IAAAO,EACA,UAAWS,EAAG,SAAUjB,EAAWS,CAAI,EACvC,gBAAeH,GAAY,SAE3B,SAAAQ,EAAAI,EAAA,CACG,WACCb,EAAgB,CAAE,QAAAT,EAAS,YAAAE,EAAa,aAAAD,EAAc,QAAAE,EAAS,SAAAE,CAAA,CAAU,IAExE,KAAA,CAAG,UAAWgB,EAAG,SAAUP,CAAI,EAC7B,SAAAd,EAAQ,IAAI,CAACuB,EAAQC,IACpBC,EAACC,EAAA,CACE,GAAGT,EACJ,MAAAO,EACA,IAAKD,EAAO,MACZ,UAAS,cAAcC,CAAK,GAC5B,KAAMD,EACN,QAAApB,EACA,SAAUE,GAAYkB,GAAQ,SAC9B,QAASR,EACT,YAAAb,EACA,aAAAD,CAAA,CAAA,CAEH,EACH,CAAA,CAEJ,CAAA,CAAA,CAGN,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.js

@@ -1,2 +1,2 @@
-import{jsx as e,Fragment as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"../../../../../utils/cn.js";const m=({value:t,text:d,disabled:l,classes:r})=>e(i,{children:(t||d)&&a("div",{className:o("flex flex-col gap-1",r?.wrapper),children:[e("div",{className:o("desk-body-medium-l font-bold text-color-dark",{"text-color-disabled":l},r?.value),children:t}),e("div",{className:o("desk-body-regular-m text-color-tetriary",{"text-color-disabled":l},r?.text),children:d})]})});export{m as AdditionalContent};
+import{jsx as e,Fragment as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"../../../../../utils/cn.js";const n=({value:t,text:d,disabled:l,classes:r})=>e(i,{children:(t||d)&&a("div",{className:o("mt-auto flex flex-col gap-1",r?.wrapper),children:[e("div",{className:o("desk-body-medium-l font-bold text-color-dark",{"text-color-disabled":l},r?.value),children:t}),e("div",{className:o("desk-body-regular-m text-color-tetriary",{"text-color-disabled":l},r?.text),children:d})]})});export{n as AdditionalContent};
 //# sourceMappingURL=AdditionalContent.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalContent.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type AdditionalContentClasses = {\n  wrapper?: string\n  text?: string\n  value?: string\n}\n\nexport interface AdditionalContentProps {\n  text?: string\n  value?: number | string\n  classes?: AdditionalContentClasses\n  disabled?: boolean\n}\n\nexport const AdditionalContent = ({ value, text, disabled, classes }: AdditionalContentProps) => {\n  return (\n    <>\n      {(value || text) && (\n        <div className={cn('flex flex-col gap-1', classes?.wrapper)}>\n          <div\n            className={cn('desk-body-medium-l font-bold text-color-dark', { 'text-color-disabled': disabled }, classes?.value)}\n          >\n            {value}\n          </div>\n          <div className={cn('desk-body-regular-m text-color-tetriary', { 'text-color-disabled': disabled }, classes?.text)}>\n            {text}\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["AdditionalContent","value","text","disabled","classes","jsx","Fragment","jsxs","cn"],"mappings":"gHAeO,MAAMA,EAAoB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,QAAAC,KAEvDC,EAAAC,EAAA,CACI,UAAAL,GAASC,IACTK,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBJ,GAAS,OAAO,EACxD,SAAA,CAAAC,EAAC,MAAA,CACC,UAAWG,EAAG,+CAAgD,CAAE,sBAAuBL,CAAA,EAAYC,GAAS,KAAK,EAEhH,SAAAH,CAAA,CAAA,EAEHI,EAAC,MAAA,CAAI,UAAWG,EAAG,0CAA2C,CAAE,sBAAuBL,CAAA,EAAYC,GAAS,IAAI,EAC7G,SAAAF,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAEJ"}
+{"version":3,"file":"AdditionalContent.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type AdditionalContentClasses = {\n  wrapper?: string\n  text?: string\n  value?: string\n}\n\nexport interface AdditionalContentProps {\n  text?: string\n  value?: number | string\n  classes?: AdditionalContentClasses\n  disabled?: boolean\n}\n\nexport const AdditionalContent = ({ value, text, disabled, classes }: AdditionalContentProps) => {\n  return (\n    <>\n      {(value || text) && (\n        <div className={cn('mt-auto flex flex-col gap-1', classes?.wrapper)}>\n          <div\n            className={cn('desk-body-medium-l font-bold text-color-dark', { 'text-color-disabled': disabled }, classes?.value)}\n          >\n            {value}\n          </div>\n          <div className={cn('desk-body-regular-m text-color-tetriary', { 'text-color-disabled': disabled }, classes?.text)}>\n            {text}\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["AdditionalContent","value","text","disabled","classes","jsx","Fragment","jsxs","cn"],"mappings":"gHAeO,MAAMA,EAAoB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,QAAAC,KAEvDC,EAAAC,EAAA,CACI,UAAAL,GAASC,IACTK,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BJ,GAAS,OAAO,EAChE,SAAA,CAAAC,EAAC,MAAA,CACC,UAAWG,EAAG,+CAAgD,CAAE,sBAAuBL,CAAA,EAAYC,GAAS,KAAK,EAEhH,SAAAH,CAAA,CAAA,EAEHI,EAAC,MAAA,CAAI,UAAWG,EAAG,0CAA2C,CAAE,sBAAuBL,CAAA,EAAYC,GAAS,IAAI,EAC7G,SAAAF,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as p}from"react/jsx-runtime";import{memo as b,useId as m}from"react";import{Item as g,Indicator as h}from"@radix-ui/react-radio-group";import{AdditionalContent as x}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const I=b(({item:r,disabled:e,displayValue:l,returnValue:d,classes:t,className:i,invalid:c,...s})=>{const f=l?l(r):r.label,u=d?d(r):r.value,n=m();return o(g,{...s,asChild:!0,disabled:e,value:u,id:n,children:p("li",{className:a("group flex items-center gap-x-3","w-full min-w-[200px] [&:not(:last-child)]:mb-4","[&:not(:disabled)]:cursor-pointer",{"pointer-events-none text-color-disabled":e},i,t?.root),children:[o("div",{className:a("after:left-1/2 after:top-1/2 after:h-10 after:w-10",'after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus","relative h-6 w-6 rounded-full border-2 border-blue-grey-700","group-data-[state=checked]:border-primary-default",{"border-negative":c,"group-data-[state=unchecked]:border-0 group-data-[state=checked]:border-primary-disabled group-data-[state=unchecked]:bg-color-blue-grey-300":e},t?.item),children:o(h,{className:a("absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default","group-disabled:group-data-[state=checked]:bg-color-negative",{"group-data-[state=checked]:bg-color-primary-disabled":e},t?.indicator)})}),o("label",{htmlFor:n,className:a("desk-body-regular-l capitalize text-color-dark",{"text-color-disabled":e},t?.label),children:f}),r?.additionalContent&&o(x,{disabled:e,...r?.additionalContent,classes:t?.additionalContent})]})})});export{I as RadioItem};
+import{jsx as o,jsxs as b}from"react/jsx-runtime";import{memo as m,useId as g}from"react";import{Item as h,Indicator as x}from"@radix-ui/react-radio-group";import{AdditionalContent as y}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const N=m(({item:r,disabled:e,displayValue:l,returnValue:d,classes:t,className:i,invalid:c,index:s,...f})=>{const u=l?l(r):r.label,p=d?d(r,s):r.value,n=g();return o(h,{...f,asChild:!0,disabled:e,value:p,id:n,children:b("li",{className:a("group flex items-center gap-x-3","w-full min-w-[200px] [&:not(:last-child)]:mb-4","[&:not(:disabled)]:cursor-pointer",{"pointer-events-none text-color-disabled":e},i,t?.root),children:[o("div",{className:a("after:left-1/2 after:top-1/2 after:h-10 after:w-10",'after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus","relative h-6 w-6 rounded-full border-2 border-blue-grey-700","group-data-[state=checked]:border-primary-default",{"border-negative":c,"group-data-[state=unchecked]:border-0 group-data-[state=checked]:border-primary-disabled group-data-[state=unchecked]:bg-color-blue-grey-300":e},t?.item),children:o(x,{className:a("absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default","group-disabled:group-data-[state=checked]:bg-color-negative",{"group-data-[state=checked]:bg-color-primary-disabled":e},t?.indicator)})}),o("label",{htmlFor:n,className:a("desk-body-regular-l capitalize text-color-dark",{"text-color-disabled":e},t?.label),children:u}),r?.additionalContent&&o(y,{disabled:e,...r?.additionalContent,classes:t?.additionalContent})]})})});export{N as RadioItem};
 //# sourceMappingURL=RadioItem.js.map