@scbt-ecom/ui 0.111.3 → 0.113.0

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

@@ -1 +1 @@
-{"version":3,"file":"SetColor.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { editorAllowedColors } from '../../model'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetColorProps {\n  editor: Editor\n}\n\nexport const SetColor = ({ editor }: ISetColorProps) => {\n  return (\n    <Popover\n      classes={{\n        content: 'w-full max-w-[500px] bg-color-blue-grey-200 border border-solid border-warm-grey-300',\n        arrowIcon: 'fill-dark-hover'\n      }}\n      triggerElement={\n        <span\n          title='Добавить цвет текста'\n          className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n        >\n          <Icon name='editor/palette' className='size-4' />\n        </span>\n      }\n    >\n      <div className='grid grid-cols-6 gap-3'>\n        {editorAllowedColors.map((color) => (\n          <button\n            key={color}\n            type='button'\n            style={{ background: color }}\n            onClick={() => editor.chain().focus().setColor(color).run()}\n            className={cn(\n              'desk-body-regular-m size-6 cursor-pointer rounded-full border border-solid border-transparent text-left outline-none transition-transform hover:scale-105',\n              { 'border-warm-grey-300': color === '#FFFFFF' }\n            )}\n          />\n        ))}\n      </div>\n    </Popover>\n  )\n}\n"],"names":["SetColor","editor","jsx","Popover","Icon","editorAllowedColors","color","cn"],"mappings":"uqDASO,MAAMA,EAAW,CAAC,CAAE,OAAAC,KAEvBC,EAACC,EAAA,CACC,QAAS,CACP,QAAS,uFACT,UAAW,iBAAA,EAEb,eACED,EAAC,OAAA,CACC,MAAM,uBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,iBAAiB,UAAU,QAAA,CAAS,CAAA,CAAA,EAInD,WAAC,MAAA,CAAI,UAAU,yBACZ,SAAAC,EAAoB,IAAKC,GACxBJ,EAAC,SAAA,CAEC,KAAK,SACL,MAAO,CAAE,WAAYI,CAAA,EACrB,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,SAASK,CAAK,EAAE,IAAA,EACtD,UAAWC,EACT,4JACA,CAAE,uBAAwBD,IAAU,SAAA,CAAU,CAChD,EAPKA,CAAA,CASR,CAAA,CACH,CAAA,CAAA"}
+{"version":3,"file":"SetColor.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetColor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { editorAllowedColors } from '../../model'\nimport { Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetColorProps {\n  editor: Editor\n}\n\nexport const SetColor = ({ editor }: ISetColorProps) => {\n  return (\n    <Popover\n      classes={{\n        content: 'w-full max-w-[500px] bg-color-blue-grey-200 border border-solid border-warm-grey-300',\n        arrowIcon: 'fill-dark-hover'\n      }}\n      triggerElement={\n        <span\n          title='Добавить цвет текста'\n          className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n        >\n          <Icon name='editor/palette' className='size-4' />\n        </span>\n      }\n    >\n      <div className='grid grid-cols-6 gap-3'>\n        {editorAllowedColors.map((color) => (\n          <button\n            key={color}\n            type='button'\n            style={{ background: color }}\n            onClick={() => editor.chain().focus().setColor(color).run()}\n            className={cn(\n              'desk-body-regular-m size-6 cursor-pointer rounded-full border border-solid border-transparent text-left outline-none transition-transform hover:scale-105',\n              { 'border-warm-grey-300': color === '#FFFFFF' }\n            )}\n          />\n        ))}\n      </div>\n    </Popover>\n  )\n}\n"],"names":["SetColor","editor","jsx","Popover","Icon","editorAllowedColors","color","cn"],"mappings":"uuDASO,MAAMA,EAAW,CAAC,CAAE,OAAAC,KAEvBC,EAACC,EAAA,CACC,QAAS,CACP,QAAS,uFACT,UAAW,iBAAA,EAEb,eACED,EAAC,OAAA,CACC,MAAM,uBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,iBAAiB,UAAU,QAAA,CAAS,CAAA,CAAA,EAInD,WAAC,MAAA,CAAI,UAAU,yBACZ,SAAAC,EAAoB,IAAKC,GACxBJ,EAAC,SAAA,CAEC,KAAK,SACL,MAAO,CAAE,WAAYI,CAAA,EACrB,QAAS,IAAML,EAAO,MAAA,EAAQ,QAAQ,SAASK,CAAK,EAAE,IAAA,EACtD,UAAWC,EACT,4JACA,CAAE,uBAAwBD,IAAU,SAAA,CAAU,CAChD,EAPKA,CAAA,CASR,CAAA,CACH,CAAA,CAAA"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"../../model/extensions.js";import"../../model/config.js";import{renderEditorPanel as s}from"../../model/helper.js";import{cn as c}from"../../../../../../utils/cn.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Hint as n}from"../../../../../hint/Hint.js";import"react";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const R=({editor:i})=>{var o;return r("div",{className:"flex items-center gap-2",children:(o=s(i))==null?void 0:o.map(({label:t,icon:m,onClick:e,isActive:p})=>r(n,{sideOffset:12,classes:{content:"w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3"},triggerElement:r("span",{onClick:e,className:c("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white",{"!bg-color-primary-hover !text-color-white":p}),children:m}),children:t},t))})};export{R as SetCoreCommands};
+import{jsx as r}from"react/jsx-runtime";import"../../model/extensions.js";import"../../model/config.js";import{renderEditorPanel as s}from"../../model/helper.js";import{cn as c}from"../../../../../../utils/cn.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Hint as n}from"../../../../../hint/Hint.js";import"react";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const T=({editor:i})=>{var o;return r("div",{className:"flex items-center gap-2",children:(o=s(i))==null?void 0:o.map(({label:t,icon:m,onClick:e,isActive:p})=>r(n,{sideOffset:12,classes:{content:"w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3"},triggerElement:r("span",{onClick:e,className:c("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white",{"!bg-color-primary-hover !text-color-white":p}),children:m}),children:t},t))})};export{T as SetCoreCommands};
 //# sourceMappingURL=SetCoreCommands.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SetCoreCommands.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.tsx"],"sourcesContent":["import { type Editor } from '@tiptap/react'\nimport { renderEditorPanel } from '../../model'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCoreCommandsProps {\n  editor: Editor\n}\n\nexport const SetCoreCommands = ({ editor }: ISetCoreCommandsProps) => {\n  return (\n    <div className='flex items-center gap-2'>\n      {renderEditorPanel(editor)?.map(({ label, icon, onClick, isActive }) => (\n        <Hint\n          key={label}\n          sideOffset={12}\n          classes={{\n            content: 'w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3'\n          }}\n          triggerElement={\n            <span\n              onClick={onClick}\n              className={cn(\n                'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white',\n                { '!bg-color-primary-hover !text-color-white': isActive }\n              )}\n            >\n              {icon}\n            </span>\n          }\n        >\n          {label}\n        </Hint>\n      ))}\n    </div>\n  )\n}\n"],"names":["SetCoreCommands","editor","jsx","label","icon","onClick","isActive","Hint","cn"],"mappings":"ymDASO,MAAMA,EAAkB,CAAC,CAAE,OAAAC,KAAoC,OACpE,OACEC,EAAC,MAAA,CAAI,UAAU,0BACZ,cAAkBD,CAAM,kBAAG,IAAI,CAAC,CAAE,MAAAE,EAAO,KAAAC,EAAM,QAAAC,EAAS,SAAAC,KACvDJ,EAACK,EAAA,CAEC,WAAY,GACZ,QAAS,CACP,QAAS,iEAAA,EAEX,eACEL,EAAC,OAAA,CACC,QAAAG,EACA,UAAWG,EACT,gOACA,CAAE,4CAA6CF,CAAA,CAAS,EAGzD,SAAAF,CAAA,CAAA,EAIJ,SAAAD,CAAA,EAjBIA,CAAA,GAoBX,CAEJ"}
+{"version":3,"file":"SetCoreCommands.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetCoreCommands.tsx"],"sourcesContent":["import { type Editor } from '@tiptap/react'\nimport { renderEditorPanel } from '../../model'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCoreCommandsProps {\n  editor: Editor\n}\n\nexport const SetCoreCommands = ({ editor }: ISetCoreCommandsProps) => {\n  return (\n    <div className='flex items-center gap-2'>\n      {renderEditorPanel(editor)?.map(({ label, icon, onClick, isActive }) => (\n        <Hint\n          key={label}\n          sideOffset={12}\n          classes={{\n            content: 'w-max border border-warm-grey-200 desk-body-regular-s py-1 px-3'\n          }}\n          triggerElement={\n            <span\n              onClick={onClick}\n              className={cn(\n                'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white focus:bg-color-primary-focus focus:text-color-white',\n                { '!bg-color-primary-hover !text-color-white': isActive }\n              )}\n            >\n              {icon}\n            </span>\n          }\n        >\n          {label}\n        </Hint>\n      ))}\n    </div>\n  )\n}\n"],"names":["SetCoreCommands","editor","jsx","label","icon","onClick","isActive","Hint","cn"],"mappings":"yqDASO,MAAMA,EAAkB,CAAC,CAAE,OAAAC,KAAoC,OACpE,OACEC,EAAC,MAAA,CAAI,UAAU,0BACZ,cAAkBD,CAAM,kBAAG,IAAI,CAAC,CAAE,MAAAE,EAAO,KAAAC,EAAM,QAAAC,EAAS,SAAAC,KACvDJ,EAACK,EAAA,CAEC,WAAY,GACZ,QAAS,CACP,QAAS,iEAAA,EAEX,eACEL,EAAC,OAAA,CACC,QAAAG,EACA,UAAWG,EACT,gOACA,CAAE,4CAA6CF,CAAA,CAAS,EAGzD,SAAAF,CAAA,CAAA,EAIJ,SAAAD,CAAA,EAjBIA,CAAA,GAoBX,CAEJ"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as a,useEffect as u}from"react";import"../../model/extensions.js";import"../../model/config.js";import{fontSizesOptions as f}from"../../model/helper.js";import{cn as h}from"../../../../../../utils/cn.js";import{Button as z}from"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Popover as S}from"../../../../../popover/Popover.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../../../icon/Icon.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const tt=({editor:o})=>{const[n,i]=a(null),r=()=>{const t=p();i(t)};u(()=>{if(!o)return;r();const t=()=>r();return o.on("selectionUpdate",t),o.on("transaction",t),()=>{o.off("selectionUpdate",t),o.off("transaction",t)}},[o]);const s=t=>o.chain().focus().setFontSize(t).run(),m=()=>o.chain().focus().unsetFontSize().run(),p=()=>{const{fontSize:t}=o.getAttributes("textStyle");return t||"16px"};return e(S,{classes:{content:"w-full"},triggerElement:e("span",{title:"Размер шрифта",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:e(d,{name:"editor/fonts",className:"size-4"})}),children:l("div",{className:"flex flex-col gap-3",children:[f.map(({value:t,label:c})=>e("button",{type:"button",onClick:()=>s(t),className:h("text-left",{"text-color-primary-default":n===t}),children:e("span",{children:c})},t)),e(z,{intent:"secondary",size:"sm",type:"button",onClick:m,children:"Сбросить"})]})})};export{tt as SetFontSize};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as a,useEffect as u}from"react";import"../../model/extensions.js";import"../../model/config.js";import{fontSizesOptions as f}from"../../model/helper.js";import{cn as h}from"../../../../../../utils/cn.js";import{Button as z}from"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Popover as S}from"../../../../../popover/Popover.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as d}from"../../../../../icon/Icon.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../Editor.js";import"../../../input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ot=({editor:o})=>{const[n,i]=a(null),r=()=>{const t=p();i(t)};u(()=>{if(!o)return;r();const t=()=>r();return o.on("selectionUpdate",t),o.on("transaction",t),()=>{o.off("selectionUpdate",t),o.off("transaction",t)}},[o]);const m=t=>o.chain().focus().setFontSize(t).run(),s=()=>o.chain().focus().unsetFontSize().run(),p=()=>{const{fontSize:t}=o.getAttributes("textStyle");return t||"16px"};return e(S,{classes:{content:"w-full"},triggerElement:e("span",{title:"Размер шрифта",className:"flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",children:e(d,{name:"editor/fonts",className:"size-4"})}),children:l("div",{className:"flex flex-col gap-3",children:[f.map(({value:t,label:c})=>e("button",{type:"button",onClick:()=>m(t),className:h("text-left",{"text-color-primary-default":n===t}),children:e("span",{children:c})},t)),e(z,{intent:"secondary",size:"sm",type:"button",onClick:s,children:"Сбросить"})]})})};export{ot as SetFontSize};
 //# sourceMappingURL=SetFontSize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SetFontSize.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport type { Editor } from '@tiptap/react'\nimport { fontSizesOptions } from '../../model'\nimport { Button, Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface SetFontSizeProps {\n  editor: Editor\n}\n\nexport const SetFontSize = ({ editor }: SetFontSizeProps) => {\n  const [currentSize, setCurrentSize] = useState<string | null>(null)\n\n  const updateCurrentSize = () => {\n    const size = getCurrentFontSize()\n    setCurrentSize(size)\n  }\n\n  useEffect(() => {\n    if (!editor) return\n    updateCurrentSize()\n    const handleUpdate = () => updateCurrentSize()\n\n    editor.on('selectionUpdate', handleUpdate)\n    editor.on('transaction', handleUpdate)\n\n    return () => {\n      editor.off('selectionUpdate', handleUpdate)\n      editor.off('transaction', handleUpdate)\n    }\n  }, [editor])\n\n  const handleFontSizeChange = (size: string) => editor.chain().focus().setFontSize(size).run()\n\n  const handleRemoveFontSize = () => editor.chain().focus().unsetFontSize().run()\n\n  const getCurrentFontSize = () => {\n    const { fontSize } = editor.getAttributes('textStyle')\n    return fontSize || '16px'\n  }\n\n  return (\n    <Popover\n      classes={{ content: 'w-full' }}\n      triggerElement={\n        <span\n          title='Размер шрифта'\n          className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n        >\n          <Icon name='editor/fonts' className='size-4' />\n        </span>\n      }\n    >\n      <div className='flex flex-col gap-3'>\n        {fontSizesOptions.map(({ value, label }) => {\n          const isActive = currentSize === value\n          return (\n            <button\n              type='button'\n              key={value}\n              onClick={() => handleFontSizeChange(value)}\n              className={cn('text-left', {\n                'text-color-primary-default': isActive\n              })}\n            >\n              <span>{label}</span>\n            </button>\n          )\n        })}\n\n        <Button intent='secondary' size='sm' type='button' onClick={handleRemoveFontSize}>\n          Сбросить\n        </Button>\n      </div>\n    </Popover>\n  )\n}\n"],"names":["SetFontSize","editor","currentSize","setCurrentSize","useState","updateCurrentSize","size","getCurrentFontSize","useEffect","handleUpdate","handleFontSizeChange","handleRemoveFontSize","fontSize","jsx","Popover","Icon","jsxs","fontSizesOptions","value","label","cn","Button"],"mappings":"iuDAUO,MAAMA,GAAc,CAAC,CAAE,OAAAC,KAA+B,CAC3D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAwB,IAAI,EAE5DC,EAAoB,IAAM,CAC9B,MAAMC,EAAOC,EAAA,EACbJ,EAAeG,CAAI,CACrB,EAEAE,EAAU,IAAM,CACd,GAAI,CAACP,EAAQ,OACbI,EAAA,EACA,MAAMI,EAAe,IAAMJ,EAAA,EAE3B,OAAAJ,EAAO,GAAG,kBAAmBQ,CAAY,EACzCR,EAAO,GAAG,cAAeQ,CAAY,EAE9B,IAAM,CACXR,EAAO,IAAI,kBAAmBQ,CAAY,EAC1CR,EAAO,IAAI,cAAeQ,CAAY,CACxC,CACF,EAAG,CAACR,CAAM,CAAC,EAEX,MAAMS,EAAwBJ,GAAiBL,EAAO,MAAA,EAAQ,MAAA,EAAQ,YAAYK,CAAI,EAAE,IAAA,EAElFK,EAAuB,IAAMV,EAAO,MAAA,EAAQ,QAAQ,cAAA,EAAgB,IAAA,EAEpEM,EAAqB,IAAM,CAC/B,KAAM,CAAE,SAAAK,CAAA,EAAaX,EAAO,cAAc,WAAW,EACrD,OAAOW,GAAY,MACrB,EAEA,OACEC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,gBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,EAIjD,SAAAC,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAA,CAAAC,EAAiB,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,KAG5BN,EAAC,SAAA,CACC,KAAK,SAEL,QAAS,IAAMH,EAAqBQ,CAAK,EACzC,UAAWE,EAAG,YAAa,CACzB,6BAPWlB,IAAgBgB,CAOG,CAC/B,EAED,SAAAL,EAAC,QAAM,SAAAM,CAAA,CAAM,CAAA,EANRD,CAAA,CASV,EAEDL,EAACQ,EAAA,CAAO,OAAO,YAAY,KAAK,KAAK,KAAK,SAAS,QAASV,EAAsB,SAAA,UAAA,CAElF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"SetFontSize.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/SetFontSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport type { Editor } from '@tiptap/react'\nimport { fontSizesOptions } from '../../model'\nimport { Button, Icon, Popover } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface SetFontSizeProps {\n  editor: Editor\n}\n\nexport const SetFontSize = ({ editor }: SetFontSizeProps) => {\n  const [currentSize, setCurrentSize] = useState<string | null>(null)\n\n  const updateCurrentSize = () => {\n    const size = getCurrentFontSize()\n    setCurrentSize(size)\n  }\n\n  useEffect(() => {\n    if (!editor) return\n    updateCurrentSize()\n    const handleUpdate = () => updateCurrentSize()\n\n    editor.on('selectionUpdate', handleUpdate)\n    editor.on('transaction', handleUpdate)\n\n    return () => {\n      editor.off('selectionUpdate', handleUpdate)\n      editor.off('transaction', handleUpdate)\n    }\n  }, [editor])\n\n  const handleFontSizeChange = (size: string) => editor.chain().focus().setFontSize(size).run()\n\n  const handleRemoveFontSize = () => editor.chain().focus().unsetFontSize().run()\n\n  const getCurrentFontSize = () => {\n    const { fontSize } = editor.getAttributes('textStyle')\n    return fontSize || '16px'\n  }\n\n  return (\n    <Popover\n      classes={{ content: 'w-full' }}\n      triggerElement={\n        <span\n          title='Размер шрифта'\n          className='flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white'\n        >\n          <Icon name='editor/fonts' className='size-4' />\n        </span>\n      }\n    >\n      <div className='flex flex-col gap-3'>\n        {fontSizesOptions.map(({ value, label }) => {\n          const isActive = currentSize === value\n          return (\n            <button\n              type='button'\n              key={value}\n              onClick={() => handleFontSizeChange(value)}\n              className={cn('text-left', {\n                'text-color-primary-default': isActive\n              })}\n            >\n              <span>{label}</span>\n            </button>\n          )\n        })}\n\n        <Button intent='secondary' size='sm' type='button' onClick={handleRemoveFontSize}>\n          Сбросить\n        </Button>\n      </div>\n    </Popover>\n  )\n}\n"],"names":["SetFontSize","editor","currentSize","setCurrentSize","useState","updateCurrentSize","size","getCurrentFontSize","useEffect","handleUpdate","handleFontSizeChange","handleRemoveFontSize","fontSize","jsx","Popover","Icon","jsxs","fontSizesOptions","value","label","cn","Button"],"mappings":"iyDAUO,MAAMA,GAAc,CAAC,CAAE,OAAAC,KAA+B,CAC3D,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAwB,IAAI,EAE5DC,EAAoB,IAAM,CAC9B,MAAMC,EAAOC,EAAA,EACbJ,EAAeG,CAAI,CACrB,EAEAE,EAAU,IAAM,CACd,GAAI,CAACP,EAAQ,OACbI,EAAA,EACA,MAAMI,EAAe,IAAMJ,EAAA,EAE3B,OAAAJ,EAAO,GAAG,kBAAmBQ,CAAY,EACzCR,EAAO,GAAG,cAAeQ,CAAY,EAE9B,IAAM,CACXR,EAAO,IAAI,kBAAmBQ,CAAY,EAC1CR,EAAO,IAAI,cAAeQ,CAAY,CACxC,CACF,EAAG,CAACR,CAAM,CAAC,EAEX,MAAMS,EAAwBJ,GAAiBL,EAAO,MAAA,EAAQ,MAAA,EAAQ,YAAYK,CAAI,EAAE,IAAA,EAElFK,EAAuB,IAAMV,EAAO,MAAA,EAAQ,QAAQ,cAAA,EAAgB,IAAA,EAEpEM,EAAqB,IAAM,CAC/B,KAAM,CAAE,SAAAK,CAAA,EAAaX,EAAO,cAAc,WAAW,EACrD,OAAOW,GAAY,MACrB,EAEA,OACEC,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,QAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,gBACN,UAAU,4KAEV,SAAAA,EAACE,EAAA,CAAK,KAAK,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,EAIjD,SAAAC,EAAC,MAAA,CAAI,UAAU,sBACZ,SAAA,CAAAC,EAAiB,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,KAG5BN,EAAC,SAAA,CACC,KAAK,SAEL,QAAS,IAAMH,EAAqBQ,CAAK,EACzC,UAAWE,EAAG,YAAa,CACzB,6BAPWlB,IAAgBgB,CAOG,CAC/B,EAED,SAAAL,EAAC,QAAM,SAAAM,CAAA,CAAM,CAAA,EANRD,CAAA,CASV,EAEDL,EAACQ,EAAA,CAAO,OAAO,YAAY,KAAK,KAAK,KAAK,SAAS,QAASV,EAAsB,SAAA,UAAA,CAElF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}

package/dist/lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as p}from"react/jsx-runtime";import"react";import{cn as i}from"../../../../../../utils/cn.js";import{useControlledForm as l}from"../../../../../../hooks/useControlledForm.js";import{Button as c}from"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Popover as s}from"../../../../../popover/Popover.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as a}from"../../../../../icon/Icon.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../Editor.js";import{InputControl as f}from"../../../input/InputControl.js";import"../../../input/MaskInputControl.js";import{SwitchControl as h}from"../../../switch/SwitchControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{object as d,boolean as u,string as x}from"../../../../../../../../node_modules/zod/v3/types.js";const b=d({href:x().url(),underline:u().optional().default(!0)}),rr=({editor:t})=>{const{control:e,handleSubmit:n}=l({schema:b,defaultValues:{href:"",underline:!0}}),m=r=>{t==null||t.chain().focus().extendMarkRange("link").setLink({href:r==null?void 0:r.href,rel:"noopener noreferrer",target:"_blank",class:i("text-color-primary-default",{"underline underline-offset-4":r==null?void 0:r.underline})}).run()};return o("div",{children:o(s,{classes:{content:"w-[360px] max-w-full"},triggerElement:o("span",{title:"Добавить заголовок",className:i("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",{"!bg-color-primary-hover !text-color-white":t.isActive("link")}),children:o(a,{name:"editor/link",className:"size-4"})}),children:o("div",{className:"flex flex-1",children:p("form",{onSubmit:r=>{r.stopPropagation(),r.nativeEvent.stopPropagation(),n(m)(r)},className:"flex flex-1 flex-col gap-4",children:[o(f,{control:e,name:"href",label:"Введите ссылку"}),o(h,{control:e,name:"underline",children:"С подчеркиванием"}),o(c,{type:"submit",size:"sm",children:"Сохранить"})]})})})})};export{rr as SetCustomLink};
+import{jsx as o,jsxs as p}from"react/jsx-runtime";import"react";import{cn as i}from"../../../../../../utils/cn.js";import{useControlledForm as l}from"../../../../../../hooks/useControlledForm.js";import{Button as c}from"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import{Popover as s}from"../../../../../popover/Popover.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as a}from"../../../../../icon/Icon.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../../uncontrolled/autocomplete/Autocomplete.js";import"../../../../uncontrolled/checkbox/Checkbox.js";import"../../../../uncontrolled/combobox/combobox.js";import"../../../../uncontrolled/dayPicker/DayPicker.js";import"../../../../uncontrolled/input/Input.js";import"../../../../uncontrolled/inputOtp/InputOtpBase.js";import"../../../../uncontrolled/maskInput/MaskInput.js";import"../../../../uncontrolled/radio/RadioGroup.js";import"../../../../uncontrolled/radio/ui/RadioItem.js";import"../../../../uncontrolled/slider/SliderBase.js";import"../../../../uncontrolled/switch/Switch.js";import"../../../../uncontrolled/textarea/Textarea.js";import"../../../../uncontrolled/uploader/UploaderBase.js";import"../../../../uncontrolled/inputCurrency/InputCurrency.js";import"../Editor.js";import{InputControl as f}from"../../../input/InputControl.js";import"../../../input/MaskInputControl.js";import{SwitchControl as h}from"../../../switch/SwitchControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{object as d,boolean as u,string as x}from"../../../../../../../../node_modules/zod/v3/types.js";const b=d({href:x().url(),underline:u().optional().default(!0)}),or=({editor:t})=>{const{control:e,handleSubmit:n}=l({schema:b,defaultValues:{href:"",underline:!0}}),m=r=>{t==null||t.chain().focus().extendMarkRange("link").setLink({href:r==null?void 0:r.href,rel:"noopener noreferrer",target:"_blank",class:i("text-color-primary-default",{"underline underline-offset-4":r==null?void 0:r.underline})}).run()};return o("div",{children:o(s,{classes:{content:"w-[360px] max-w-full"},triggerElement:o("span",{title:"Добавить заголовок",className:i("flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white",{"!bg-color-primary-hover !text-color-white":t.isActive("link")}),children:o(a,{name:"editor/link",className:"size-4"})}),children:o("div",{className:"flex flex-1",children:p("form",{onSubmit:r=>{r.stopPropagation(),r.nativeEvent.stopPropagation(),n(m)(r)},className:"flex flex-1 flex-col gap-4",children:[o(f,{control:e,name:"href",label:"Введите ссылку"}),o(h,{control:e,name:"underline",children:"С подчеркиванием"}),o(c,{type:"submit",size:"sm",children:"Сохранить"})]})})})})};export{or as SetCustomLink};
 //# sourceMappingURL=setCustomLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"setCustomLink.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { z } from 'zod'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, Icon, InputControl, Popover, SwitchControl } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCustomLinkProps {\n  editor: Editor\n}\n\nconst linkSchema = z.object({\n  href: z.string().url(),\n  underline: z.boolean().optional().default(true)\n})\n\ntype LinkSchema = z.infer<typeof linkSchema>\n\nexport const SetCustomLink = ({ editor }: ISetCustomLinkProps) => {\n  const { control, handleSubmit } = useControlledForm({\n    schema: linkSchema,\n    defaultValues: {\n      href: '',\n      underline: true\n    }\n  })\n\n  const onSubmit = (values: LinkSchema) => {\n    editor\n      ?.chain()\n      .focus()\n      .extendMarkRange('link')\n      .setLink({\n        href: values?.href,\n        rel: 'noopener noreferrer',\n        target: '_blank',\n        class: cn('text-color-primary-default', { 'underline underline-offset-4': values?.underline })\n      })\n      .run()\n  }\n\n  return (\n    <div>\n      <Popover\n        classes={{ content: 'w-[360px] max-w-full' }}\n        triggerElement={\n          <span\n            title='Добавить заголовок'\n            className={cn(\n              'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white',\n              { '!bg-color-primary-hover !text-color-white': editor.isActive('link') }\n            )}\n          >\n            <Icon name='editor/link' className='size-4' />\n          </span>\n        }\n      >\n        <div className='flex flex-1'>\n          <form\n            onSubmit={(event) => {\n              event.stopPropagation()\n              event.nativeEvent.stopPropagation()\n              handleSubmit(onSubmit)(event)\n            }}\n            className='flex flex-1 flex-col gap-4'\n          >\n            <InputControl control={control} name='href' label='Введите ссылку' />\n            <SwitchControl control={control} name='underline'>\n              С подчеркиванием\n            </SwitchControl>\n            <Button type='submit' size='sm'>\n              Сохранить\n            </Button>\n          </form>\n        </div>\n      </Popover>\n    </div>\n  )\n}\n"],"names":["linkSchema","z.object","z.string","z.boolean","SetCustomLink","editor","control","handleSubmit","useControlledForm","onSubmit","values","cn","jsx","Popover","Icon","jsxs","event","InputControl","SwitchControl","Button"],"mappings":"63DAUA,MAAMA,EAAaC,EAAS,CAC1B,KAAMC,EAAE,EAAS,IAAA,EACjB,UAAWC,EAAE,EAAU,SAAA,EAAW,QAAQ,EAAI,CAChD,CAAC,EAIYC,GAAgB,CAAC,CAAE,OAAAC,KAAkC,CAChE,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAQR,EACR,cAAe,CACb,KAAM,GACN,UAAW,EAAA,CACb,CACD,EAEKS,EAAYC,GAAuB,CACvCL,GAAA,MAAAA,EACI,QACD,QACA,gBAAgB,QAChB,QAAQ,CACP,KAAMK,GAAA,YAAAA,EAAQ,KACd,IAAK,sBACL,OAAQ,SACR,MAAOC,EAAG,6BAA8B,CAAE,+BAAgCD,GAAA,YAAAA,EAAQ,UAAW,CAAA,GAE9F,KACL,EAEA,SACG,MAAA,CACC,SAAAE,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,sBAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,qBACN,UAAWD,EACT,4KACA,CAAE,4CAA6CN,EAAO,SAAS,MAAM,CAAA,CAAE,EAGzE,SAAAO,EAACE,EAAA,CAAK,KAAK,cAAc,UAAU,QAAA,CAAS,CAAA,CAAA,EAIhD,SAAAF,EAAC,MAAA,CAAI,UAAU,cACb,SAAAG,EAAC,OAAA,CACC,SAAWC,GAAU,CACnBA,EAAM,gBAAA,EACNA,EAAM,YAAY,gBAAA,EAClBT,EAAaE,CAAQ,EAAEO,CAAK,CAC9B,EACA,UAAU,6BAEV,SAAA,CAAAJ,EAACK,EAAA,CAAa,QAAAX,EAAkB,KAAK,OAAO,MAAM,iBAAiB,EACnEM,EAACM,EAAA,CAAc,QAAAZ,EAAkB,KAAK,YAAY,SAAA,mBAElD,IACCa,EAAA,CAAO,KAAK,SAAS,KAAK,KAAK,SAAA,WAAA,CAEhC,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"setCustomLink.js","sources":["../../../../../../../../../lib/shared/ui/formElements/controlled/editor/ui/commands/setCustomLink.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/react'\nimport { z } from 'zod'\nimport { useControlledForm } from '$/shared/hooks'\nimport { Button, Icon, InputControl, Popover, SwitchControl } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ninterface ISetCustomLinkProps {\n  editor: Editor\n}\n\nconst linkSchema = z.object({\n  href: z.string().url(),\n  underline: z.boolean().optional().default(true)\n})\n\ntype LinkSchema = z.infer<typeof linkSchema>\n\nexport const SetCustomLink = ({ editor }: ISetCustomLinkProps) => {\n  const { control, handleSubmit } = useControlledForm({\n    schema: linkSchema,\n    defaultValues: {\n      href: '',\n      underline: true\n    }\n  })\n\n  const onSubmit = (values: LinkSchema) => {\n    editor\n      ?.chain()\n      .focus()\n      .extendMarkRange('link')\n      .setLink({\n        href: values?.href,\n        rel: 'noopener noreferrer',\n        target: '_blank',\n        class: cn('text-color-primary-default', { 'underline underline-offset-4': values?.underline })\n      })\n      .run()\n  }\n\n  return (\n    <div>\n      <Popover\n        classes={{ content: 'w-[360px] max-w-full' }}\n        triggerElement={\n          <span\n            title='Добавить заголовок'\n            className={cn(\n              'flex size-7 cursor-pointer items-center justify-center rounded-sm text-color-secondary outline-none transition-colors hover:bg-color-primary-hover hover:text-color-white',\n              { '!bg-color-primary-hover !text-color-white': editor.isActive('link') }\n            )}\n          >\n            <Icon name='editor/link' className='size-4' />\n          </span>\n        }\n      >\n        <div className='flex flex-1'>\n          <form\n            onSubmit={(event) => {\n              event.stopPropagation()\n              event.nativeEvent.stopPropagation()\n              handleSubmit(onSubmit)(event)\n            }}\n            className='flex flex-1 flex-col gap-4'\n          >\n            <InputControl control={control} name='href' label='Введите ссылку' />\n            <SwitchControl control={control} name='underline'>\n              С подчеркиванием\n            </SwitchControl>\n            <Button type='submit' size='sm'>\n              Сохранить\n            </Button>\n          </form>\n        </div>\n      </Popover>\n    </div>\n  )\n}\n"],"names":["linkSchema","z.object","z.string","z.boolean","SetCustomLink","editor","control","handleSubmit","useControlledForm","onSubmit","values","cn","jsx","Popover","Icon","jsxs","event","InputControl","SwitchControl","Button"],"mappings":"67DAUA,MAAMA,EAAaC,EAAS,CAC1B,KAAMC,EAAE,EAAS,IAAA,EACjB,UAAWC,EAAE,EAAU,SAAA,EAAW,QAAQ,EAAI,CAChD,CAAC,EAIYC,GAAgB,CAAC,CAAE,OAAAC,KAAkC,CAChE,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAA,EAAiBC,EAAkB,CAClD,OAAQR,EACR,cAAe,CACb,KAAM,GACN,UAAW,EAAA,CACb,CACD,EAEKS,EAAYC,GAAuB,CACvCL,GAAA,MAAAA,EACI,QACD,QACA,gBAAgB,QAChB,QAAQ,CACP,KAAMK,GAAA,YAAAA,EAAQ,KACd,IAAK,sBACL,OAAQ,SACR,MAAOC,EAAG,6BAA8B,CAAE,+BAAgCD,GAAA,YAAAA,EAAQ,UAAW,CAAA,GAE9F,KACL,EAEA,SACG,MAAA,CACC,SAAAE,EAACC,EAAA,CACC,QAAS,CAAE,QAAS,sBAAA,EACpB,eACED,EAAC,OAAA,CACC,MAAM,qBACN,UAAWD,EACT,4KACA,CAAE,4CAA6CN,EAAO,SAAS,MAAM,CAAA,CAAE,EAGzE,SAAAO,EAACE,EAAA,CAAK,KAAK,cAAc,UAAU,QAAA,CAAS,CAAA,CAAA,EAIhD,SAAAF,EAAC,MAAA,CAAI,UAAU,cACb,SAAAG,EAAC,OAAA,CACC,SAAWC,GAAU,CACnBA,EAAM,gBAAA,EACNA,EAAM,YAAY,gBAAA,EAClBT,EAAaE,CAAQ,EAAEO,CAAK,CAC9B,EACA,UAAU,6BAEV,SAAA,CAAAJ,EAACK,EAAA,CAAa,QAAAX,EAAkB,KAAK,OAAO,MAAM,iBAAiB,EACnEM,EAACM,EAAA,CAAc,QAAAZ,EAAkB,KAAK,YAAY,SAAA,mBAElD,IACCa,EAAA,CAAO,KAAK,SAAS,KAAK,KAAK,SAAA,WAAA,CAEhC,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAAA,EAEJ,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/controlled/index.ts"],"sourcesContent":["import { AutocompleteControl } from './autocomplete'\nexport type { AutocompleteControlProps } from './autocomplete'\nimport { CheckboxControl } from './checkbox'\nexport type { CheckboxControlProps } from './checkbox'\nimport { DadataAddress, DadataAuto, DadataCountry, DadataFio, DadataOrganization } from './dadata'\nexport type { DadataFioProps, DadataCountryProps, DadataOrganizationProps, DadataAutoProps, DadataAddressProps } from './dadata'\nimport { DayPickerControl } from './dayPickerControl'\nexport type { DayPickerControlProps } from './dayPickerControl'\nimport { EditorControl } from './editor'\nexport type { EditorControlProps, EditorControlClasses } from './editor'\nimport { InputControl, MaskInputControl } from './input'\nexport type { InputControlProps, MaskInputControlProps } from './input'\nimport { InputCurrencyControl } from './inputCurrency'\nexport type { InputCurrencyControlProps, ICurrencyOption, TCurrencyVariant } from './inputCurrency'\nimport { InputOtpControl } from './inputOtp'\nexport type { InputOtpControlProps } from './inputOtp'\nimport { RadioGroupCardControl, RadioGroupControl, RadioGroupTabControl } from './radio'\nexport type { RadioGroupControlProps } from './radio'\nimport { SliderControl } from './slider'\nexport type { SliderControlProps } from './slider'\nimport { SwitchControl } from './switch'\nexport type { SwitchControlProps } from './switch'\nimport { TextareaControl } from './textarea'\nexport type { TextareaControlProps } from './textarea'\nimport { UploaderControl } from './uploader'\nexport type { UploaderControlProps } from './uploader'\nimport { ComboboxControl } from './combobox'\nexport type { ComboboxControlProps } from './combobox'\n\n/**\n * @example\n * ```ts\n * It's ok\n * import { UploaderControl } from '@scbt-ecom/ui'\n *\n * Not ok (tree shaking doesn't work)\n * import { Controlled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use ComponentControl instead\n */\nexport const Controlled = {\n  InputControl,\n  MaskInputControl,\n  DayPickerControl,\n  CheckboxControl,\n  SwitchControl,\n  RadioGroupControl,\n  RadioGroupTabControl,\n  RadioGroupCardControl,\n  AutocompleteControl,\n  DadataFio,\n  DadataAddress,\n  DadataCountry,\n  DadataAuto,\n  DadataOrganization,\n  SliderControl,\n  TextareaControl,\n  UploaderControl,\n  InputOtpControl,\n  EditorControl,\n  InputCurrencyControl,\n  ComboboxControl\n}\n"],"names":["Controlled","InputControl","MaskInputControl","DayPickerControl","CheckboxControl","SwitchControl","RadioGroupControl","RadioGroupTabControl","RadioGroupCardControl","AutocompleteControl","DadataFio","DadataAddress","DadataCountry","DadataAuto","DadataOrganization","SliderControl","TextareaControl","UploaderControl","InputOtpControl","EditorControl","InputCurrencyControl","ComboboxControl"],"mappings":"g1CAwCO,MAAMA,EAAa,CACxB,aAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,cAAAC,EACA,cAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,gBAAAC,CACF"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/controlled/index.ts"],"sourcesContent":["import { AutocompleteControl } from './autocomplete'\nexport type { AutocompleteControlProps } from './autocomplete'\nimport { CheckboxControl } from './checkbox'\nexport type { CheckboxControlProps } from './checkbox'\nimport { DadataAddress, DadataAuto, DadataCountry, DadataFio, DadataOrganization } from './dadata'\nexport type { DadataFioProps, DadataCountryProps, DadataOrganizationProps, DadataAutoProps, DadataAddressProps } from './dadata'\nimport { DayPickerControl } from './dayPickerControl'\nexport type { DayPickerControlProps } from './dayPickerControl'\nimport { EditorControl } from './editor'\nexport type { EditorControlProps, EditorControlClasses } from './editor'\nimport { InputControl, MaskInputControl } from './input'\nexport type { InputControlProps, MaskInputControlProps } from './input'\nimport { InputCurrencyControl } from './inputCurrency'\nexport type { InputCurrencyControlProps } from './inputCurrency'\nimport { InputOtpControl } from './inputOtp'\nexport type { InputOtpControlProps } from './inputOtp'\nimport { RadioGroupCardControl, RadioGroupControl, RadioGroupTabControl } from './radio'\nexport type { RadioGroupControlProps } from './radio'\nimport { SliderControl } from './slider'\nexport type { SliderControlProps } from './slider'\nimport { SwitchControl } from './switch'\nexport type { SwitchControlProps } from './switch'\nimport { TextareaControl } from './textarea'\nexport type { TextareaControlProps } from './textarea'\nimport { UploaderControl } from './uploader'\nexport type { UploaderControlProps } from './uploader'\nimport { ComboboxControl } from './combobox'\nexport type { ComboboxControlProps } from './combobox'\n\n/**\n * @example\n * ```ts\n * It's ok\n * import { UploaderControl } from '@scbt-ecom/ui'\n *\n * Not ok (tree shaking doesn't work)\n * import { Controlled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use ComponentControl instead\n */\nexport const Controlled = {\n  InputControl,\n  MaskInputControl,\n  DayPickerControl,\n  CheckboxControl,\n  SwitchControl,\n  RadioGroupControl,\n  RadioGroupTabControl,\n  RadioGroupCardControl,\n  AutocompleteControl,\n  DadataFio,\n  DadataAddress,\n  DadataCountry,\n  DadataAuto,\n  DadataOrganization,\n  SliderControl,\n  TextareaControl,\n  UploaderControl,\n  InputOtpControl,\n  EditorControl,\n  InputCurrencyControl,\n  ComboboxControl\n}\n"],"names":["Controlled","InputControl","MaskInputControl","DayPickerControl","CheckboxControl","SwitchControl","RadioGroupControl","RadioGroupTabControl","RadioGroupCardControl","AutocompleteControl","DadataFio","DadataAddress","DadataCountry","DadataAuto","DadataOrganization","SliderControl","TextareaControl","UploaderControl","InputOtpControl","EditorControl","InputCurrencyControl","ComboboxControl"],"mappings":"g1CAwCO,MAAMA,EAAa,CACxB,aAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,sBAAAC,EACA,oBAAAC,EACA,UAAAC,EACA,cAAAC,EACA,cAAAC,EACA,WAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,qBAAAC,EACA,gBAAAC,CACF"}

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

@@ -1,2 +1,2 @@
-import{jsxs as w,jsx as i}from"react/jsx-runtime";import{useController as C}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{InputBase as I}from"../../uncontrolled/input/Input.js";import{cn as j}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../editor/ui/Editor.js";import"./MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const ot=({control:p,name:s,defaultValue:e,disabled:o,rules:a,shouldUnregister:n,helperText:l,classes:c,...r})=>{const{field:f,fieldState:u}=C({control:p,name:s,defaultValue:e,disabled:o,rules:a,shouldUnregister:n}),{error:t,invalid:m,isTouched:d}=u,{message:h,root:x,...g}=c||{};return w("div",{className:j("w-full",x),children:[i(I,{...r,...f,classes:g,invalid:m,attachmentProps:{invalid:m,isTouched:d,withValidateIcons:!0,...r.attachmentProps}}),i(v,{text:(t==null?void 0:t.message)||l,className:h,intent:t?"error":"simple",disabled:o})]})};export{ot as InputControl};
+import{jsxs as w,jsx as i}from"react/jsx-runtime";import{useController as C}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{InputBase as I}from"../../uncontrolled/input/Input.js";import{cn as j}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../editor/ui/Editor.js";import"./MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const rt=({control:p,name:s,defaultValue:e,disabled:o,rules:a,shouldUnregister:n,helperText:l,classes:c,...r})=>{const{field:f,fieldState:u}=C({control:p,name:s,defaultValue:e,disabled:o,rules:a,shouldUnregister:n}),{error:t,invalid:m,isTouched:d}=u,{message:h,root:x,...g}=c||{};return w("div",{className:j("w-full",x),children:[i(I,{...r,...f,classes:g,invalid:m,attachmentProps:{invalid:m,isTouched:d,withValidateIcons:!0,...r.attachmentProps}}),i(v,{text:(t==null?void 0:t.message)||l,className:h,intent:t?"error":"simple",disabled:o})]})};export{rt as InputControl};
 //# sourceMappingURL=InputControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/InputControl.tsx"],"sourcesContent":["'use client'\n\nimport { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputBase, type InputBaseProps } from '../../uncontrolled/input'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype InputControlClasses = InputBaseProps['classes'] & {\n  message?: string\n  root?: string\n}\n\nexport type InputControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<InputBaseProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: InputControlClasses\n  }\n\nexport const InputControl = <TFieldValues extends FieldValues = FieldValues>({\n  control,\n  name,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  helperText,\n  classes,\n  ...props\n}: InputControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { message, root, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', root)}>\n      <InputBase\n        {...props}\n        {...field}\n        classes={restClasses}\n        invalid={invalid}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: true,\n          ...props.attachmentProps\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["InputControl","control","name","defaultValue","disabled","rules","shouldUnregister","helperText","classes","props","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","cn","jsx","InputBase","MessageView"],"mappings":"w9CA+BO,MAAMA,GAAe,CAAiD,CAC3E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAuC,CACrC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBV,GAAW,CAAA,EAErD,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUF,CAAI,EAC/B,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAASQ,EACT,QAAAJ,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,CACX,CAAA,EAEFW,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWS,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"InputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/InputControl.tsx"],"sourcesContent":["'use client'\n\nimport { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputBase, type InputBaseProps } from '../../uncontrolled/input'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype InputControlClasses = InputBaseProps['classes'] & {\n  message?: string\n  root?: string\n}\n\nexport type InputControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<InputBaseProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: InputControlClasses\n  }\n\nexport const InputControl = <TFieldValues extends FieldValues = FieldValues>({\n  control,\n  name,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  helperText,\n  classes,\n  ...props\n}: InputControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { message, root, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', root)}>\n      <InputBase\n        {...props}\n        {...field}\n        classes={restClasses}\n        invalid={invalid}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: true,\n          ...props.attachmentProps\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["InputControl","control","name","defaultValue","disabled","rules","shouldUnregister","helperText","classes","props","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","cn","jsx","InputBase","MessageView"],"mappings":"khDA+BO,MAAMA,GAAe,CAAiD,CAC3E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAuC,CACrC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBV,GAAW,CAAA,EAErD,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUF,CAAI,EAC/B,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAASQ,EACT,QAAAJ,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,CACX,CAAA,EAEFW,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWS,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as I,jsx as i}from"react/jsx-runtime";import{memo as g}from"react";import{useController as w}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{MaskInput as M}from"../../uncontrolled/maskInput/MaskInput.js";import{cn as j}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../editor/ui/Editor.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as k}from"../../ui/MessageView.js";const v=({control:p,name:e,defaultValue:s,disabled:o,rules:n,shouldUnregister:a,classes:c,helperText:l,...r})=>{const{field:f,fieldState:u}=w({control:p,name:e,defaultValue:s,disabled:o,rules:n,shouldUnregister:a}),{error:t,invalid:m,isTouched:d}=u,{message:h,container:x,...C}=c||{};return I("div",{className:j("w-full",x),children:[i(M,{...r,...f,invalid:m,classes:C,attachmentProps:{invalid:m,isTouched:d,withValidateIcons:!0,...r.attachmentProps}}),i(k,{text:(t==null?void 0:t.message)||l,className:h,intent:t?"error":"simple",disabled:o})]})},rt=g(v);export{rt as MaskInputControl};
+import{jsxs as I,jsx as i}from"react/jsx-runtime";import{memo as g}from"react";import{useController as w}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{MaskInput as M}from"../../uncontrolled/maskInput/MaskInput.js";import{cn as j}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../editor/ui/Editor.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as k}from"../../ui/MessageView.js";const v=({control:p,name:e,defaultValue:s,disabled:o,rules:n,shouldUnregister:a,classes:c,helperText:l,...r})=>{const{field:f,fieldState:u}=w({control:p,name:e,defaultValue:s,disabled:o,rules:n,shouldUnregister:a}),{error:t,invalid:m,isTouched:d}=u,{message:h,container:x,...C}=c||{};return I("div",{className:j("w-full",x),children:[i(M,{...r,...f,invalid:m,classes:C,attachmentProps:{invalid:m,isTouched:d,withValidateIcons:!0,...r.attachmentProps}}),i(k,{text:(t==null?void 0:t.message)||l,className:h,intent:t?"error":"simple",disabled:o})]})},mt=g(v);export{mt as MaskInputControl};
 //# sourceMappingURL=MaskInputControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MaskInputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/MaskInputControl.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MaskInput, type MaskInputProps } from '../../uncontrolled/maskInput'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype MaskInputClasses = MaskInputProps['classes'] & {\n  message?: string\n}\n\nexport type MaskInputControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<MaskInputProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: MaskInputClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n  }\n\nconst InnerComponent = <TFieldValues extends FieldValues = FieldValues>({\n  control,\n  name,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  classes,\n  helperText,\n  ...props\n}: MaskInputControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { message, container, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <MaskInput\n        {...props}\n        {...field}\n        invalid={invalid}\n        classes={restClasses}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: true,\n          ...props.attachmentProps\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n\nexport const MaskInputControl = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","container","restClasses","cn","jsx","MaskInput","MessageView","MaskInputControl","memo"],"mappings":"y8CA+BA,MAAMA,EAAiB,CAAiD,CACtE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAAAI,EACA,QAASI,EACT,gBAAiB,CACf,QAAAJ,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,CACX,CAAA,EAEFW,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ,EAEamB,GAAmBC,EAAKxB,CAAc"}
+{"version":3,"file":"MaskInputControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/input/MaskInputControl.tsx"],"sourcesContent":["'use client'\n\nimport { memo } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MaskInput, type MaskInputProps } from '../../uncontrolled/maskInput'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype MaskInputClasses = MaskInputProps['classes'] & {\n  message?: string\n}\n\nexport type MaskInputControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<MaskInputProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: MaskInputClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n  }\n\nconst InnerComponent = <TFieldValues extends FieldValues = FieldValues>({\n  control,\n  name,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  classes,\n  helperText,\n  ...props\n}: MaskInputControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { message, container, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <MaskInput\n        {...props}\n        {...field}\n        invalid={invalid}\n        classes={restClasses}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: true,\n          ...props.attachmentProps\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n\nexport const MaskInputControl = memo(InnerComponent) as typeof InnerComponent\n"],"names":["InnerComponent","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","container","restClasses","cn","jsx","MaskInput","MessageView","MaskInputControl","memo"],"mappings":"mgDA+BA,MAAMA,EAAiB,CAAiD,CACtE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA2C,CACzC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAAAI,EACA,QAASI,EACT,gBAAiB,CACf,QAAAJ,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,CACX,CAAA,EAEFW,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ,EAEamB,GAAmBC,EAAKxB,CAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as r}from"react/jsx-runtime";import*as g from"react";import{useController as b}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{NumericFormat as T}from"../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getDelimiterForCurrency as V,currencyOptionsList as D}from"./model/helpers.js";import{useInputCurrency as G}from"./model/useInputCurrency.js";import{MenuTrigger as q}from"./ui/MenuTrigger.js";import{OptionList as z}from"./ui/OptionList.js";import{useClickOutside as A}from"../../../../hooks/useClickOutside.js";import{cn as l}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import{InputBase as E}from"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import{MessageView as J}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ho=({defaultCurrency:C="rubles",label:y,helperText:v,control:w,classes:i,disabled:u,name:B,defaultValue:I,rules:N,attachmentProps:O,shouldUnregister:k,externalHandlers:o,...m})=>{const h=g.useId(),p=g.useRef(null),{menuIsOpen:M,currentCurrencyOption:f,onSelectOption:R,onToggleMenu:S,onCloseMenu:j}=G(C);A(p,j);const{field:n,fieldState:F}=b({control:w,name:B,defaultValue:I,disabled:u,rules:N,shouldUnregister:k}),{error:t,invalid:L}=F;return c("div",{ref:p,className:l("relative flex w-full flex-col",i==null?void 0:i.container),children:[r(E,{label:y,value:n.value,invalid:L,attachmentProps:O,onBlur:e=>{m!=null&&m.onBlur&&(m==null||m.onBlur(e)),o!=null&&o.onBlur&&o.onBlur(e)},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,renderValues:()=>c("div",{className:"flex w-full justify-between",children:[r(T,{...n,...m,id:h,"aria-invalid":t!=null&&t.message?"true":"false",thousandsGroupStyle:"wan",thousandSeparator:" ",prefix:V(f.currency),getInputRef:n.ref,allowNegative:!1,disabled:u,className:l("desk-body-regular-l w-full bg-color-transparent text-color-dark outline-none transition-all",i==null?void 0:i.input)}),r(q,{onToggleMenu:S,currentCurrencyOption:f}),r(z,{menuIsOpen:M,optionsList:D,onSelectOption:R})]})}),r(J,{className:i==null?void 0:i.message,intent:t!=null&&t.message?"error":"simple",text:(t==null?void 0:t.message)||v,disabled:u})]})};export{ho as InputCurrencyControl};
+import{jsxs as g,jsx as i}from"react/jsx-runtime";import{useController as w}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as I}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import{InputCurrencyBase as j}from"../../uncontrolled/inputCurrency/InputCurrency.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as v}from"../../ui/MessageView.js";const rt=({control:m,name:p,rules:e,shouldUnregister:s,disabled:o,defaultValue:n,helperText:a,classes:c,...l})=>{const{field:f,fieldState:u}=w({control:m,name:p,rules:e,shouldUnregister:s,disabled:o,defaultValue:n}),{error:t,invalid:r,isTouched:d}=u,{root:h,input:x,message:C}=c??{};return g("div",{className:I("w-full",h),children:[i(j,{...l,...f,classes:x,invalid:r,attachmentProps:{invalid:r,isTouched:d,withValidateIcons:!1}}),i(v,{text:(t==null?void 0:t.message)||a,className:C,intent:t?"error":"simple",disabled:o})]})};export{rt as InputCurrencyControl};
 //# sourceMappingURL=InputCurrencyControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputCurrencyControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.tsx"],"sourcesContent":["import * as React from 'react'\nimport { type ReactElement } from 'react'\nimport { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { NumericFormat } from 'react-number-format'\nimport { currencyOptionsList, getDelimiterForCurrency } from './model/helpers'\nimport { useInputCurrency } from './model/useInputCurrency'\nimport { MenuTrigger, OptionList } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { InputBase, type InputBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type TCurrencyVariant = 'euro' | 'dollars' | 'rubles' | 'yuan' | 'dirhams'\nexport interface ICurrencyOption {\n  ruName: string\n  engName: string\n  currency: TCurrencyVariant\n}\n\ntype ExternalHandlers = {\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void\n}\n\nexport type InputCurrencyControlProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = Omit<InputBaseProps, 'externalHandlers' | 'onChange' | 'value' | 'defaultValue' | 'type'> &\n  UseControllerProps<TFieldValues, TName> & {\n    classes?: any // TODO ADD CLASSES AND CONNECT WITH BACKEND API TO GET CURRENCY\n    defaultCurrency?: TCurrencyVariant\n    disabled?: boolean\n    label: string\n    helperText?: string | ReactElement\n    externalHandlers?: ExternalHandlers\n  }\n\nexport const InputCurrencyControl = <T extends FieldValues>({\n  defaultCurrency = 'rubles',\n  label,\n  helperText,\n  control,\n  classes,\n  disabled,\n  name,\n  defaultValue,\n  rules,\n  attachmentProps,\n  shouldUnregister,\n  externalHandlers,\n  ...props\n}: InputCurrencyControlProps<T>) => {\n  const inputId = React.useId()\n  const containerRef = React.useRef<HTMLDivElement | null>(null)\n  const { menuIsOpen, currentCurrencyOption, onSelectOption, onToggleMenu, onCloseMenu } = useInputCurrency(defaultCurrency)\n  useClickOutside(containerRef, onCloseMenu)\n\n  const { field, fieldState } = useController({ control, name, defaultValue, disabled, rules, shouldUnregister })\n\n  const { error, invalid } = fieldState\n\n  return (\n    <div ref={containerRef} className={cn('relative flex w-full flex-col', classes?.container)}>\n      <InputBase\n        label={label}\n        value={field.value}\n        invalid={invalid}\n        attachmentProps={attachmentProps}\n        onBlur={(e) => {\n          if (props?.onBlur) props?.onBlur(e)\n          if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n        }}\n        onClick={externalHandlers?.onClick}\n        onFocus={externalHandlers?.onBlur}\n        renderValues={() => (\n          <div className='flex w-full justify-between'>\n            <NumericFormat\n              {...field}\n              {...props}\n              id={inputId}\n              aria-invalid={error?.message ? 'true' : 'false'}\n              thousandsGroupStyle='wan'\n              thousandSeparator=' '\n              prefix={getDelimiterForCurrency(currentCurrencyOption.currency)}\n              getInputRef={field.ref}\n              allowNegative={false}\n              disabled={disabled}\n              className={cn(\n                'desk-body-regular-l w-full bg-color-transparent text-color-dark outline-none transition-all',\n                classes?.input\n              )}\n            />\n            <MenuTrigger onToggleMenu={onToggleMenu} currentCurrencyOption={currentCurrencyOption} />\n            <OptionList menuIsOpen={menuIsOpen} optionsList={currencyOptionsList} onSelectOption={onSelectOption} />\n          </div>\n        )}\n      />\n\n      <MessageView\n        className={classes?.message}\n        intent={error?.message ? 'error' : 'simple'}\n        text={error?.message || helperText}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["InputCurrencyControl","defaultCurrency","label","helperText","control","classes","disabled","name","defaultValue","rules","attachmentProps","shouldUnregister","externalHandlers","props","inputId","React","containerRef","menuIsOpen","currentCurrencyOption","onSelectOption","onToggleMenu","onCloseMenu","useInputCurrency","useClickOutside","field","fieldState","useController","error","invalid","jsxs","cn","jsx","InputBase","NumericFormat","getDelimiterForCurrency","MenuTrigger","OptionList","currencyOptionsList","MessageView"],"mappings":"y5DAuCO,MAAMA,GAAuB,CAAwB,CAC1D,gBAAAC,EAAkB,SAClB,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAoC,CAClC,MAAMC,EAAUC,EAAM,MAAA,EAChBC,EAAeD,EAAM,OAA8B,IAAI,EACvD,CAAE,WAAAE,EAAY,sBAAAC,EAAuB,eAAAC,EAAgB,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,EAAiBrB,CAAe,EACzHsB,EAAgBP,EAAcK,CAAW,EAEzC,KAAM,CAAE,MAAAG,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAAE,QAAAtB,EAAS,KAAAG,EAAM,aAAAC,EAAc,SAAAF,EAAU,MAAAG,EAAO,iBAAAE,CAAA,CAAkB,EAExG,CAAE,MAAAgB,EAAO,QAAAC,CAAA,EAAYH,EAE3B,OACEI,EAAC,OAAI,IAAKb,EAAc,UAAWc,EAAG,gCAAiCzB,GAAA,YAAAA,EAAS,SAAS,EACvF,SAAA,CAAA0B,EAACC,EAAA,CACC,MAAA9B,EACA,MAAOsB,EAAM,MACb,QAAAI,EACA,gBAAAlB,EACA,OAAS,GAAM,CACTG,GAAA,MAAAA,EAAO,SAAQA,GAAA,MAAAA,EAAO,OAAO,IAC7BD,GAAA,MAAAA,EAAkB,QAAQA,EAAiB,OAAO,CAAC,CACzD,EACA,QAASA,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,aAAc,IACZiB,EAAC,MAAA,CAAI,UAAU,8BACb,SAAA,CAAAE,EAACE,EAAA,CACE,GAAGT,EACH,GAAGX,EACJ,GAAIC,EACJ,eAAca,GAAA,MAAAA,EAAO,QAAU,OAAS,QACxC,oBAAoB,MACpB,kBAAkB,IAClB,OAAQO,EAAwBhB,EAAsB,QAAQ,EAC9D,YAAaM,EAAM,IACnB,cAAe,GACf,SAAAlB,EACA,UAAWwB,EACT,8FACAzB,GAAA,YAAAA,EAAS,KAAA,CACX,CAAA,EAEF0B,EAACI,EAAA,CAAY,aAAAf,EAA4B,sBAAAF,CAAA,CAA8C,EACvFa,EAACK,EAAA,CAAW,WAAAnB,EAAwB,YAAaoB,EAAqB,eAAAlB,CAAA,CAAgC,CAAA,CAAA,CACxG,CAAA,CAAA,EAIJY,EAACO,EAAA,CACC,UAAWjC,GAAA,YAAAA,EAAS,QACpB,OAAQsB,GAAA,MAAAA,EAAO,QAAU,QAAU,SACnC,MAAMA,GAAA,YAAAA,EAAO,UAAWxB,EACxB,SAAAG,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"InputCurrencyControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputCurrency/InputCurrencyControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { InputCurrencyBase, type InputCurrencyBaseProps } from '../../uncontrolled/inputCurrency'\nimport { cn } from '$/shared/utils'\n\ntype InputCurrencyControlClasses = {\n  root?: string\n  message?: string\n  input?: InputCurrencyBaseProps['classes']\n}\n\nexport type InputCurrencyControlProps<TFieldValues extends FieldValues = FieldValues> = UseControllerProps<\n  TFieldValues,\n  FieldPath<TFieldValues>\n> &\n  Omit<InputCurrencyBaseProps, 'classes'> & {\n    control: Control<TFieldValues>\n    helperText?: string\n    classes?: InputCurrencyControlClasses\n  }\n\nexport const InputCurrencyControl = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  rules,\n  shouldUnregister,\n  disabled,\n  defaultValue,\n  helperText,\n  classes,\n  ...props\n}: InputCurrencyControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    shouldUnregister,\n    disabled,\n    defaultValue\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { root, input, message } = classes ?? {}\n\n  return (\n    <div className={cn('w-full', root)}>\n      <InputCurrencyBase\n        {...props}\n        {...field}\n        classes={input}\n        invalid={invalid}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: false\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["InputCurrencyControl","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","classes","props","field","fieldState","useController","error","invalid","isTouched","root","input","message","cn","jsx","InputCurrencyBase","MessageView"],"mappings":"iiDAqBO,MAAMA,GAAuB,CAAmC,CACrE,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA+C,CAC7C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,MAAAO,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,KAAAK,EAAM,MAAAC,EAAO,QAAAC,CAAA,EAAYV,GAAW,CAAA,EAE5C,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAI,EAC/B,SAAA,CAAAI,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,QAASO,EACT,QAAAH,EACA,gBAAiB,CACf,QAAAA,EACA,UAAAC,EACA,kBAAmB,EAAA,CACrB,CAAA,EAEFK,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWW,EACX,OAAQL,EAAQ,QAAU,SAC1B,SAAAR,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as r}from"react/jsx-runtime";import{useController as j}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as v}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import{InputOtpBase as w}from"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import{MessageView as I}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const tt=({control:m,name:i,defaultValue:p,disabled:o,rules:s,shouldUnregister:e,classes:n,helperText:l,...a})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,disabled:o,rules:s,shouldUnregister:e}),{error:t,invalid:u}=f,{container:x,message:d,...g}=n||{};return C("div",{className:v("w-full",x),children:[r(w,{...c,...a,invalid:u,classes:g}),r(I,{text:(t==null?void 0:t.message)||l,className:d,intent:t?"error":"simple",disabled:o})]})};export{tt as InputOtpControl};
+import{jsxs as C,jsx as r}from"react/jsx-runtime";import{useController as j}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as v}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import{InputOtpBase as w}from"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as I}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ot=({control:m,name:i,defaultValue:p,disabled:o,rules:s,shouldUnregister:e,classes:n,helperText:l,...a})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,disabled:o,rules:s,shouldUnregister:e}),{error:t,invalid:u}=f,{container:x,message:d,...g}=n||{};return C("div",{className:v("w-full",x),children:[r(w,{...c,...a,invalid:u,classes:g}),r(I,{text:(t==null?void 0:t.message)||l,className:d,intent:t?"error":"simple",disabled:o})]})};export{ot as InputOtpControl};
 //# sourceMappingURL=InputOtpControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputOtpControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.tsx"],"sourcesContent":["import { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputOtpBase, type InputOtpBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype InputOtpControlClasses = InputOtpBaseProps['classes'] & {\n  message?: string\n  container?: string\n}\n\nexport type InputOtpControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<InputOtpBaseProps, 'classes'> & {\n    classes?: InputOtpControlClasses\n    helperText?: string\n  }\n\nexport const InputOtpControl = <TFieldValues extends FieldValues = FieldValues>({\n  control,\n  name,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  classes,\n  helperText,\n  ...props\n}: InputOtpControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name, defaultValue, disabled, rules, shouldUnregister })\n\n  const { error, invalid } = fieldState\n\n  const { container, message, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <InputOtpBase {...field} {...props} invalid={invalid} classes={restClasses} />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["InputOtpControl","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","container","message","restClasses","cn","jsx","InputOtpBase","MessageView"],"mappings":"k+CAmBO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAAE,QAAAX,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,CAAA,CAAkB,EAExG,CAAE,MAAAO,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,UAAAI,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBV,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAS,EACpC,SAAA,CAAAI,EAACC,GAAc,GAAGV,EAAQ,GAAGD,EAAO,QAAAK,EAAkB,QAASG,EAAa,EAC5EE,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"InputOtpControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/inputOtp/InputOtpControl.tsx"],"sourcesContent":["import { type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { InputOtpBase, type InputOtpBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype InputOtpControlClasses = InputOtpBaseProps['classes'] & {\n  message?: string\n  container?: string\n}\n\nexport type InputOtpControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<InputOtpBaseProps, 'classes'> & {\n    classes?: InputOtpControlClasses\n    helperText?: string\n  }\n\nexport const InputOtpControl = <TFieldValues extends FieldValues = FieldValues>({\n  control,\n  name,\n  defaultValue,\n  disabled,\n  rules,\n  shouldUnregister,\n  classes,\n  helperText,\n  ...props\n}: InputOtpControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({ control, name, defaultValue, disabled, rules, shouldUnregister })\n\n  const { error, invalid } = fieldState\n\n  const { container, message, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <InputOtpBase {...field} {...props} invalid={invalid} classes={restClasses} />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["InputOtpControl","control","name","defaultValue","disabled","rules","shouldUnregister","classes","helperText","props","field","fieldState","useController","error","invalid","container","message","restClasses","cn","jsx","InputOtpBase","MessageView"],"mappings":"4hDAmBO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAAE,QAAAX,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,CAAA,CAAkB,EAExG,CAAE,MAAAO,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,UAAAI,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBV,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWW,EAAG,SAAUH,CAAS,EACpC,SAAA,CAAAI,EAACC,GAAc,GAAGV,EAAQ,GAAGD,EAAO,QAAAK,EAAkB,QAASG,EAAa,EAC5EE,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAT,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as k,jsx as r}from"react/jsx-runtime";import{useController as v}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as w}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as G}from"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import{MessageView as R}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const po=({classes:i,className:m,control:p,name:e,rules:s,shouldUnregister:l,disabled:t,defaultValue:a,helperText:n,label:c,...d})=>{const{field:f,fieldState:u}=v({control:p,name:e,rules:s,shouldUnregister:l,disabled:t,defaultValue:a}),{onChange:g,...C}=f,{invalid:x,error:o}=u,{container:h,message:b,label:N,...j}=i||{};return k("div",{className:h,children:[r("p",{className:w("desk-body-regular-l w-full pb-4 text-color-dark",N),children:c}),r(G,{...d,...C,onValueChange:g,invalid:x,className:m,classes:j}),r(R,{text:(o==null?void 0:o.message)||n,className:b,intent:o?"error":"simple",disabled:t})]})};export{po as RadioGroupControl};
+import{jsxs as k,jsx as r}from"react/jsx-runtime";import{useController as v}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as w}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as G}from"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as R}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const eo=({classes:i,className:m,control:p,name:e,rules:s,shouldUnregister:l,disabled:t,defaultValue:a,helperText:n,label:c,...d})=>{const{field:f,fieldState:u}=v({control:p,name:e,rules:s,shouldUnregister:l,disabled:t,defaultValue:a}),{onChange:g,...C}=f,{invalid:x,error:o}=u,{container:h,message:b,label:N,...j}=i||{};return k("div",{className:h,children:[r("p",{className:w("desk-body-regular-l w-full pb-4 text-color-dark",N),children:c}),r(G,{...d,...C,onValueChange:g,invalid:x,className:m,classes:j}),r(R,{text:(o==null?void 0:o.message)||n,className:b,intent:o?"error":"simple",disabled:t})]})};export{eo as RadioGroupControl};
 //# sourceMappingURL=RadioGroupControl.js.map

package/dist/lib/shared/ui/formElements/controlled/radio/RadioGroupControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { RadioGroupBase, type RadioGroupBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype RadioControlClasses = RadioGroupBaseProps['classes'] & {\n  container?: string\n  message?: string\n  label?: string\n}\n\nexport type RadioGroupControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<RadioGroupBaseProps, 'classes' | 'name'> & {\n    /**\n     * Отображаемый лейбл\n     */\n    label: string\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: RadioControlClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n  }\n\nexport const RadioGroupControl = <TFieldValues extends FieldValues = FieldValues>({\n  classes,\n  className,\n  control,\n  name,\n  rules,\n  shouldUnregister,\n  disabled,\n  defaultValue,\n  helperText,\n  label,\n  ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    shouldUnregister,\n    disabled,\n    defaultValue\n  })\n\n  const { onChange, ...restField } = field\n  const { invalid, error } = fieldState\n  const { container, message, label: labelClass, ...restClasses } = classes || {}\n\n  return (\n    <div className={container}>\n      <p className={cn('desk-body-regular-l w-full pb-4 text-color-dark', labelClass)}>{label}</p>\n      <RadioGroupBase\n        {...props}\n        {...restField}\n        onValueChange={onChange}\n        invalid={invalid}\n        className={className}\n        classes={restClasses}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["RadioGroupControl","classes","className","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","label","props","field","fieldState","useController","onChange","restField","invalid","error","container","message","labelClass","restClasses","jsxs","jsx","cn","RadioGroupBase","MessageView"],"mappings":"o+CAkCO,MAAMA,GAAoB,CAAiD,CAChF,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,SAAAO,EAAU,GAAGC,CAAA,EAAcJ,EAC7B,CAAE,QAAAK,EAAS,MAAAC,CAAA,EAAUL,EACrB,CAAE,UAAAM,EAAW,QAAAC,EAAS,MAAOC,EAAY,GAAGC,CAAA,EAAgBrB,GAAW,CAAA,EAE7E,OACEsB,EAAC,MAAA,CAAI,UAAWJ,EACd,SAAA,CAAAK,EAAC,KAAE,UAAWC,EAAG,kDAAmDJ,CAAU,EAAI,SAAAX,EAAM,EACxFc,EAACE,EAAA,CACE,GAAGf,EACH,GAAGK,EACJ,cAAeD,EACf,QAAAE,EACA,UAAAf,EACA,QAASoB,CAAA,CAAA,EAEXE,EAACG,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWT,EACxB,UAAWW,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAX,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"RadioGroupControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/radio/RadioGroupControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { RadioGroupBase, type RadioGroupBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype RadioControlClasses = RadioGroupBaseProps['classes'] & {\n  container?: string\n  message?: string\n  label?: string\n}\n\nexport type RadioGroupControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<RadioGroupBaseProps, 'classes' | 'name'> & {\n    /**\n     * Отображаемый лейбл\n     */\n    label: string\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: RadioControlClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n  }\n\nexport const RadioGroupControl = <TFieldValues extends FieldValues = FieldValues>({\n  classes,\n  className,\n  control,\n  name,\n  rules,\n  shouldUnregister,\n  disabled,\n  defaultValue,\n  helperText,\n  label,\n  ...props\n}: RadioGroupControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    shouldUnregister,\n    disabled,\n    defaultValue\n  })\n\n  const { onChange, ...restField } = field\n  const { invalid, error } = fieldState\n  const { container, message, label: labelClass, ...restClasses } = classes || {}\n\n  return (\n    <div className={container}>\n      <p className={cn('desk-body-regular-l w-full pb-4 text-color-dark', labelClass)}>{label}</p>\n      <RadioGroupBase\n        {...props}\n        {...restField}\n        onValueChange={onChange}\n        invalid={invalid}\n        className={className}\n        classes={restClasses}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["RadioGroupControl","classes","className","control","name","rules","shouldUnregister","disabled","defaultValue","helperText","label","props","field","fieldState","useController","onChange","restField","invalid","error","container","message","labelClass","restClasses","jsxs","jsx","cn","RadioGroupBase","MessageView"],"mappings":"8hDAkCO,MAAMA,GAAoB,CAAiD,CAChF,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,aAAAC,CAAA,CACD,EAEK,CAAE,SAAAO,EAAU,GAAGC,CAAA,EAAcJ,EAC7B,CAAE,QAAAK,EAAS,MAAAC,CAAA,EAAUL,EACrB,CAAE,UAAAM,EAAW,QAAAC,EAAS,MAAOC,EAAY,GAAGC,CAAA,EAAgBrB,GAAW,CAAA,EAE7E,OACEsB,EAAC,MAAA,CAAI,UAAWJ,EACd,SAAA,CAAAK,EAAC,KAAE,UAAWC,EAAG,kDAAmDJ,CAAU,EAAI,SAAAX,EAAM,EACxFc,EAACE,EAAA,CACE,GAAGf,EACH,GAAGK,EACJ,cAAeD,EACf,QAAAE,EACA,UAAAf,EACA,QAASoB,CAAA,CAAA,EAEXE,EAACG,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWT,EACxB,UAAWW,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAX,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useController as C}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as S}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import{SliderBase as h}from"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const X=o=>{const{control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e,classes:l,...n}=o,{field:a,fieldState:c}=C({control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e}),{invalid:d}=c,{container:f,...u}=l||{};return r("div",{className:S("w-full",f),children:r(h,{...n,...a,classes:u,invalid:d})})};export{X as SliderControl};
+import{jsx as r}from"react/jsx-runtime";import{useController as C}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as S}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import{SliderBase as h}from"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Y=o=>{const{control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e,classes:l,...n}=o,{field:a,fieldState:c}=C({control:t,name:i,defaultValue:m,disabled:p,rules:s,shouldUnregister:e}),{invalid:d}=c,{container:f,...u}=l||{};return r("div",{className:S("w-full",f),children:r(h,{...n,...a,classes:u,invalid:d})})};export{Y as SliderControl};
 //# sourceMappingURL=SliderControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/slider/SliderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport type { SliderBaseClasses, SliderGatewayProps } from '../../uncontrolled/slider/model/types'\nimport { SliderBase } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SliderControlClasses = SliderBaseClasses & {\n  container?: string\n}\n\nexport type SliderControlProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  SliderGatewayProps & {\n    control: Control<TFieldValues>\n    classes?: SliderControlClasses\n  }\n\nexport const SliderControl = <TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(\n  props: SliderControlProps<TFieldValues, TName>\n) => {\n  const { control, name, defaultValue, disabled, rules, shouldUnregister, classes, ...restProps } = props\n\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister\n  })\n\n  const { invalid } = fieldState\n\n  const { container, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <SliderBase {...restProps} {...field} classes={restClasses} invalid={invalid} />\n    </div>\n  )\n}\n"],"names":["SliderControl","props","control","name","defaultValue","disabled","rules","shouldUnregister","classes","restProps","field","fieldState","useController","invalid","container","restClasses","cn","jsx","SliderBase"],"mappings":"g6CAkBO,MAAMA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAAcR,EAE5F,CAAE,MAAAS,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,QAAAM,GAAYF,EAEd,CAAE,UAAAG,EAAW,GAAGC,CAAA,EAAgBP,GAAW,CAAA,EAEjD,SACG,MAAA,CAAI,UAAWQ,EAAG,SAAUF,CAAS,EACpC,SAAAG,EAACC,EAAA,CAAY,GAAGT,EAAY,GAAGC,EAAO,QAASK,EAAa,QAAAF,EAAkB,EAChF,CAEJ"}
+{"version":3,"file":"SliderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/slider/SliderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport type { SliderBaseClasses, SliderGatewayProps } from '../../uncontrolled/slider/model/types'\nimport { SliderBase } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SliderControlClasses = SliderBaseClasses & {\n  container?: string\n}\n\nexport type SliderControlProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  SliderGatewayProps & {\n    control: Control<TFieldValues>\n    classes?: SliderControlClasses\n  }\n\nexport const SliderControl = <TFieldValues extends FieldValues, TName extends Path<TFieldValues>>(\n  props: SliderControlProps<TFieldValues, TName>\n) => {\n  const { control, name, defaultValue, disabled, rules, shouldUnregister, classes, ...restProps } = props\n\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    disabled,\n    rules,\n    shouldUnregister\n  })\n\n  const { invalid } = fieldState\n\n  const { container, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <SliderBase {...restProps} {...field} classes={restClasses} invalid={invalid} />\n    </div>\n  )\n}\n"],"names":["SliderControl","props","control","name","defaultValue","disabled","rules","shouldUnregister","classes","restProps","field","fieldState","useController","invalid","container","restClasses","cn","jsx","SliderBase"],"mappings":"09CAkBO,MAAMA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAAU,MAAAC,EAAO,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAAcR,EAE5F,CAAE,MAAAS,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,QAAAM,GAAYF,EAEd,CAAE,UAAAG,EAAW,GAAGC,CAAA,EAAgBP,GAAW,CAAA,EAEjD,SACG,MAAA,CAAI,UAAWQ,EAAG,SAAUF,CAAS,EACpC,SAAAG,EAACC,EAAA,CAAY,GAAGT,EAAY,GAAGC,EAAO,QAASK,EAAa,QAAAF,EAAkB,EAChF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useId as B}from"react";import{useController as F}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as t}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import{Popover as I}from"../../../popover/Popover.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as z}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import{SwitchBase as E}from"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as M}from"../../ui/MessageView.js";const xo=({classes:c,className:n,control:a,name:f,rules:x,defaultValue:d,disabled:o,shouldUnregister:g,children:h,helperText:e,tooltip:m,popoverProps:u,...C})=>{const{field:v,fieldState:y}=F({control:a,name:f,rules:x,defaultValue:d,disabled:o,shouldUnregister:g}),{value:N,onChange:b,...k}=v,{invalid:w,error:s}=y,{container:S,message:l,...j}=c||{},p=B();return i("div",{className:t("flex flex-col",{"pointer-events-none":o},n,S),children:[i("div",{className:"flex items-center gap-2",children:[r(E,{...C,...k,invalid:w,classes:j,id:p,checked:N,onCheckedChange:b}),i("label",{htmlFor:p,className:t("mob-body-regular-l text-color-dark",{"flex flex-col":!!e,"text-color-disabled":o}),children:[h,e&&r("p",{className:t("mob-body-regular-s text-color-tetriary",{"text-color-disabled":o},l),children:e})]}),m&&r(I,{side:"top",classes:{root:"self-start py-[2px]"},triggerElement:r(z,{name:"info/helpCircle",className:t("size-4 text-color-blue-grey-600",{"text-icon-blue-grey-100":o})}),...u,children:m})]}),s&&r(M,{text:s.message,className:l,intent:"error",disabled:o})]})};export{xo as SwitchControl};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useId as B}from"react";import{useController as F}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as t}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import{Popover as I}from"../../../popover/Popover.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as z}from"../../../icon/Icon.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import{SwitchBase as E}from"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as M}from"../../ui/MessageView.js";const go=({classes:c,className:n,control:a,name:f,rules:x,defaultValue:d,disabled:o,shouldUnregister:g,children:h,helperText:e,tooltip:m,popoverProps:u,...C})=>{const{field:v,fieldState:y}=F({control:a,name:f,rules:x,defaultValue:d,disabled:o,shouldUnregister:g}),{value:N,onChange:b,...k}=v,{invalid:w,error:s}=y,{container:S,message:l,...j}=c||{},p=B();return i("div",{className:t("flex flex-col",{"pointer-events-none":o},n,S),children:[i("div",{className:"flex items-center gap-2",children:[r(E,{...C,...k,invalid:w,classes:j,id:p,checked:N,onCheckedChange:b}),i("label",{htmlFor:p,className:t("mob-body-regular-l text-color-dark",{"flex flex-col":!!e,"text-color-disabled":o}),children:[h,e&&r("p",{className:t("mob-body-regular-s text-color-tetriary",{"text-color-disabled":o},l),children:e})]}),m&&r(I,{side:"top",classes:{root:"self-start py-[2px]"},triggerElement:r(z,{name:"info/helpCircle",className:t("size-4 text-color-blue-grey-600",{"text-icon-blue-grey-100":o})}),...u,children:m})]}),s&&r(M,{text:s.message,className:l,intent:"error",disabled:o})]})};export{go as SwitchControl};
 //# sourceMappingURL=SwitchControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/switch/SwitchControl.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { Icon, Popover, SwitchBase, type SwitchBaseProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SwitchControlClasses = SwitchBaseProps['classes'] & {\n  container?: string\n  message?: string\n}\n\ntype PopoverProps = React.ComponentPropsWithoutRef<typeof Popover>\n\nexport type SwitchControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<SwitchBaseProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Отображаемый лейбл\n     */\n    children: React.ReactElement | string\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: SwitchControlClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n    /**\n     * Текст всплывающей подсказки\n     */\n    tooltip?: React.ReactElement | string\n    /**\n     * Свойства `Popover` компонента\n     */\n    popoverProps?: PopoverProps\n  }\n\nexport const SwitchControl = <TFieldValues extends FieldValues = FieldValues>({\n  classes,\n  className,\n  control,\n  name,\n  rules,\n  defaultValue,\n  disabled,\n  shouldUnregister,\n  children,\n  helperText,\n  tooltip,\n  popoverProps,\n  ...props\n}: SwitchControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    disabled,\n    shouldUnregister\n  })\n\n  const { value, onChange, ...restField } = field\n  const { invalid, error } = fieldState\n  const { container, message, ...restClasses } = classes || {}\n  const id = useId()\n\n  return (\n    <div className={cn('flex flex-col', { 'pointer-events-none': disabled }, className, container)}>\n      <div className='flex items-center gap-2'>\n        <SwitchBase\n          {...props}\n          {...restField}\n          invalid={invalid}\n          classes={restClasses}\n          id={id}\n          checked={value}\n          onCheckedChange={onChange}\n        />\n        <label\n          htmlFor={id}\n          className={cn('mob-body-regular-l text-color-dark', {\n            'flex flex-col': Boolean(helperText),\n            'text-color-disabled': disabled\n          })}\n        >\n          {children}\n          {helperText && (\n            <p\n              className={cn(\n                'mob-body-regular-s text-color-tetriary',\n                {\n                  'text-color-disabled': disabled\n                },\n                message\n              )}\n            >\n              {helperText}\n            </p>\n          )}\n        </label>\n        {tooltip && (\n          <Popover\n            side='top'\n            classes={{ root: 'self-start py-[2px]' }}\n            triggerElement={\n              <Icon\n                name='info/helpCircle'\n                className={cn('size-4 text-color-blue-grey-600', {\n                  'text-icon-blue-grey-100': disabled\n                })}\n              />\n            }\n            {...popoverProps}\n          >\n            {tooltip}\n          </Popover>\n        )}\n      </div>\n      {error && <MessageView text={error.message} className={message} intent='error' disabled={disabled} />}\n    </div>\n  )\n}\n"],"names":["SwitchControl","classes","className","control","name","rules","defaultValue","disabled","shouldUnregister","children","helperText","tooltip","popoverProps","props","field","fieldState","useController","value","onChange","restField","invalid","error","container","message","restClasses","id","useId","jsxs","cn","jsx","SwitchBase","Popover","Icon","MessageView"],"mappings":"mlDA4CO,MAAMA,GAAgB,CAAiD,CAC5E,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAwC,CACtC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,SAAAC,EAAU,GAAGC,GAAcL,EACpC,CAAE,QAAAM,EAAS,MAAAC,CAAA,EAAUN,EACrB,CAAE,UAAAO,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBvB,GAAW,CAAA,EACpDwB,EAAKC,EAAA,EAEX,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiB,CAAE,sBAAuBrB,CAAA,EAAYL,EAAWoB,CAAS,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAACC,EAAA,CACE,GAAGjB,EACH,GAAGM,EACJ,QAAAC,EACA,QAASI,EACT,GAAAC,EACA,QAASR,EACT,gBAAiBC,CAAA,CAAA,EAEnBS,EAAC,QAAA,CACC,QAASF,EACT,UAAWG,EAAG,qCAAsC,CAClD,gBAAiB,EAAQlB,EACzB,sBAAuBH,CAAA,CACxB,EAEA,SAAA,CAAAE,EACAC,GACCmB,EAAC,IAAA,CACC,UAAWD,EACT,yCACA,CACE,sBAAuBrB,CAAA,EAEzBgB,CAAA,EAGD,SAAAb,CAAA,CAAA,CACH,CAAA,CAAA,EAGHC,GACCkB,EAACE,EAAA,CACC,KAAK,MACL,QAAS,CAAE,KAAM,qBAAA,EACjB,eACEF,EAACG,EAAA,CACC,KAAK,kBACL,UAAWJ,EAAG,kCAAmC,CAC/C,0BAA2BrB,CAAA,CAC5B,CAAA,CAAA,EAGJ,GAAGK,EAEH,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCU,GAASQ,EAACI,EAAA,CAAY,KAAMZ,EAAM,QAAS,UAAWE,EAAS,OAAO,QAAQ,SAAAhB,CAAA,CAAoB,CAAA,EACrG,CAEJ"}
+{"version":3,"file":"SwitchControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/switch/SwitchControl.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { MessageView } from '../../ui'\nimport { Icon, Popover, SwitchBase, type SwitchBaseProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype SwitchControlClasses = SwitchBaseProps['classes'] & {\n  container?: string\n  message?: string\n}\n\ntype PopoverProps = React.ComponentPropsWithoutRef<typeof Popover>\n\nexport type SwitchControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<SwitchBaseProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Отображаемый лейбл\n     */\n    children: React.ReactElement | string\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: SwitchControlClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n    /**\n     * Текст всплывающей подсказки\n     */\n    tooltip?: React.ReactElement | string\n    /**\n     * Свойства `Popover` компонента\n     */\n    popoverProps?: PopoverProps\n  }\n\nexport const SwitchControl = <TFieldValues extends FieldValues = FieldValues>({\n  classes,\n  className,\n  control,\n  name,\n  rules,\n  defaultValue,\n  disabled,\n  shouldUnregister,\n  children,\n  helperText,\n  tooltip,\n  popoverProps,\n  ...props\n}: SwitchControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    defaultValue,\n    disabled,\n    shouldUnregister\n  })\n\n  const { value, onChange, ...restField } = field\n  const { invalid, error } = fieldState\n  const { container, message, ...restClasses } = classes || {}\n  const id = useId()\n\n  return (\n    <div className={cn('flex flex-col', { 'pointer-events-none': disabled }, className, container)}>\n      <div className='flex items-center gap-2'>\n        <SwitchBase\n          {...props}\n          {...restField}\n          invalid={invalid}\n          classes={restClasses}\n          id={id}\n          checked={value}\n          onCheckedChange={onChange}\n        />\n        <label\n          htmlFor={id}\n          className={cn('mob-body-regular-l text-color-dark', {\n            'flex flex-col': Boolean(helperText),\n            'text-color-disabled': disabled\n          })}\n        >\n          {children}\n          {helperText && (\n            <p\n              className={cn(\n                'mob-body-regular-s text-color-tetriary',\n                {\n                  'text-color-disabled': disabled\n                },\n                message\n              )}\n            >\n              {helperText}\n            </p>\n          )}\n        </label>\n        {tooltip && (\n          <Popover\n            side='top'\n            classes={{ root: 'self-start py-[2px]' }}\n            triggerElement={\n              <Icon\n                name='info/helpCircle'\n                className={cn('size-4 text-color-blue-grey-600', {\n                  'text-icon-blue-grey-100': disabled\n                })}\n              />\n            }\n            {...popoverProps}\n          >\n            {tooltip}\n          </Popover>\n        )}\n      </div>\n      {error && <MessageView text={error.message} className={message} intent='error' disabled={disabled} />}\n    </div>\n  )\n}\n"],"names":["SwitchControl","classes","className","control","name","rules","defaultValue","disabled","shouldUnregister","children","helperText","tooltip","popoverProps","props","field","fieldState","useController","value","onChange","restField","invalid","error","container","message","restClasses","id","useId","jsxs","cn","jsx","SwitchBase","Popover","Icon","MessageView"],"mappings":"6oDA4CO,MAAMA,GAAgB,CAAiD,CAC5E,QAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAwC,CACtC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAb,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAS,EAAO,SAAAC,EAAU,GAAGC,GAAcL,EACpC,CAAE,QAAAM,EAAS,MAAAC,CAAA,EAAUN,EACrB,CAAE,UAAAO,EAAW,QAAAC,EAAS,GAAGC,CAAA,EAAgBvB,GAAW,CAAA,EACpDwB,EAAKC,EAAA,EAEX,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiB,CAAE,sBAAuBrB,CAAA,EAAYL,EAAWoB,CAAS,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAE,EAACC,EAAA,CACE,GAAGjB,EACH,GAAGM,EACJ,QAAAC,EACA,QAASI,EACT,GAAAC,EACA,QAASR,EACT,gBAAiBC,CAAA,CAAA,EAEnBS,EAAC,QAAA,CACC,QAASF,EACT,UAAWG,EAAG,qCAAsC,CAClD,gBAAiB,EAAQlB,EACzB,sBAAuBH,CAAA,CACxB,EAEA,SAAA,CAAAE,EACAC,GACCmB,EAAC,IAAA,CACC,UAAWD,EACT,yCACA,CACE,sBAAuBrB,CAAA,EAEzBgB,CAAA,EAGD,SAAAb,CAAA,CAAA,CACH,CAAA,CAAA,EAGHC,GACCkB,EAACE,EAAA,CACC,KAAK,MACL,QAAS,CAAE,KAAM,qBAAA,EACjB,eACEF,EAACG,EAAA,CACC,KAAK,kBACL,UAAWJ,EAAG,kCAAmC,CAC/C,0BAA2BrB,CAAA,CAC5B,CAAA,CAAA,EAGJ,GAAGK,EAEH,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCU,GAASQ,EAACI,EAAA,CAAY,KAAMZ,EAAM,QAAS,UAAWE,EAAS,OAAO,QAAQ,SAAAhB,CAAA,CAAoB,CAAA,EACrG,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as v,jsx as m}from"react/jsx-runtime";import{useController as w}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as C}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import{TextareaBase as T}from"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import{MessageView as j}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ot=({classes:p,control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l,helperText:c,...i})=>{const{field:f,fieldState:d}=w({control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l}),{error:t,invalid:o,isTouched:x}=d,{message:h,root:u,...g}=p||{};return v("div",{className:C("w-full",u),children:[m(T,{...i,...f,"aria-invalid":o,invalid:o,classes:g,attachmentProps:{invalid:o,isTouched:x,withValidateIcons:!0,...i.attachmentProps}}),m(j,{text:(t==null?void 0:t.message)||c,className:h,intent:t?"error":"simple",disabled:r})]})};export{ot as TextareaControl};
+import{jsxs as v,jsx as m}from"react/jsx-runtime";import{useController as w}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{cn as C}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import{TextareaBase as T}from"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/uploader/UploaderBase.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import{MessageView as j}from"../../ui/MessageView.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const rt=({classes:p,control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l,helperText:c,...i})=>{const{field:f,fieldState:d}=w({control:e,name:s,rules:a,disabled:r,defaultValue:n,shouldUnregister:l}),{error:t,invalid:o,isTouched:x}=d,{message:h,root:u,...g}=p||{};return v("div",{className:C("w-full",u),children:[m(T,{...i,...f,"aria-invalid":o,invalid:o,classes:g,attachmentProps:{invalid:o,isTouched:x,withValidateIcons:!0,...i.attachmentProps}}),m(j,{text:(t==null?void 0:t.message)||c,className:h,intent:t?"error":"simple",disabled:r})]})};export{rt as TextareaControl};
 //# sourceMappingURL=TextareaControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextareaControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/textarea/TextareaControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { TextareaBase, type TextareaBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype TextareaControlClasses = TextareaBaseProps['classes'] & {\n  root?: string\n  message?: string\n}\n\nexport type TextareaControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<TextareaBaseProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: TextareaControlClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n  }\n\nexport const TextareaControl = <TFieldValues extends FieldValues = FieldValues>({\n  classes,\n  control,\n  name,\n  rules,\n  disabled,\n  defaultValue,\n  shouldUnregister,\n  helperText,\n  ...props\n}: TextareaControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    disabled,\n    defaultValue,\n    shouldUnregister\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { message, root, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', root)}>\n      <TextareaBase\n        {...props}\n        {...field}\n        aria-invalid={invalid}\n        invalid={invalid}\n        classes={restClasses}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: true,\n          ...props.attachmentProps\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["TextareaControl","classes","control","name","rules","disabled","defaultValue","shouldUnregister","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","cn","jsx","TextareaBase","MessageView"],"mappings":"k+CA6BO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAM,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBjB,GAAW,CAAA,EAErD,SACG,MAAA,CAAI,UAAWkB,EAAG,SAAUF,CAAI,EAC/B,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,eAAcI,EACd,QAAAA,EACA,QAASI,EACT,gBAAiB,CACf,QAAAJ,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,CACX,CAAA,EAEFW,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAR,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"TextareaControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/textarea/TextareaControl.tsx"],"sourcesContent":["import { type Control, type FieldPath, type FieldValues, useController, type UseControllerProps } from 'react-hook-form'\nimport { TextareaBase, type TextareaBaseProps } from '$/shared/ui'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype TextareaControlClasses = TextareaBaseProps['classes'] & {\n  root?: string\n  message?: string\n}\n\nexport type TextareaControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<TextareaBaseProps, 'classes'> & {\n    /**\n     * Контрол объект для управления полем\n     */\n    control: Control<TFieldValues>\n    /**\n     * Дополнительные стили компонента\n     */\n    classes?: TextareaControlClasses\n    /**\n     * Дополнительный текст\n     */\n    helperText?: string\n  }\n\nexport const TextareaControl = <TFieldValues extends FieldValues = FieldValues>({\n  classes,\n  control,\n  name,\n  rules,\n  disabled,\n  defaultValue,\n  shouldUnregister,\n  helperText,\n  ...props\n}: TextareaControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    rules,\n    disabled,\n    defaultValue,\n    shouldUnregister\n  })\n\n  const { error, invalid, isTouched } = fieldState\n  const { message, root, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', root)}>\n      <TextareaBase\n        {...props}\n        {...field}\n        aria-invalid={invalid}\n        invalid={invalid}\n        classes={restClasses}\n        attachmentProps={{\n          invalid,\n          isTouched,\n          withValidateIcons: true,\n          ...props.attachmentProps\n        }}\n      />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["TextareaControl","classes","control","name","rules","disabled","defaultValue","shouldUnregister","helperText","props","field","fieldState","useController","error","invalid","isTouched","message","root","restClasses","cn","jsx","TextareaBase","MessageView"],"mappings":"4hDA6BO,MAAMA,GAAkB,CAAiD,CAC9E,QAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAV,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAM,EAAO,QAAAC,EAAS,UAAAC,CAAA,EAAcJ,EAChC,CAAE,QAAAK,EAAS,KAAAC,EAAM,GAAGC,CAAA,EAAgBjB,GAAW,CAAA,EAErD,SACG,MAAA,CAAI,UAAWkB,EAAG,SAAUF,CAAI,EAC/B,SAAA,CAAAG,EAACC,EAAA,CACE,GAAGZ,EACH,GAAGC,EACJ,eAAcI,EACd,QAAAA,EACA,QAASI,EACT,gBAAiB,CACf,QAAAJ,EACA,UAAAC,EACA,kBAAmB,GACnB,GAAGN,EAAM,eAAA,CACX,CAAA,EAEFW,EAACE,EAAA,CACC,MAAMT,GAAA,YAAAA,EAAO,UAAWL,EACxB,UAAWQ,EACX,OAAQH,EAAQ,QAAU,SAC1B,SAAAR,CAAA,CAAA,CACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as t}from"react/jsx-runtime";import{useController as j}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{UploaderBase as v}from"../../uncontrolled/uploader/UploaderBase.js";import{cn as w}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const oo=({control:m,name:i,defaultValue:p,rules:e,shouldUnregister:s,classes:l,helperText:a,disabled:r,...n})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,rules:e,shouldUnregister:s}),{error:o,invalid:d}=f,{message:x,container:g,...u}=l||{};return C("div",{className:w("w-full",g),children:[t(v,{...n,...c,invalid:d,disabled:r,classes:u}),t(N,{text:(o==null?void 0:o.message)||a,className:x,intent:o?"error":"simple",disabled:r})]})};export{oo as UploaderControl};
+import{jsxs as C,jsx as t}from"react/jsx-runtime";import{useController as j}from"../../../../../../node_modules/react-hook-form/dist/index.esm.js";import{UploaderBase as v}from"../../uncontrolled/uploader/UploaderBase.js";import{cn as w}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const ro=({control:m,name:i,defaultValue:p,rules:e,shouldUnregister:s,classes:l,helperText:a,disabled:r,...n})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,rules:e,shouldUnregister:s}),{error:o,invalid:d}=f,{message:x,container:g,...u}=l||{};return C("div",{className:w("w-full",g),children:[t(v,{...n,...c,invalid:d,disabled:r,classes:u}),t(N,{text:(o==null?void 0:o.message)||a,className:x,intent:o?"error":"simple",disabled:r})]})};export{ro as UploaderControl};
 //# sourceMappingURL=UploaderControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UploaderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/uploader/UploaderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { UploaderBase, type UploaderBaseProps } from '../../uncontrolled/uploader'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderControlClasses = UploaderBaseProps & {\n  message?: string\n  container?: string\n}\n\nexport type UploaderControlProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<UploaderBaseProps, 'name'> & {\n    control: Control<TFieldValues>\n    classes?: UploaderControlClasses\n  }\n\nexport const UploaderControl = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  defaultValue,\n  rules,\n  shouldUnregister,\n  classes,\n  helperText,\n  disabled,\n  ...props\n}: UploaderControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    rules,\n    shouldUnregister\n  })\n\n  const { error, invalid } = fieldState\n\n  const { message, container, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <UploaderBase {...props} {...field} invalid={invalid} disabled={disabled} classes={restClasses} />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["UploaderControl","control","name","defaultValue","rules","shouldUnregister","classes","helperText","disabled","props","field","fieldState","useController","error","invalid","message","container","restClasses","cn","jsx","UploaderBase","MessageView"],"mappings":"k+CAmBO,MAAMA,GAAkB,CAAmC,CAChE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,QAAAI,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CAAc,GAAGX,EAAQ,GAAGC,EAAO,QAAAI,EAAkB,SAAAN,EAAoB,QAASS,EAAa,EAChGE,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWQ,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAL,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"UploaderControl.js","sources":["../../../../../../../lib/shared/ui/formElements/controlled/uploader/UploaderControl.tsx"],"sourcesContent":["import { type Control, type FieldValues, type Path, useController, type UseControllerProps } from 'react-hook-form'\nimport { UploaderBase, type UploaderBaseProps } from '../../uncontrolled/uploader'\nimport { MessageView } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderControlClasses = UploaderBaseProps & {\n  message?: string\n  container?: string\n}\n\nexport type UploaderControlProps<\n  TFieldValues extends FieldValues,\n  TName extends Path<TFieldValues> = Path<TFieldValues>\n> = UseControllerProps<TFieldValues, TName> &\n  Omit<UploaderBaseProps, 'name'> & {\n    control: Control<TFieldValues>\n    classes?: UploaderControlClasses\n  }\n\nexport const UploaderControl = <TFieldValues extends FieldValues>({\n  control,\n  name,\n  defaultValue,\n  rules,\n  shouldUnregister,\n  classes,\n  helperText,\n  disabled,\n  ...props\n}: UploaderControlProps<TFieldValues>) => {\n  const { field, fieldState } = useController({\n    control,\n    name,\n    defaultValue,\n    rules,\n    shouldUnregister\n  })\n\n  const { error, invalid } = fieldState\n\n  const { message, container, ...restClasses } = classes || {}\n\n  return (\n    <div className={cn('w-full', container)}>\n      <UploaderBase {...props} {...field} invalid={invalid} disabled={disabled} classes={restClasses} />\n      <MessageView\n        text={error?.message || helperText}\n        className={message}\n        intent={error ? 'error' : 'simple'}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n"],"names":["UploaderControl","control","name","defaultValue","rules","shouldUnregister","classes","helperText","disabled","props","field","fieldState","useController","error","invalid","message","container","restClasses","cn","jsx","UploaderBase","MessageView"],"mappings":"4hDAmBO,MAAMA,GAAkB,CAAmC,CAChE,QAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA0C,CACxC,KAAM,CAAE,MAAAC,EAAO,WAAAC,CAAA,EAAeC,EAAc,CAC1C,QAAAX,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,MAAAQ,EAAO,QAAAC,CAAA,EAAYH,EAErB,CAAE,QAAAI,EAAS,UAAAC,EAAW,GAAGC,CAAA,EAAgBX,GAAW,CAAA,EAE1D,SACG,MAAA,CAAI,UAAWY,EAAG,SAAUF,CAAS,EACpC,SAAA,CAAAG,EAACC,EAAA,CAAc,GAAGX,EAAQ,GAAGC,EAAO,QAAAI,EAAkB,SAAAN,EAAoB,QAASS,EAAa,EAChGE,EAACE,EAAA,CACC,MAAMR,GAAA,YAAAA,EAAO,UAAWN,EACxB,UAAWQ,EACX,OAAQF,EAAQ,QAAU,SAC1B,SAAAL,CAAA,CAAA,CACF,EACF,CAEJ"}