@scbt-ecom/ui 0.152.5 → 0.153.0

package/dist/lib/shared/ui/formElements/uncontrolled/textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react'\nimport { FieldAttachment } from '../../ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\ntype TextareaBaseClasses = {\n  container?: string\n  textarea?: string\n  label?: string\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\ntype ExternalHandlers = {\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n  onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n}\n\nexport type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'className'> & {\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: TextareaBaseClasses\n  /**\n   * Отображаемый placeholder\n   */\n  label: string\n  /**\n   * Отображение не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Свойства дополнительной иконки\n   */\n  attachmentProps?: DeepPartial<FieldAttachmentProps>\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  (\n    { label, value, invalid, disabled, classes, attachmentProps, rows = 4, externalHandlers, onChange, dataLayers, ...props },\n    ref\n  ) => {\n    const id = useId()\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onValueChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (onChange) onChange(event)\n      if (externalOnChange) externalOnChange(event)\n    }\n\n    return (\n      <div\n        className={cn(\n          'relative flex w-full items-start gap-x-4 rounded-sm bg-color-blue-grey-100 pb-4 pl-4 pr-1 pt-2',\n          '[&_label]:focus-within:text-color-tetriary',\n          'hover:bg-color-blue-grey-200',\n          'border-[1px] border-transparent focus-within:border-blue-grey-800',\n          {\n            'border-secondary-default': invalid\n          },\n          classes?.container\n        )}\n        data-id='textarea-root'\n      >\n        <div className='flex w-full flex-col'>\n          <label\n            htmlFor={id}\n            className={cn(\n              'desk-body-regular-s pointer-events-none',\n              'text-color-blue-grey-600 duration-100',\n              {\n                'text-color-disabled': disabled\n              },\n              classes?.label\n            )}\n          >\n            {label}\n          </label>\n          <textarea\n            {...props}\n            {...restHandlers}\n            rows={rows}\n            disabled={disabled}\n            value={value ?? ''}\n            ref={ref}\n            id={id}\n            onChange={onValueChange}\n            className={cn(\n              'customScrollbar-y peer desk-body-regular-l w-full overflow-y-auto bg-color-transparent',\n              'resize-none text-color-dark outline-none placeholder:text-color-blue-grey-600',\n              {\n                'placeholder:text-color-disabled': disabled\n              },\n              classes?.textarea\n            )}\n            data-layer-id={dataLayers?.targetId}\n          />\n        </div>\n        {attachmentProps && <FieldAttachment {...attachmentProps} />}\n      </div>\n    )\n  }\n)\nTextareaBase.displayName = 'TextareaBase'\n"],"names":["TextareaBase","forwardRef","label","value","invalid","disabled","classes","attachmentProps","rows","externalHandlers","onChange","dataLayers","props","ref","id","useId","externalOnChange","restHandlers","onValueChange","event","jsxs","cn","jsx","FieldAttachment"],"mappings":"wQA+CO,MAAMA,EAAeC,EAC1B,CACE,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,gBAAAC,EAAiB,KAAAC,EAAO,EAAG,iBAAAC,EAAkB,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAClHC,IACG,CACH,MAAMC,EAAKC,EAAA,EAEL,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBR,GAAoB,CAAA,EAEtES,EAAiBC,GAAkD,CACnET,KAAmBS,CAAK,EACxBH,KAAmCG,CAAK,CAC9C,EAEA,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,iGACA,6CACA,+BACA,oEACA,CACE,2BAA4BjB,CAAA,EAE9BE,GAAA,YAAAA,EAAS,SAAA,EAEX,UAAQ,gBAER,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAAC,QAAA,CACC,QAASR,EACT,UAAWO,EACT,0CACA,wCACA,CACE,sBAAuBhB,CAAA,EAEzBC,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAAJ,CAAA,CAAA,EAEHoB,EAAC,WAAA,CACE,GAAGV,EACH,GAAGK,EACJ,KAAAT,EACA,SAAAH,EACA,MAAOF,GAAS,GAChB,IAAAU,EACA,GAAAC,EACA,SAAUI,EACV,UAAWG,EACT,yFACA,gFACA,CACE,kCAAmChB,CAAA,EAErCC,GAAA,YAAAA,EAAS,QAAA,EAEX,gBAAeK,GAAA,YAAAA,EAAY,QAAA,CAAA,CAC7B,EACF,EACCJ,GAAmBe,EAACC,EAAA,CAAiB,GAAGhB,CAAA,CAAiB,CAAA,CAAA,CAAA,CAGhE,CACF,EACAP,EAAa,YAAc"}
+{"version":3,"file":"Textarea.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react'\nimport { FieldAttachment } from '../../ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\ntype TextareaBaseClasses = {\n  container?: string\n  textarea?: string\n  label?: string\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\ntype ExternalHandlers = {\n  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void\n  onClick?: (event: React.MouseEvent<HTMLTextAreaElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void\n}\n\nexport type TextareaBaseProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'className'> & {\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: TextareaBaseClasses\n  /**\n   * Отображаемый placeholder\n   */\n  label: string\n  /**\n   * Отображение не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Свойства дополнительной иконки\n   */\n  attachmentProps?: DeepPartial<FieldAttachmentProps>\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const TextareaBase = forwardRef<HTMLTextAreaElement, TextareaBaseProps>(\n  (\n    { label, value, invalid, disabled, classes, attachmentProps, rows = 4, externalHandlers, onChange, dataLayers, ...props },\n    ref\n  ) => {\n    const id = useId()\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onValueChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (onChange) onChange(event)\n      if (externalOnChange) externalOnChange(event)\n    }\n\n    return (\n      <div\n        className={cn(\n          'relative flex w-full items-start gap-x-4 rounded-sm bg-color-blue-grey-100 pb-4 pl-4 pr-1 pt-2',\n          '[&_label]:focus-within:text-color-tetriary',\n          'hover:bg-color-blue-grey-200',\n          'border-[1px] border-transparent focus-within:border-blue-grey-800',\n          {\n            'border-secondary-default': invalid\n          },\n          classes?.container\n        )}\n        data-id='textarea-root'\n      >\n        <div className='flex w-full flex-col'>\n          <label\n            htmlFor={id}\n            className={cn(\n              'desk-body-regular-s pointer-events-none',\n              'text-color-blue-grey-600 duration-100',\n              {\n                'text-color-disabled': disabled\n              },\n              classes?.label\n            )}\n          >\n            {label}\n          </label>\n          <textarea\n            {...props}\n            {...restHandlers}\n            rows={rows}\n            disabled={disabled}\n            value={value ?? ''}\n            ref={ref}\n            id={id}\n            onChange={onValueChange}\n            className={cn(\n              'customScrollbar-y peer desk-body-regular-l w-full overflow-y-auto bg-color-transparent',\n              'resize-none text-color-dark outline-none placeholder:text-color-blue-grey-600',\n              {\n                'placeholder:text-color-disabled': disabled\n              },\n              classes?.textarea\n            )}\n            data-layer-id={dataLayers?.targetId}\n          />\n        </div>\n        {attachmentProps && <FieldAttachment {...attachmentProps} />}\n      </div>\n    )\n  }\n)\nTextareaBase.displayName = 'TextareaBase'\n"],"names":["TextareaBase","forwardRef","label","value","invalid","disabled","classes","attachmentProps","rows","externalHandlers","onChange","dataLayers","props","ref","id","useId","externalOnChange","restHandlers","onValueChange","event","jsxs","cn","jsx","FieldAttachment"],"mappings":"2NA+CO,MAAMA,EAAeC,EAC1B,CACE,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,gBAAAC,EAAiB,KAAAC,EAAO,EAAG,iBAAAC,EAAkB,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EAClHC,IACG,CACH,MAAMC,EAAKC,EAAA,EAEL,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBR,GAAoB,CAAA,EAEtES,EAAiBC,GAAkD,CACnET,KAAmBS,CAAK,EACxBH,KAAmCG,CAAK,CAC9C,EAEA,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,iGACA,6CACA,+BACA,oEACA,CACE,2BAA4BjB,CAAA,EAE9BE,GAAS,SAAA,EAEX,UAAQ,gBAER,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAAC,QAAA,CACC,QAASR,EACT,UAAWO,EACT,0CACA,wCACA,CACE,sBAAuBhB,CAAA,EAEzBC,GAAS,KAAA,EAGV,SAAAJ,CAAA,CAAA,EAEHoB,EAAC,WAAA,CACE,GAAGV,EACH,GAAGK,EACJ,KAAAT,EACA,SAAAH,EACA,MAAOF,GAAS,GAChB,IAAAU,EACA,GAAAC,EACA,SAAUI,EACV,UAAWG,EACT,yFACA,gFACA,CACE,kCAAmChB,CAAA,EAErCC,GAAS,QAAA,EAEX,gBAAeK,GAAY,QAAA,CAAA,CAC7B,EACF,EACCJ,GAAmBe,EAACC,EAAA,CAAiB,GAAGhB,CAAA,CAAiB,CAAA,CAAA,CAAA,CAGhE,CACF,EACAP,EAAa,YAAc"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.js

@@ -1,2 +1,2 @@
-import{jsxs as g,Fragment as h,jsx as r}from"react/jsx-runtime";import{forwardRef as j}from"react";import{defaultDropzoneOptions as v}from"./model/helpers.js";import{useUploader as w}from"./model/hooks/useUploader.js";import{UploaderFiles as z}from"./ui/UploaderFiles.js";import{cn as I}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../autocomplete/Autocomplete.js";import"../checkbox/Checkbox.js";import"../combobox/combobox.js";import"../dayPicker/DayPicker.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../inputCurrency/InputCurrency.js";import"../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{UploaderInput as S}from"./ui/UploaderInput.js";const No=j(({classes:m,dropzoneOptions:p=v,name:e,value:t,disabled:s,invalid:l,onChange:f,externalHandlers:i,dataLayers:o,...n},c)=>{const{filesStatus:d,removeFile:u,dropzoneState:a}=w({controlledFiles:t,dropzoneOptions:p,onChange:f,externalHandlers:i}),{root:F,input:U,files:x}=m||{};return g(h,{children:[r("div",{className:I("relative mb-3 w-[476px]",F),children:r(S,{...n,ref:c,name:e,classes:U,disabled:s,invalid:l,dropzoneState:a,externalHandlers:i,"data-layer-id":o==null?void 0:o.targetId})}),r(z,{files:t,removeFile:u,classes:x,filesStatus:d})]})});export{No as UploaderBase};
+import{jsxs as g,Fragment as h,jsx as o}from"react/jsx-runtime";import{forwardRef as j}from"react";import{useUploader as v}from"./model/hooks/useUploader.js";import{cn as w}from"../../../../utils/cn.js";import{UploaderInput as z}from"./ui/UploaderInput.js";import{UploaderFiles as I}from"./ui/UploaderFiles.js";import{defaultDropzoneOptions as S}from"./model/helpers.js";const k=j(({classes:t,dropzoneOptions:s=S,name:i,value:r,disabled:m,invalid:p,onChange:l,externalHandlers:e,dataLayers:a,...d},f)=>{const{filesStatus:n,removeFile:c,dropzoneState:u}=v({controlledFiles:r,dropzoneOptions:s,onChange:l,externalHandlers:e}),{root:F,input:U,files:x}=t||{};return g(h,{children:[o("div",{className:w("relative mb-3 w-[476px]",F),children:o(z,{...d,ref:f,name:i,classes:U,disabled:m,invalid:p,dropzoneState:u,externalHandlers:e,"data-layer-id":a?.targetId})}),o(I,{files:r,removeFile:c,classes:x,filesStatus:n})]})});export{k as UploaderBase};
 //# sourceMappingURL=UploaderBase.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderBase.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react'\nimport { type DropzoneOptions } from 'react-dropzone'\nimport { type DataLayers } from '../../../../types'\nimport { defaultDropzoneOptions } from './model'\nimport { useUploader } from './model/hooks/useUploader'\nimport { UploaderFiles, type UploaderFilesClasses, UploaderInput, type UploaderInputClasses } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderBaseClasses = {\n  root?: string\n  input?: UploaderInputClasses\n  files?: UploaderFilesClasses\n}\n\nexport type ExternalHandlers = {\n  onChange?: (files: File[]) => void\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n}\n\nexport interface UploaderBaseProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'placeholder' | 'value' | 'onChange'> {\n  /**\n   * Опции uploader-а, в нем можно валидировать файлы, указывать максимум и минимум для файлов\n   * Подробнее можно узнать в типе DropzoneOptions\n   */\n  dropzoneOptions?: DropzoneOptions\n  /**\n   * Объект классов которые можно переопределить\n   */\n  classes?: UploaderBaseClasses\n  /**\n   * Доп текст под инпутом\n   */\n  helperText?: string\n  /**\n   * Сеттер значение\n   * @param file - файлы\n   */\n  onChange?: (file: File[]) => void\n  /**\n   * Валидное ли значение\n   */\n  invalid?: boolean\n  /**\n   * Значение\n   */\n  value?: File[]\n  /**\n   * Внешние объект handlers\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const UploaderBase = forwardRef<HTMLInputElement, UploaderBaseProps>(\n  (\n    {\n      classes,\n      dropzoneOptions = defaultDropzoneOptions,\n      name,\n      value,\n      disabled,\n      invalid,\n      onChange,\n      externalHandlers,\n      dataLayers,\n      ...props\n    }: UploaderBaseProps,\n    ref\n  ) => {\n    const { filesStatus, removeFile, dropzoneState } = useUploader({\n      controlledFiles: value,\n      dropzoneOptions,\n      onChange,\n      externalHandlers\n    })\n\n    const { root, input, files } = classes || {}\n\n    return (\n      <>\n        <div className={cn('relative mb-3 w-[476px]', root)}>\n          <UploaderInput\n            {...props}\n            ref={ref}\n            name={name}\n            classes={input}\n            disabled={disabled}\n            invalid={invalid}\n            dropzoneState={dropzoneState}\n            externalHandlers={externalHandlers}\n            data-layer-id={dataLayers?.targetId}\n          />\n        </div>\n        <UploaderFiles files={value} removeFile={removeFile} classes={files} filesStatus={filesStatus} />\n      </>\n    )\n  }\n)\n"],"names":["UploaderBase","forwardRef","classes","dropzoneOptions","defaultDropzoneOptions","name","value","disabled","invalid","onChange","externalHandlers","dataLayers","props","ref","filesStatus","removeFile","dropzoneState","useUploader","root","input","files","jsxs","Fragment","jsx","cn","UploaderInput","UploaderFiles"],"mappings":"mhEAyDO,MAAMA,GAAeC,EAC1B,CACE,CACE,QAAAC,EACA,gBAAAC,EAAkBC,EAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAY,CAC7D,gBAAiBX,EACjB,gBAAAH,EACA,SAAAM,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,KAAAQ,EAAM,MAAAC,EAAO,MAAAC,CAAA,EAAUlB,GAAW,CAAA,EAE1C,OACEmB,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA2BN,CAAI,EAChD,SAAAK,EAACE,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,KAAAR,EACA,QAASc,EACT,SAAAZ,EACA,QAAAC,EACA,cAAAQ,EACA,iBAAAN,EACA,gBAAeC,GAAA,YAAAA,EAAY,QAAA,CAAA,EAE/B,IACCe,EAAA,CAAc,MAAOpB,EAAO,WAAAS,EAAwB,QAASK,EAAO,YAAAN,CAAA,CAA0B,CAAA,EACjG,CAEJ,CACF"}
+{"version":3,"file":"UploaderBase.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/UploaderBase.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes } from 'react'\nimport { type DropzoneOptions } from 'react-dropzone'\nimport { type DataLayers } from '../../../../types'\nimport { defaultDropzoneOptions } from './model'\nimport { useUploader } from './model/hooks/useUploader'\nimport { UploaderFiles, type UploaderFilesClasses, UploaderInput, type UploaderInputClasses } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype UploaderBaseClasses = {\n  root?: string\n  input?: UploaderInputClasses\n  files?: UploaderFilesClasses\n}\n\nexport type ExternalHandlers = {\n  onChange?: (files: File[]) => void\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n}\n\nexport interface UploaderBaseProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'placeholder' | 'value' | 'onChange'> {\n  /**\n   * Опции uploader-а, в нем можно валидировать файлы, указывать максимум и минимум для файлов\n   * Подробнее можно узнать в типе DropzoneOptions\n   */\n  dropzoneOptions?: DropzoneOptions\n  /**\n   * Объект классов которые можно переопределить\n   */\n  classes?: UploaderBaseClasses\n  /**\n   * Доп текст под инпутом\n   */\n  helperText?: string\n  /**\n   * Сеттер значение\n   * @param file - файлы\n   */\n  onChange?: (file: File[]) => void\n  /**\n   * Валидное ли значение\n   */\n  invalid?: boolean\n  /**\n   * Значение\n   */\n  value?: File[]\n  /**\n   * Внешние объект handlers\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const UploaderBase = forwardRef<HTMLInputElement, UploaderBaseProps>(\n  (\n    {\n      classes,\n      dropzoneOptions = defaultDropzoneOptions,\n      name,\n      value,\n      disabled,\n      invalid,\n      onChange,\n      externalHandlers,\n      dataLayers,\n      ...props\n    }: UploaderBaseProps,\n    ref\n  ) => {\n    const { filesStatus, removeFile, dropzoneState } = useUploader({\n      controlledFiles: value,\n      dropzoneOptions,\n      onChange,\n      externalHandlers\n    })\n\n    const { root, input, files } = classes || {}\n\n    return (\n      <>\n        <div className={cn('relative mb-3 w-[476px]', root)}>\n          <UploaderInput\n            {...props}\n            ref={ref}\n            name={name}\n            classes={input}\n            disabled={disabled}\n            invalid={invalid}\n            dropzoneState={dropzoneState}\n            externalHandlers={externalHandlers}\n            data-layer-id={dataLayers?.targetId}\n          />\n        </div>\n        <UploaderFiles files={value} removeFile={removeFile} classes={files} filesStatus={filesStatus} />\n      </>\n    )\n  }\n)\n"],"names":["UploaderBase","forwardRef","classes","dropzoneOptions","defaultDropzoneOptions","name","value","disabled","invalid","onChange","externalHandlers","dataLayers","props","ref","filesStatus","removeFile","dropzoneState","useUploader","root","input","files","jsxs","Fragment","jsx","cn","UploaderInput","UploaderFiles"],"mappings":"mXAyDO,MAAMA,EAAeC,EAC1B,CACE,CACE,QAAAC,EACA,gBAAAC,EAAkBC,EAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAY,CAC7D,gBAAiBX,EACjB,gBAAAH,EACA,SAAAM,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,KAAAQ,EAAM,MAAAC,EAAO,MAAAC,CAAA,EAAUlB,GAAW,CAAA,EAE1C,OACEmB,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA2BN,CAAI,EAChD,SAAAK,EAACE,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,KAAAR,EACA,QAASc,EACT,SAAAZ,EACA,QAAAC,EACA,cAAAQ,EACA,iBAAAN,EACA,gBAAeC,GAAY,QAAA,CAAA,EAE/B,IACCe,EAAA,CAAc,MAAOpB,EAAO,WAAAS,EAAwB,QAASK,EAAO,YAAAN,CAAA,CAA0B,CAAA,EACjG,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.js

@@ -1,2 +1,2 @@
-import{useState as k}from"react";import{useDropzone as D}from"react-dropzone";import{FilesErrorCode as c,bytesToMegabytes as v}from"../helpers.js";import"react/jsx-runtime";import"classnames";import"tailwind-merge";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import{Notification as u}from"../../../../../notification/Notification.js";import"../../../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"react-hot-toast";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../slider/SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Eo=({dropzoneOptions:t,controlledFiles:i=[],onChange:r,externalHandlers:o})=>{const[g,S]=k({}),F=m=>{const e=i==null?void 0:i.filter((s,p)=>p!==m);r&&r(e)},T=D({onDrop:(m,e)=>{var p,b;switch(m.forEach(f=>{const y=new FileReader;S(a=>({...a,[f.name]:"loading"})),y.onload=()=>{S(a=>({...a,[f.name]:"success"}))},y.readAsArrayBuffer(f)}),(b=(p=e[0])==null?void 0:p.errors[0])==null?void 0:b.code){case c.FileInvalidType:u({intent:"error",text:"Неверный формат файла. Загрузите в формате jpg/png/pdf"});break;case c.FileTooLarge:u({intent:"error",text:`Файл слишком большой. Максимальный размер ${t.maxSize?v(t.maxSize):0} МБ`});break;case c.TooManyFiles:u({intent:"error",text:`Вы загрузили слишком много файлов. Максимальное количество ${t.maxFiles}`});break}const s=[...i,...m];r&&r(s),o!=null&&o.onChange&&(o==null||o.onChange(s))},...t});return{filesStatus:g,removeFile:F,dropzoneState:T}};export{Eo as useUploader};
+import{useState as x}from"react";import{useDropzone as S}from"react-dropzone";import{FilesErrorCode as n,bytesToMegabytes as b}from"../helpers.js";import{Notification as c}from"../../../../../notification/Notification.js";const v=({dropzoneOptions:r,controlledFiles:m=[],onChange:t,externalHandlers:f})=>{const[p,u]=x({}),l=o=>{const a=m?.filter((s,e)=>e!==o);t&&t(a)},F=S({onDrop:(o,a)=>{switch(o.forEach(e=>{const d=new FileReader;u(i=>({...i,[e.name]:"loading"})),d.onload=()=>{u(i=>({...i,[e.name]:"success"}))},d.readAsArrayBuffer(e)}),a[0]?.errors[0]?.code){case n.FileInvalidType:c({intent:"error",text:"Неверный формат файла. Загрузите в формате jpg/png/pdf"});break;case n.FileTooLarge:c({intent:"error",text:`Файл слишком большой. Максимальный размер ${r.maxSize?b(r.maxSize):0} МБ`});break;case n.TooManyFiles:c({intent:"error",text:`Вы загрузили слишком много файлов. Максимальное количество ${r.maxFiles}`});break}const s=[...m,...o];t&&t(s),f?.onChange&&f?.onChange(s)},...r});return{filesStatus:p,removeFile:l,dropzoneState:F}};export{v as useUploader};
 //# sourceMappingURL=useUploader.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUploader.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type DropzoneOptions, type FileRejection, useDropzone } from 'react-dropzone'\nimport { type ExternalHandlers } from '../../UploaderBase'\nimport { bytesToMegabytes, FilesErrorCode } from '../helpers'\nimport { Notification } from '$/shared/ui/'\n\nexport type TUseUploader = {\n  controlledFiles?: File[]\n  dropzoneOptions: DropzoneOptions\n  onChange?: (files: File[]) => void\n  externalHandlers?: ExternalHandlers\n}\n\nexport const useUploader = ({ dropzoneOptions, controlledFiles = [], onChange, externalHandlers }: TUseUploader) => {\n  const [filesStatus, setFilesStatus] = useState<Record<string, 'loading' | 'success' | 'error'>>({})\n\n  const removeFile = (index: number) => {\n    const updatedFiles = controlledFiles?.filter((_, idx) => idx !== index)\n    if (onChange) onChange(updatedFiles)\n  }\n\n  const onDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n    acceptedFiles.forEach((file) => {\n      const reader = new FileReader()\n      setFilesStatus((prev) => ({ ...prev, [file.name]: 'loading' }))\n\n      reader.onload = () => {\n        setFilesStatus((prev) => ({ ...prev, [file.name]: 'success' }))\n      }\n\n      reader.readAsArrayBuffer(file)\n    })\n\n    switch (rejectedFiles[0]?.errors[0]?.code) {\n      case FilesErrorCode.FileInvalidType:\n        Notification({\n          intent: 'error',\n          text: 'Неверный формат файла. Загрузите в формате jpg/png/pdf'\n        })\n        break\n      case FilesErrorCode.FileTooLarge:\n        Notification({\n          intent: 'error',\n          text: `Файл слишком большой. Максимальный размер ${dropzoneOptions.maxSize ? bytesToMegabytes(dropzoneOptions.maxSize) : 0} МБ`\n        })\n        break\n      case FilesErrorCode.TooManyFiles:\n        Notification({\n          intent: 'error',\n          text: `Вы загрузили слишком много файлов. Максимальное количество ${dropzoneOptions.maxFiles}`\n        })\n        break\n      default:\n        break\n    }\n\n    const updatedFiles = [...controlledFiles, ...acceptedFiles]\n\n    if (onChange) onChange(updatedFiles)\n    if (externalHandlers?.onChange) externalHandlers?.onChange(updatedFiles)\n  }\n\n  const dropzoneState = useDropzone({\n    onDrop,\n    ...dropzoneOptions\n  })\n\n  return { filesStatus, removeFile, dropzoneState }\n}\n"],"names":["useUploader","dropzoneOptions","controlledFiles","onChange","externalHandlers","filesStatus","setFilesStatus","useState","removeFile","index","updatedFiles","_","idx","dropzoneState","useDropzone","acceptedFiles","rejectedFiles","file","reader","prev","_b","_a","FilesErrorCode","Notification","bytesToMegabytes"],"mappings":"ulEAaO,MAAMA,GAAc,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,EAAkB,CAAA,EAAI,SAAAC,EAAU,iBAAAC,KAAqC,CAClH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAA0D,CAAA,CAAE,EAE5FC,EAAcC,GAAkB,CACpC,MAAMC,EAAeR,GAAA,YAAAA,EAAiB,OAAO,CAACS,EAAGC,IAAQA,IAAQH,GAC7DN,KAAmBO,CAAY,CACrC,EA2CMG,EAAgBC,EAAY,CAChC,OA1Ca,CAACC,EAAuBC,IAAmC,SAYxE,OAXAD,EAAc,QAASE,GAAS,CAC9B,MAAMC,EAAS,IAAI,WACnBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,EAE9DC,EAAO,OAAS,IAAM,CACpBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,CAChE,EAEAC,EAAO,kBAAkBD,CAAI,CAC/B,CAAC,GAEOG,GAAAC,EAAAL,EAAc,CAAC,IAAf,YAAAK,EAAkB,OAAO,KAAzB,YAAAD,EAA6B,KAAA,CACnC,KAAKE,EAAe,gBAClBC,EAAa,CACX,OAAQ,QACR,KAAM,wDAAA,CACP,EACD,MACF,KAAKD,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,6CAA6CtB,EAAgB,QAAUuB,EAAiBvB,EAAgB,OAAO,EAAI,CAAC,KAAA,CAC3H,EACD,MACF,KAAKqB,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,8DAA8DtB,EAAgB,QAAQ,EAAA,CAC7F,EACD,KAEA,CAGJ,MAAMS,EAAe,CAAC,GAAGR,EAAiB,GAAGa,CAAa,EAEtDZ,KAAmBO,CAAY,EAC/BN,GAAA,MAAAA,EAAkB,WAAUA,GAAA,MAAAA,EAAkB,SAASM,GAC7D,EAIE,GAAGT,CAAA,CACJ,EAED,MAAO,CAAE,YAAAI,EAAa,WAAAG,EAAY,cAAAK,CAAA,CACpC"}
+{"version":3,"file":"useUploader.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { type DropzoneOptions, type FileRejection, useDropzone } from 'react-dropzone'\nimport { type ExternalHandlers } from '../../UploaderBase'\nimport { bytesToMegabytes, FilesErrorCode } from '../helpers'\nimport { Notification } from '$/shared/ui/'\n\nexport type TUseUploader = {\n  controlledFiles?: File[]\n  dropzoneOptions: DropzoneOptions\n  onChange?: (files: File[]) => void\n  externalHandlers?: ExternalHandlers\n}\n\nexport const useUploader = ({ dropzoneOptions, controlledFiles = [], onChange, externalHandlers }: TUseUploader) => {\n  const [filesStatus, setFilesStatus] = useState<Record<string, 'loading' | 'success' | 'error'>>({})\n\n  const removeFile = (index: number) => {\n    const updatedFiles = controlledFiles?.filter((_, idx) => idx !== index)\n    if (onChange) onChange(updatedFiles)\n  }\n\n  const onDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n    acceptedFiles.forEach((file) => {\n      const reader = new FileReader()\n      setFilesStatus((prev) => ({ ...prev, [file.name]: 'loading' }))\n\n      reader.onload = () => {\n        setFilesStatus((prev) => ({ ...prev, [file.name]: 'success' }))\n      }\n\n      reader.readAsArrayBuffer(file)\n    })\n\n    switch (rejectedFiles[0]?.errors[0]?.code) {\n      case FilesErrorCode.FileInvalidType:\n        Notification({\n          intent: 'error',\n          text: 'Неверный формат файла. Загрузите в формате jpg/png/pdf'\n        })\n        break\n      case FilesErrorCode.FileTooLarge:\n        Notification({\n          intent: 'error',\n          text: `Файл слишком большой. Максимальный размер ${dropzoneOptions.maxSize ? bytesToMegabytes(dropzoneOptions.maxSize) : 0} МБ`\n        })\n        break\n      case FilesErrorCode.TooManyFiles:\n        Notification({\n          intent: 'error',\n          text: `Вы загрузили слишком много файлов. Максимальное количество ${dropzoneOptions.maxFiles}`\n        })\n        break\n      default:\n        break\n    }\n\n    const updatedFiles = [...controlledFiles, ...acceptedFiles]\n\n    if (onChange) onChange(updatedFiles)\n    if (externalHandlers?.onChange) externalHandlers?.onChange(updatedFiles)\n  }\n\n  const dropzoneState = useDropzone({\n    onDrop,\n    ...dropzoneOptions\n  })\n\n  return { filesStatus, removeFile, dropzoneState }\n}\n"],"names":["useUploader","dropzoneOptions","controlledFiles","onChange","externalHandlers","filesStatus","setFilesStatus","useState","removeFile","index","updatedFiles","_","idx","dropzoneState","useDropzone","acceptedFiles","rejectedFiles","file","reader","prev","FilesErrorCode","Notification","bytesToMegabytes"],"mappings":"8NAaO,MAAMA,EAAc,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,EAAkB,CAAA,EAAI,SAAAC,EAAU,iBAAAC,KAAqC,CAClH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAA0D,CAAA,CAAE,EAE5FC,EAAcC,GAAkB,CACpC,MAAMC,EAAeR,GAAiB,OAAO,CAACS,EAAGC,IAAQA,IAAQH,CAAK,EAClEN,KAAmBO,CAAY,CACrC,EA2CMG,EAAgBC,EAAY,CAChC,OA1Ca,CAACC,EAAuBC,IAAmC,CAYxE,OAXAD,EAAc,QAASE,GAAS,CAC9B,MAAMC,EAAS,IAAI,WACnBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,EAE9DC,EAAO,OAAS,IAAM,CACpBZ,EAAgBa,IAAU,CAAE,GAAGA,EAAM,CAACF,EAAK,IAAI,EAAG,SAAA,EAAY,CAChE,EAEAC,EAAO,kBAAkBD,CAAI,CAC/B,CAAC,EAEOD,EAAc,CAAC,GAAG,OAAO,CAAC,GAAG,KAAA,CACnC,KAAKI,EAAe,gBAClBC,EAAa,CACX,OAAQ,QACR,KAAM,wDAAA,CACP,EACD,MACF,KAAKD,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,6CAA6CpB,EAAgB,QAAUqB,EAAiBrB,EAAgB,OAAO,EAAI,CAAC,KAAA,CAC3H,EACD,MACF,KAAKmB,EAAe,aAClBC,EAAa,CACX,OAAQ,QACR,KAAM,8DAA8DpB,EAAgB,QAAQ,EAAA,CAC7F,EACD,KAEA,CAGJ,MAAMS,EAAe,CAAC,GAAGR,EAAiB,GAAGa,CAAa,EAEtDZ,KAAmBO,CAAY,EAC/BN,GAAkB,UAAUA,GAAkB,SAASM,CAAY,CACzE,EAIE,GAAGT,CAAA,CACJ,EAED,MAAO,CAAE,YAAAI,EAAa,WAAAG,EAAY,cAAAK,CAAA,CACpC"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as o}from"react/jsx-runtime";import{bytesToMegabytes as g}from"../model/helpers.js";import{UploaderFilename as f}from"./UploaderFilename.js";import{cn as r}from"../../../../../utils/cn.js";import"uuid";import"react";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import{Loader as h}from"../../../../loader/Loader.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import{Icon as e}from"../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../autocomplete/Autocomplete.js";import"../../checkbox/Checkbox.js";import"../../combobox/combobox.js";import"../../dayPicker/DayPicker.js";import"../../input/Input.js";import"../../inputOtp/InputOtpBase.js";import"../../maskInput/MaskInput.js";import"../../radio/RadioGroup.js";import"../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ko=({filesStatus:i,removeFile:p,classes:s,file:t,index:n})=>{const c=g(t.size),{root:a,deleteIcon:l,buttonDelete:d,content:b,buttonRoot:u,...x}=s||{};return m("li",{className:r("flex h-6 items-center justify-between p-1",a),children:[m("div",{className:r("flex items-center gap-2",b),children:[i[t.name]==="loading"&&o(h,{size:"sm"}),i[t.name]==="success"&&o(e,{name:"general/check",className:"text-icon-positive-default"}),o(f,{file:t,classes:x})]}),m("div",{className:r("flex items-center gap-2",u),children:[o("p",{className:"desk-body-regular-m text-color-blue-grey-600",children:`${c.toFixed(1)} MB`}),o("button",{className:r("cursor-pointer",d),onClick:()=>p(n),children:o(e,{name:"general/close",className:r("text-icon-blue-grey-600",l)})})]})]},t.name)};export{ko as UploaderFile};
+import{jsxs as s,jsx as e}from"react/jsx-runtime";import{bytesToMegabytes as g}from"../model/helpers.js";import{UploaderFilename as f}from"./UploaderFilename.js";import{cn as t}from"../../../../../utils/cn.js";import{Loader as h}from"../../../../loader/Loader.js";import{Icon as n}from"../../../../icon/Icon.js";const F=({filesStatus:r,removeFile:c,classes:a,file:o,index:l})=>{const m=g(o.size),{root:i,deleteIcon:d,buttonDelete:p,content:b,buttonRoot:u,...x}=a||{};return s("li",{className:t("flex h-6 items-center justify-between p-1",i),children:[s("div",{className:t("flex items-center gap-2",b),children:[r[o.name]==="loading"&&e(h,{size:"sm"}),r[o.name]==="success"&&e(n,{name:"general/check",className:"text-icon-positive-default"}),e(f,{file:o,classes:x})]}),s("div",{className:t("flex items-center gap-2",u),children:[e("p",{className:"desk-body-regular-m text-color-blue-grey-600",children:`${m.toFixed(1)} MB`}),e("button",{className:t("cursor-pointer",p),onClick:()=>c(l),children:e(n,{name:"general/close",className:t("text-icon-blue-grey-600",d)})})]})]},o.name)};export{F as UploaderFile};
 //# sourceMappingURL=UploaderFile.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderFile.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.tsx"],"sourcesContent":["import { bytesToMegabytes } from '../model/helpers'\nimport { UploaderFilename, type UploaderFileNameClasses } from './UploaderFilename'\nimport { Icon, Loader } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileClasses = UploaderFileNameClasses & {\n  root?: string\n  content?: string\n  deleteIcon?: string\n  buttonRoot?: string\n  buttonDelete?: string\n}\n\ninterface UploaderFileProps {\n  filesStatus: {\n    [key: string]: 'loading' | 'success' | 'error'\n  }\n  removeFile: (index: number) => void\n  classes?: UploaderFileClasses\n  file: File\n  index: number\n}\n\nexport const UploaderFile = ({ filesStatus, removeFile, classes, file, index }: UploaderFileProps) => {\n  const fileSizeMb = bytesToMegabytes(file.size)\n\n  const { root, deleteIcon, buttonDelete, content, buttonRoot, ...restClasses } = classes || {}\n\n  return (\n    <li key={file.name} className={cn('flex h-6 items-center justify-between p-1', root)}>\n      <div className={cn('flex items-center gap-2', content)}>\n        {filesStatus[file.name] === 'loading' && <Loader size='sm' />}\n        {filesStatus[file.name] === 'success' && <Icon name='general/check' className='text-icon-positive-default' />}\n        <UploaderFilename file={file} classes={restClasses} />\n      </div>\n      <div className={cn('flex items-center gap-2', buttonRoot)}>\n        <p className='desk-body-regular-m text-color-blue-grey-600'>{`${fileSizeMb.toFixed(1)} MB`}</p>\n        <button className={cn('cursor-pointer', buttonDelete)} onClick={() => removeFile(index)}>\n          <Icon name='general/close' className={cn('text-icon-blue-grey-600', deleteIcon)} />\n        </button>\n      </div>\n    </li>\n  )\n}\n"],"names":["UploaderFile","filesStatus","removeFile","classes","file","index","fileSizeMb","bytesToMegabytes","root","deleteIcon","buttonDelete","content","buttonRoot","restClasses","cn","jsxs","jsx","Loader","Icon","UploaderFilename"],"mappings":"qjEAuBO,MAAMA,GAAe,CAAC,CAAE,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,KAAAC,EAAM,MAAAC,KAA+B,CACpG,MAAMC,EAAaC,EAAiBH,EAAK,IAAI,EAEvC,CAAE,KAAAI,EAAM,WAAAC,EAAY,aAAAC,EAAc,QAAAC,EAAS,WAAAC,EAAY,GAAGC,GAAgBV,GAAW,CAAA,EAE3F,SACG,KAAA,CAAmB,UAAWW,EAAG,4CAA6CN,CAAI,EACjF,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWD,EAAG,0BAA2BH,CAAO,EAClD,SAAA,CAAAV,EAAYG,EAAK,IAAI,IAAM,WAAaY,EAACC,EAAA,CAAO,KAAK,KAAK,EAC1DhB,EAAYG,EAAK,IAAI,IAAM,aAAcc,EAAA,CAAK,KAAK,gBAAgB,UAAU,4BAAA,CAA6B,EAC3GF,EAACG,EAAA,CAAiB,KAAAf,EAAY,QAASS,CAAA,CAAa,CAAA,EACtD,IACC,MAAA,CAAI,UAAWC,EAAG,0BAA2BF,CAAU,EACtD,SAAA,CAAAI,EAAC,IAAA,CAAE,UAAU,+CAAgD,SAAA,GAAGV,EAAW,QAAQ,CAAC,CAAC,KAAA,CAAM,EAC3FU,EAAC,UAAO,UAAWF,EAAG,iBAAkBJ,CAAY,EAAG,QAAS,IAAMR,EAAWG,CAAK,EACpF,SAAAW,EAACE,GAAK,KAAK,gBAAgB,UAAWJ,EAAG,0BAA2BL,CAAU,CAAA,CAAG,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,EAXOL,EAAK,IAYd,CAEJ"}
+{"version":3,"file":"UploaderFile.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile.tsx"],"sourcesContent":["import { bytesToMegabytes } from '../model/helpers'\nimport { UploaderFilename, type UploaderFileNameClasses } from './UploaderFilename'\nimport { Icon, Loader } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileClasses = UploaderFileNameClasses & {\n  root?: string\n  content?: string\n  deleteIcon?: string\n  buttonRoot?: string\n  buttonDelete?: string\n}\n\ninterface UploaderFileProps {\n  filesStatus: {\n    [key: string]: 'loading' | 'success' | 'error'\n  }\n  removeFile: (index: number) => void\n  classes?: UploaderFileClasses\n  file: File\n  index: number\n}\n\nexport const UploaderFile = ({ filesStatus, removeFile, classes, file, index }: UploaderFileProps) => {\n  const fileSizeMb = bytesToMegabytes(file.size)\n\n  const { root, deleteIcon, buttonDelete, content, buttonRoot, ...restClasses } = classes || {}\n\n  return (\n    <li key={file.name} className={cn('flex h-6 items-center justify-between p-1', root)}>\n      <div className={cn('flex items-center gap-2', content)}>\n        {filesStatus[file.name] === 'loading' && <Loader size='sm' />}\n        {filesStatus[file.name] === 'success' && <Icon name='general/check' className='text-icon-positive-default' />}\n        <UploaderFilename file={file} classes={restClasses} />\n      </div>\n      <div className={cn('flex items-center gap-2', buttonRoot)}>\n        <p className='desk-body-regular-m text-color-blue-grey-600'>{`${fileSizeMb.toFixed(1)} MB`}</p>\n        <button className={cn('cursor-pointer', buttonDelete)} onClick={() => removeFile(index)}>\n          <Icon name='general/close' className={cn('text-icon-blue-grey-600', deleteIcon)} />\n        </button>\n      </div>\n    </li>\n  )\n}\n"],"names":["UploaderFile","filesStatus","removeFile","classes","file","index","fileSizeMb","bytesToMegabytes","root","deleteIcon","buttonDelete","content","buttonRoot","restClasses","cn","jsxs","jsx","Loader","Icon","UploaderFilename"],"mappings":"wTAuBO,MAAMA,EAAe,CAAC,CAAE,YAAAC,EAAa,WAAAC,EAAY,QAAAC,EAAS,KAAAC,EAAM,MAAAC,KAA+B,CACpG,MAAMC,EAAaC,EAAiBH,EAAK,IAAI,EAEvC,CAAE,KAAAI,EAAM,WAAAC,EAAY,aAAAC,EAAc,QAAAC,EAAS,WAAAC,EAAY,GAAGC,GAAgBV,GAAW,CAAA,EAE3F,SACG,KAAA,CAAmB,UAAWW,EAAG,4CAA6CN,CAAI,EACjF,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAWD,EAAG,0BAA2BH,CAAO,EAClD,SAAA,CAAAV,EAAYG,EAAK,IAAI,IAAM,WAAaY,EAACC,EAAA,CAAO,KAAK,KAAK,EAC1DhB,EAAYG,EAAK,IAAI,IAAM,aAAcc,EAAA,CAAK,KAAK,gBAAgB,UAAU,4BAAA,CAA6B,EAC3GF,EAACG,EAAA,CAAiB,KAAAf,EAAY,QAASS,CAAA,CAAa,CAAA,EACtD,IACC,MAAA,CAAI,UAAWC,EAAG,0BAA2BF,CAAU,EACtD,SAAA,CAAAI,EAAC,IAAA,CAAE,UAAU,+CAAgD,SAAA,GAAGV,EAAW,QAAQ,CAAC,CAAC,KAAA,CAAM,EAC3FU,EAAC,UAAO,UAAWF,EAAG,iBAAkBJ,CAAY,EAAG,QAAS,IAAMR,EAAWG,CAAK,EACpF,SAAAW,EAACE,GAAK,KAAK,gBAAgB,UAAWJ,EAAG,0BAA2BL,CAAU,CAAA,CAAG,CAAA,CACnF,CAAA,CAAA,CACF,CAAA,CAAA,EAXOL,EAAK,IAYd,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useRef as n}from"react";import{useOverflow as l}from"../../../../../hooks/useOverflow.js";import{cn as i}from"../../../../../utils/cn.js";import"uuid";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import{Hint as a}from"../../../../hint/Hint.js";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import"react-hook-form";import"@hookform/resolvers/zod";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../autocomplete/Autocomplete.js";import"../../checkbox/Checkbox.js";import"../../combobox/combobox.js";import"../../dayPicker/DayPicker.js";import"../../input/Input.js";import"../../inputOtp/InputOtpBase.js";import"../../maskInput/MaskInput.js";import"../../radio/RadioGroup.js";import"../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const sr=({file:o,classes:p})=>{const t=n(null),e=l(t),{fileText:m}=p||{};return r("div",{className:"w-[300px]",children:e?r(a,{triggerElement:r("p",{className:i("desk-body-regular-m truncate text-color-dark",m),children:o.name}),children:o.name}):r("p",{ref:t,className:i("desk-body-regular-m text-nowrap text-color-dark",m),children:o.name})})};export{sr as UploaderFilename};
+import{jsx as e}from"react/jsx-runtime";import{useRef as a}from"react";import{useOverflow as s}from"../../../../../hooks/useOverflow.js";import{Hint as c}from"../../../../hint/Hint.js";import{cn as m}from"../../../../../utils/cn.js";const x=({file:r,classes:n})=>{const o=a(null),l=s(o),{fileText:t}=n||{};return e("div",{className:"w-[300px]",children:l?e(c,{triggerElement:e("p",{className:m("desk-body-regular-m truncate text-color-dark",t),children:r.name}),children:r.name}):e("p",{ref:o,className:m("desk-body-regular-m text-nowrap text-color-dark",t),children:r.name})})};export{x as UploaderFilename};
 //# sourceMappingURL=UploaderFilename.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderFilename.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useOverflow } from '$/shared/hooks/useOverflow'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileNameClasses = {\n  fileText?: string\n}\n\ninterface UploaderFilenameProps {\n  file: File\n  classes?: UploaderFileNameClasses\n}\n\nexport const UploaderFilename = ({ file, classes }: UploaderFilenameProps) => {\n  const fileRef = useRef<HTMLParagraphElement>(null)\n  const isOverflow = useOverflow(fileRef)\n\n  const { fileText } = classes || {}\n\n  return (\n    <div className='w-[300px]'>\n      {isOverflow ? (\n        <Hint triggerElement={<p className={cn('desk-body-regular-m truncate text-color-dark', fileText)}>{file.name}</p>}>\n          {file.name}\n        </Hint>\n      ) : (\n        <p ref={fileRef} className={cn('desk-body-regular-m text-nowrap text-color-dark', fileText)}>\n          {file.name}\n        </p>\n      )}\n    </div>\n  )\n}\n"],"names":["UploaderFilename","file","classes","fileRef","useRef","isOverflow","useOverflow","fileText","jsx","Hint","cn"],"mappings":"o+DAcO,MAAMA,GAAmB,CAAC,CAAE,KAAAC,EAAM,QAAAC,KAAqC,CAC5E,MAAMC,EAAUC,EAA6B,IAAI,EAC3CC,EAAaC,EAAYH,CAAO,EAEhC,CAAE,SAAAI,GAAaL,GAAW,CAAA,EAEhC,OACEM,EAAC,MAAA,CAAI,UAAU,YACZ,WACCA,EAACC,EAAA,CAAK,eAAgBD,EAAC,IAAA,CAAE,UAAWE,EAAG,+CAAgDH,CAAQ,EAAI,SAAAN,EAAK,KAAK,EAC1G,SAAAA,EAAK,IAAA,CACR,EAEAO,EAAC,KAAE,IAAKL,EAAS,UAAWO,EAAG,kDAAmDH,CAAQ,EACvF,SAAAN,EAAK,KACR,EAEJ,CAEJ"}
+{"version":3,"file":"UploaderFilename.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFilename.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useOverflow } from '$/shared/hooks/useOverflow'\nimport { Hint } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderFileNameClasses = {\n  fileText?: string\n}\n\ninterface UploaderFilenameProps {\n  file: File\n  classes?: UploaderFileNameClasses\n}\n\nexport const UploaderFilename = ({ file, classes }: UploaderFilenameProps) => {\n  const fileRef = useRef<HTMLParagraphElement>(null)\n  const isOverflow = useOverflow(fileRef)\n\n  const { fileText } = classes || {}\n\n  return (\n    <div className='w-[300px]'>\n      {isOverflow ? (\n        <Hint triggerElement={<p className={cn('desk-body-regular-m truncate text-color-dark', fileText)}>{file.name}</p>}>\n          {file.name}\n        </Hint>\n      ) : (\n        <p ref={fileRef} className={cn('desk-body-regular-m text-nowrap text-color-dark', fileText)}>\n          {file.name}\n        </p>\n      )}\n    </div>\n  )\n}\n"],"names":["UploaderFilename","file","classes","fileRef","useRef","isOverflow","useOverflow","fileText","jsx","Hint","cn"],"mappings":"yOAcO,MAAMA,EAAmB,CAAC,CAAE,KAAAC,EAAM,QAAAC,KAAqC,CAC5E,MAAMC,EAAUC,EAA6B,IAAI,EAC3CC,EAAaC,EAAYH,CAAO,EAEhC,CAAE,SAAAI,GAAaL,GAAW,CAAA,EAEhC,OACEM,EAAC,MAAA,CAAI,UAAU,YACZ,WACCA,EAACC,EAAA,CAAK,eAAgBD,EAAC,IAAA,CAAE,UAAWE,EAAG,+CAAgDH,CAAQ,EAAI,SAAAN,EAAK,KAAK,EAC1G,SAAAA,EAAK,IAAA,CACR,EAEAO,EAAC,KAAE,IAAKL,EAAS,UAAWO,EAAG,kDAAmDH,CAAQ,EACvF,SAAAN,EAAK,KACR,EAEJ,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.js

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import{UploaderFile as f}from"./UploaderFile.js";import{cn as c}from"../../../../../utils/cn.js";import{TypeGuards as n}from"../../../../../utils/typeGuards.js";import"uuid";import"react";const U=({files:r=[],filesStatus:t,classes:e,removeFile:p})=>{const s=n.isArrayEmpty(r),{root:i,file:m}=e||{};return s?null:l("ul",{"data-id":"file-list",className:c("flex max-w-[476px] flex-col gap-1 px-1",i),children:r.map((a,o)=>l(f,{file:a,index:o,filesStatus:t,removeFile:p,classes:m},o))})};export{U as UploaderFiles};
+import{jsx as o}from"react/jsx-runtime";import{UploaderFile as f}from"./UploaderFile.js";import{TypeGuards as c}from"../../../../../utils/typeGuards.js";import{cn as n}from"../../../../../utils/cn.js";const E=({files:r=[],filesStatus:e,classes:s,removeFile:t})=>{const p=c.isArrayEmpty(r),{root:a,file:i}=s||{};return p?null:o("ul",{"data-id":"file-list",className:n("flex max-w-[476px] flex-col gap-1 px-1",a),children:r.map((m,l)=>o(f,{file:m,index:l,filesStatus:e,removeFile:t,classes:i},l))})};export{E as UploaderFiles};
 //# sourceMappingURL=UploaderFiles.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderFiles.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { UploaderFile, type UploaderFileClasses } from '$/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type UploaderFilesClasses = {\n  root?: string\n  file?: UploaderFileClasses\n}\n\ninterface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {\n  files?: File[]\n  filesStatus: {\n    [key: string]: 'loading' | 'success' | 'error'\n  }\n  removeFile: (index: number) => void\n  classes?: UploaderFilesClasses\n}\n\nexport const UploaderFiles = ({ files = [], filesStatus, classes, removeFile }: UploaderFilesProps) => {\n  const filesEmpty = TypeGuards.isArrayEmpty(files)\n\n  const { root, file: fileClasses } = classes || {}\n\n  if (!filesEmpty) {\n    return (\n      <ul data-id='file-list' className={cn('flex max-w-[476px] flex-col gap-1 px-1', root)}>\n        {files.map((file, index) => (\n          <UploaderFile\n            key={index}\n            file={file}\n            index={index}\n            filesStatus={filesStatus}\n            removeFile={removeFile}\n            classes={fileClasses}\n          />\n        ))}\n      </ul>\n    )\n  }\n\n  return null\n}\n"],"names":["UploaderFiles","files","filesStatus","classes","removeFile","filesEmpty","TypeGuards","root","fileClasses","jsx","cn","file","index","UploaderFile"],"mappings":"oOAkBO,MAAMA,EAAgB,CAAC,CAAE,MAAAC,EAAQ,CAAA,EAAI,YAAAC,EAAa,QAAAC,EAAS,WAAAC,KAAqC,CACrG,MAAMC,EAAaC,EAAW,aAAaL,CAAK,EAE1C,CAAE,KAAAM,EAAM,KAAMC,CAAA,EAAgBL,GAAW,CAAA,EAE/C,OAAKE,EAiBE,KAfHI,EAAC,KAAA,CAAG,UAAQ,YAAY,UAAWC,EAAG,yCAA0CH,CAAI,EACjF,SAAAN,EAAM,IAAI,CAACU,EAAMC,IAChBH,EAACI,EAAA,CAEC,KAAAF,EACA,MAAAC,EACA,YAAAV,EACA,WAAAE,EACA,QAASI,CAAA,EALJI,CAAA,CAOR,EACH,CAKN"}
+{"version":3,"file":"UploaderFiles.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFiles.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { UploaderFile, type UploaderFileClasses } from '$/shared/ui/formElements/uncontrolled/uploader/ui/UploaderFile'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport type UploaderFilesClasses = {\n  root?: string\n  file?: UploaderFileClasses\n}\n\ninterface UploaderFilesProps extends HTMLAttributes<HTMLDivElement> {\n  files?: File[]\n  filesStatus: {\n    [key: string]: 'loading' | 'success' | 'error'\n  }\n  removeFile: (index: number) => void\n  classes?: UploaderFilesClasses\n}\n\nexport const UploaderFiles = ({ files = [], filesStatus, classes, removeFile }: UploaderFilesProps) => {\n  const filesEmpty = TypeGuards.isArrayEmpty(files)\n\n  const { root, file: fileClasses } = classes || {}\n\n  if (!filesEmpty) {\n    return (\n      <ul data-id='file-list' className={cn('flex max-w-[476px] flex-col gap-1 px-1', root)}>\n        {files.map((file, index) => (\n          <UploaderFile\n            key={index}\n            file={file}\n            index={index}\n            filesStatus={filesStatus}\n            removeFile={removeFile}\n            classes={fileClasses}\n          />\n        ))}\n      </ul>\n    )\n  }\n\n  return null\n}\n"],"names":["UploaderFiles","files","filesStatus","classes","removeFile","filesEmpty","TypeGuards","root","fileClasses","jsx","cn","file","index","UploaderFile"],"mappings":"yMAkBO,MAAMA,EAAgB,CAAC,CAAE,MAAAC,EAAQ,CAAA,EAAI,YAAAC,EAAa,QAAAC,EAAS,WAAAC,KAAqC,CACrG,MAAMC,EAAaC,EAAW,aAAaL,CAAK,EAE1C,CAAE,KAAAM,EAAM,KAAMC,CAAA,EAAgBL,GAAW,CAAA,EAE/C,OAAKE,EAiBE,KAfHI,EAAC,KAAA,CAAG,UAAQ,YAAY,UAAWC,EAAG,yCAA0CH,CAAI,EACjF,SAAAN,EAAM,IAAI,CAACU,EAAMC,IAChBH,EAACI,EAAA,CAEC,KAAAF,EACA,MAAAC,EACA,YAAAV,EACA,WAAAE,EACA,QAASI,CAAA,EALJI,CAAA,CAOR,EACH,CAKN"}

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as p}from"react/jsx-runtime";import{forwardRef as v}from"react";import{Icon as h}from"../../../../icon/Icon.js";import{cn as o}from"../../../../../utils/cn.js";import"uuid";const N=v(({dropzoneState:i,classes:r,disabled:d,invalid:n,name:m,externalHandlers:t,...b},u)=>{const f=i.getRootProps();return e("div",{className:o("flex h-[64px] w-[476px] rounded-sm","active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed","focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none","hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover","border-[1.5px] border-dashed border-blue-grey-700",r==null?void 0:r.root,{"bg-color-primary-light-default opacity-50":d},{"border-negative":n}),ref:u,...f,children:[e("div",{className:o("flex h-full w-full items-center justify-center gap-2",r==null?void 0:r.textContainer),children:[p(h,{name:"files/upload",className:o("text-icon-primary-default",r==null?void 0:r.icon)}),e("p",{className:o("desk-body-regular-l select-none text-icon-primary-default",r==null?void 0:r.textContent),children:["Выберите файл",p("span",{className:o("text-icon-blue-grey-600",r==null?void 0:r.textContentSpan),children:" или перетащите сюда"})]})]}),p("input",{...b,...i.getInputProps(),onClick:t==null?void 0:t.onClick,name:m,ref:i.inputRef,disabled:d,className:o(r==null?void 0:r.input),"data-id":"uploader"})]})});export{N as UploaderInput};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{forwardRef as m}from"react";import{cn as e}from"../../../../../utils/cn.js";import{Icon as b}from"../../../../icon/Icon.js";const x=m(({dropzoneState:o,classes:r,disabled:l,invalid:n,name:a,externalHandlers:d,...p},c)=>{const s=o.getRootProps();return i("div",{className:e("flex h-[64px] w-[476px] rounded-sm","active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed","focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none","hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover","border-[1.5px] border-dashed border-blue-grey-700",r?.root,{"bg-color-primary-light-default opacity-50":l},{"border-negative":n}),ref:c,...s,children:[i("div",{className:e("flex h-full w-full items-center justify-center gap-2",r?.textContainer),children:[t(b,{name:"files/upload",className:e("text-icon-primary-default",r?.icon)}),i("p",{className:e("desk-body-regular-l select-none text-icon-primary-default",r?.textContent),children:["Выберите файл",t("span",{className:e("text-icon-blue-grey-600",r?.textContentSpan),children:" или перетащите сюда"})]})]}),t("input",{...p,...o.getInputProps(),onClick:d?.onClick,name:a,ref:o.inputRef,disabled:l,className:e(r?.input),"data-id":"uploader"})]})});export{x as UploaderInput};
 //# sourceMappingURL=UploaderInput.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderInput.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.tsx"],"sourcesContent":["import { forwardRef, type Ref } from 'react'\nimport { type DropzoneRootProps } from 'react-dropzone'\nimport { type ExternalHandlers } from '../UploaderBase'\nimport { Icon } from '$/shared/ui/icon'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderInputClasses = {\n  root?: string\n  input?: string\n  textContainer?: string\n  icon?: string\n  textContent?: string\n  textContentSpan?: string\n}\n\nexport interface UploaderInputProps {\n  dropzoneState: DropzoneRootProps\n  disabled?: boolean\n  invalid?: boolean\n  classes?: UploaderInputClasses\n  name?: string\n  externalHandlers?: ExternalHandlers\n}\n\nexport const UploaderInput = forwardRef(\n  (\n    { dropzoneState, classes, disabled, invalid, name, externalHandlers, ...props }: UploaderInputProps,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const dropzoneProps = dropzoneState.getRootProps()\n    return (\n      <div\n        className={cn(\n          'flex h-[64px] w-[476px] rounded-sm',\n          'active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed',\n          'focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none',\n          'hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover',\n          'border-[1.5px] border-dashed border-blue-grey-700',\n          classes?.root,\n          { 'bg-color-primary-light-default opacity-50': disabled },\n          { 'border-negative': invalid }\n        )}\n        ref={ref}\n        {...dropzoneProps}\n      >\n        <div className={cn('flex h-full w-full items-center justify-center gap-2', classes?.textContainer)}>\n          <Icon name='files/upload' className={cn('text-icon-primary-default', classes?.icon)} />\n          <p className={cn('desk-body-regular-l select-none text-icon-primary-default', classes?.textContent)}>\n            Выберите файл\n            <span className={cn('text-icon-blue-grey-600', classes?.textContentSpan)}> или перетащите сюда</span>\n          </p>\n        </div>\n        <input\n          {...props}\n          {...dropzoneState.getInputProps()}\n          onClick={externalHandlers?.onClick}\n          name={name}\n          ref={dropzoneState.inputRef}\n          disabled={disabled}\n          className={cn(classes?.input)}\n          data-id='uploader'\n        />\n      </div>\n    )\n  }\n)\n"],"names":["UploaderInput","forwardRef","dropzoneState","classes","disabled","invalid","name","externalHandlers","props","ref","dropzoneProps","jsxs","cn","jsx","Icon"],"mappings":"kMAwBO,MAAMA,EAAgBC,EAC3B,CACE,CAAE,cAAAC,EAAe,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAM,iBAAAC,EAAkB,GAAGC,CAAA,EACxEC,IACG,CACH,MAAMC,EAAgBR,EAAc,aAAA,EACpC,OACES,EAAC,MAAA,CACC,UAAWC,EACT,qCACA,qGACA,0JACA,+FACA,oDACAT,GAAA,YAAAA,EAAS,KACT,CAAE,4CAA6CC,CAAA,EAC/C,CAAE,kBAAmBC,CAAA,CAAQ,EAE/B,IAAAI,EACC,GAAGC,EAEJ,SAAA,CAAAC,EAAC,OAAI,UAAWC,EAAG,uDAAwDT,GAAA,YAAAA,EAAS,aAAa,EAC/F,SAAA,CAAAU,EAACC,EAAA,CAAK,KAAK,eAAe,UAAWF,EAAG,4BAA6BT,GAAA,YAAAA,EAAS,IAAI,EAAG,IACpF,IAAA,CAAE,UAAWS,EAAG,4DAA6DT,GAAA,YAAAA,EAAS,WAAW,EAAG,SAAA,CAAA,gBAEnGU,EAAC,QAAK,UAAWD,EAAG,0BAA2BT,GAAA,YAAAA,EAAS,eAAe,EAAG,SAAA,sBAAA,CAAoB,CAAA,CAAA,CAChG,CAAA,EACF,EACAU,EAAC,QAAA,CACE,GAAGL,EACH,GAAGN,EAAc,cAAA,EAClB,QAASK,GAAA,YAAAA,EAAkB,QAC3B,KAAAD,EACA,IAAKJ,EAAc,SACnB,SAAAE,EACA,UAAWQ,EAAGT,GAAA,YAAAA,EAAS,KAAK,EAC5B,UAAQ,UAAA,CAAA,CACV,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"UploaderInput.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/uploader/ui/UploaderInput.tsx"],"sourcesContent":["import { forwardRef, type Ref } from 'react'\nimport { type DropzoneRootProps } from 'react-dropzone'\nimport { type ExternalHandlers } from '../UploaderBase'\nimport { Icon } from '$/shared/ui/icon'\nimport { cn } from '$/shared/utils'\n\nexport type UploaderInputClasses = {\n  root?: string\n  input?: string\n  textContainer?: string\n  icon?: string\n  textContent?: string\n  textContentSpan?: string\n}\n\nexport interface UploaderInputProps {\n  dropzoneState: DropzoneRootProps\n  disabled?: boolean\n  invalid?: boolean\n  classes?: UploaderInputClasses\n  name?: string\n  externalHandlers?: ExternalHandlers\n}\n\nexport const UploaderInput = forwardRef(\n  (\n    { dropzoneState, classes, disabled, invalid, name, externalHandlers, ...props }: UploaderInputProps,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    const dropzoneProps = dropzoneState.getRootProps()\n    return (\n      <div\n        className={cn(\n          'flex h-[64px] w-[476px] rounded-sm',\n          'active:border-1 active:border-solid active:border-primary-hover active:bg-color-primary-tr-pressed',\n          'focus-visible:border-1 focus-visible:border-solid focus-visible:border-primary-hover focus-visible:bg-color-primary-tr-hover focus-visible:outline-none',\n          'hover:border-1 hover:border-solid hover:border-primary-hover hover:bg-color-primary-tr-hover',\n          'border-[1.5px] border-dashed border-blue-grey-700',\n          classes?.root,\n          { 'bg-color-primary-light-default opacity-50': disabled },\n          { 'border-negative': invalid }\n        )}\n        ref={ref}\n        {...dropzoneProps}\n      >\n        <div className={cn('flex h-full w-full items-center justify-center gap-2', classes?.textContainer)}>\n          <Icon name='files/upload' className={cn('text-icon-primary-default', classes?.icon)} />\n          <p className={cn('desk-body-regular-l select-none text-icon-primary-default', classes?.textContent)}>\n            Выберите файл\n            <span className={cn('text-icon-blue-grey-600', classes?.textContentSpan)}> или перетащите сюда</span>\n          </p>\n        </div>\n        <input\n          {...props}\n          {...dropzoneState.getInputProps()}\n          onClick={externalHandlers?.onClick}\n          name={name}\n          ref={dropzoneState.inputRef}\n          disabled={disabled}\n          className={cn(classes?.input)}\n          data-id='uploader'\n        />\n      </div>\n    )\n  }\n)\n"],"names":["UploaderInput","forwardRef","dropzoneState","classes","disabled","invalid","name","externalHandlers","props","ref","dropzoneProps","jsxs","cn","jsx","Icon"],"mappings":"qLAwBO,MAAMA,EAAgBC,EAC3B,CACE,CAAE,cAAAC,EAAe,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAM,iBAAAC,EAAkB,GAAGC,CAAA,EACxEC,IACG,CACH,MAAMC,EAAgBR,EAAc,aAAA,EACpC,OACES,EAAC,MAAA,CACC,UAAWC,EACT,qCACA,qGACA,0JACA,+FACA,oDACAT,GAAS,KACT,CAAE,4CAA6CC,CAAA,EAC/C,CAAE,kBAAmBC,CAAA,CAAQ,EAE/B,IAAAI,EACC,GAAGC,EAEJ,SAAA,CAAAC,EAAC,OAAI,UAAWC,EAAG,uDAAwDT,GAAS,aAAa,EAC/F,SAAA,CAAAU,EAACC,EAAA,CAAK,KAAK,eAAe,UAAWF,EAAG,4BAA6BT,GAAS,IAAI,EAAG,IACpF,IAAA,CAAE,UAAWS,EAAG,4DAA6DT,GAAS,WAAW,EAAG,SAAA,CAAA,gBAEnGU,EAAC,QAAK,UAAWD,EAAG,0BAA2BT,GAAS,eAAe,EAAG,SAAA,sBAAA,CAAoB,CAAA,CAAA,CAChG,CAAA,EACF,EACAU,EAAC,QAAA,CACE,GAAGL,EACH,GAAGN,EAAc,cAAA,EAClB,QAASK,GAAkB,QAC3B,KAAAD,EACA,IAAKJ,EAAc,SACnB,SAAAE,EACA,UAAWQ,EAAGT,GAAS,KAAK,EAC5B,UAAQ,UAAA,CAAA,CACV,CAAA,CAAA,CAGN,CACF"}

package/dist/lib/shared/ui/heading/Heading.js

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import{cn as i}from"../../utils/cn.js";import"uuid";import"react";const m=s("",{variants:{as:{h1:"mob-headline-bold-m desktop:desk-headline-bold-l",h2:"mob-headline-bold-s desktop:desk-headline-bold-m",h3:"mob-title-bold-l desktop:desk-title-bold-l",h4:"mob-title-bold-m desktop:desk-title-bold-s"}},defaultVariants:{as:"h2"}}),k=({as:e="h2",children:o,className:t,...d})=>l(e,{className:i(m({as:e}),t),...d,children:o});export{k as Heading};
+import{jsx as l}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";import{cn as i}from"../../utils/cn.js";const m=s("",{variants:{as:{h1:"mob-headline-bold-m desktop:desk-headline-bold-l",h2:"mob-headline-bold-s desktop:desk-headline-bold-m",h3:"mob-title-bold-l desktop:desk-title-bold-l",h4:"mob-title-bold-m desktop:desk-title-bold-s"}},defaultVariants:{as:"h2"}}),r=({as:e="h2",children:o,className:t,...d})=>l(e,{className:i(m({as:e}),t),...d,children:o});export{r as Heading};
 //# sourceMappingURL=Heading.js.map

package/dist/lib/shared/ui/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../lib/shared/ui/heading/Heading.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '$/shared/utils'\n\n// # add h5 and h6 могут использоваться там, где нужно по смыслу и могут быть разного размера на мобилке и декстопе\n\nconst headingConfig = cva('', {\n  variants: {\n    as: {\n      h1: 'mob-headline-bold-m desktop:desk-headline-bold-l',\n      h2: 'mob-headline-bold-s desktop:desk-headline-bold-m',\n      h3: 'mob-title-bold-l desktop:desk-title-bold-l',\n      h4: 'mob-title-bold-m desktop:desk-title-bold-s'\n    }\n  },\n  defaultVariants: {\n    as: 'h2'\n  }\n})\n\nexport interface HeadingProps extends VariantProps<typeof headingConfig> {\n  children: ReactNode\n  className?: string\n  as?: 'h1' | 'h2' | 'h3' | 'h4'\n}\n\nexport const Heading = ({ as = 'h2', children, className, ...props }: HeadingProps) => {\n  const Element = as\n  return (\n    <Element className={cn(headingConfig({ as }), className)} {...props}>\n      {children}\n    </Element>\n  )\n}\n"],"names":["headingConfig","cva","Heading","as","children","className","props","jsx","cn"],"mappings":"yJAMA,MAAMA,EAAgBC,EAAI,GAAI,CAC5B,SAAU,CACR,GAAI,CACF,GAAI,mDACJ,GAAI,mDACJ,GAAI,6CACJ,GAAI,4CAAA,CACN,EAEF,gBAAiB,CACf,GAAI,IAAA,CAER,CAAC,EAQYC,EAAU,CAAC,CAAE,GAAAC,EAAK,KAAM,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAGzDC,EAFcJ,EAEb,CAAQ,UAAWK,EAAGR,EAAc,CAAE,GAAAG,CAAA,CAAI,EAAGE,CAAS,EAAI,GAAGC,EAC3D,SAAAF,CAAA,CACH"}
+{"version":3,"file":"Heading.js","sources":["../../../../../lib/shared/ui/heading/Heading.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '$/shared/utils'\n\n// # add h5 and h6 могут использоваться там, где нужно по смыслу и могут быть разного размера на мобилке и декстопе\n\nconst headingConfig = cva('', {\n  variants: {\n    as: {\n      h1: 'mob-headline-bold-m desktop:desk-headline-bold-l',\n      h2: 'mob-headline-bold-s desktop:desk-headline-bold-m',\n      h3: 'mob-title-bold-l desktop:desk-title-bold-l',\n      h4: 'mob-title-bold-m desktop:desk-title-bold-s'\n    }\n  },\n  defaultVariants: {\n    as: 'h2'\n  }\n})\n\nexport interface HeadingProps extends VariantProps<typeof headingConfig> {\n  children: ReactNode\n  className?: string\n  as?: 'h1' | 'h2' | 'h3' | 'h4'\n}\n\nexport const Heading = ({ as = 'h2', children, className, ...props }: HeadingProps) => {\n  const Element = as\n  return (\n    <Element className={cn(headingConfig({ as }), className)} {...props}>\n      {children}\n    </Element>\n  )\n}\n"],"names":["headingConfig","cva","Heading","as","children","className","props","jsx","cn"],"mappings":"8HAMA,MAAMA,EAAgBC,EAAI,GAAI,CAC5B,SAAU,CACR,GAAI,CACF,GAAI,mDACJ,GAAI,mDACJ,GAAI,6CACJ,GAAI,4CAAA,CACN,EAEF,gBAAiB,CACf,GAAI,IAAA,CAER,CAAC,EAQYC,EAAU,CAAC,CAAE,GAAAC,EAAK,KAAM,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAGzDC,EAFcJ,EAEb,CAAQ,UAAWK,EAAGR,EAAc,CAAE,GAAAG,CAAA,CAAI,EAAGE,CAAS,EAAI,GAAGC,EAC3D,SAAAF,CAAA,CACH"}

package/dist/lib/shared/ui/hint/Hint.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as m}from"react/jsx-runtime";import*as p from"react";import*as o from"@radix-ui/react-tooltip";import{useDevice as k}from"../../hooks/useDevice.js";import{useClickOutside as x}from"../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{cn as e}from"../../utils/cn.js";import"uuid";const y=({triggerElement:d,children:f,delayDuration:u=250,sideOffset:h=6,align:g="center",side:w="top",defaultOpen:c=!1,classes:r,...a})=>{const[l,i]=p.useState(!1),n=p.useRef(null),{isMobile:v}=k();return x(n,()=>i(!1)),t(o.Provider,{children:t(o.Root,{open:l,onOpenChange:i,defaultOpen:c,delayDuration:u,children:m("div",{className:e(r==null?void 0:r.wrapper),onClick:()=>i(v),children:[t(o.Trigger,{type:"button",className:e("cursor-pointer",r==null?void 0:r.trigger),children:d}),m(o.Content,{onPointerDownOutside:b=>b.preventDefault(),className:e("desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm",r==null?void 0:r.content),sideOffset:h,align:g,side:w,ref:n,...a,children:[f,t(o.Arrow,{width:12,height:6,className:e("fill-white",r==null?void 0:r.arrow)})]})]})})})};export{y as Hint};
+import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"react";import*as e from"@radix-ui/react-tooltip";import{useDevice as b}from"../../hooks/useDevice.js";import{useClickOutside as k}from"../../hooks/useClickOutside.js";import{cn as t}from"../../utils/cn.js";const R=({triggerElement:a,children:l,delayDuration:m=250,sideOffset:p=6,align:d="center",side:f="top",defaultOpen:u=!1,classes:r,...h})=>{const[g,i]=c.useState(!1),n=c.useRef(null),{isMobile:w}=b();return k(n,()=>i(!1)),o(e.Provider,{children:o(e.Root,{open:g,onOpenChange:i,defaultOpen:u,delayDuration:m,children:s("div",{className:t(r?.wrapper),onClick:()=>i(w),children:[o(e.Trigger,{type:"button",className:t("cursor-pointer",r?.trigger),children:a}),s(e.Content,{onPointerDownOutside:v=>v.preventDefault(),className:t("desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm",r?.content),sideOffset:p,align:d,side:f,ref:n,...h,children:[l,o(e.Arrow,{width:12,height:6,className:t("fill-white",r?.arrow)})]})]})})})};export{R as Hint};
 //# sourceMappingURL=Hint.js.map

package/dist/lib/shared/ui/hint/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sources":["../../../../../lib/shared/ui/hint/Hint.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { useClickOutside, useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\ntype HintClasses = {\n  wrapper?: string\n  content?: string\n  arrow?: string\n  trigger?: string\n}\n\nexport interface HintContentProps extends TooltipPrimitive.TooltipContentProps {\n  delayDuration?: number\n  sideOffset?: number\n  align?: 'end' | 'center' | 'start'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  defaultOpen?: boolean\n}\n\nexport interface IHintProps extends HintContentProps {\n  triggerElement: React.ReactElement\n  children: React.ReactElement | string\n  classes?: HintClasses\n}\n\nexport const Hint = ({\n  triggerElement,\n  children,\n  delayDuration = 250,\n  sideOffset = 6,\n  align = 'center',\n  side = 'top',\n  defaultOpen = false,\n  classes,\n  ...contentProps\n}: IHintProps) => {\n  const [open, setOpen] = React.useState(false)\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const { isMobile } = useDevice()\n\n  useClickOutside(contentRef, () => setOpen(false))\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root open={open} onOpenChange={setOpen} defaultOpen={defaultOpen} delayDuration={delayDuration}>\n        <div className={cn(classes?.wrapper)} onClick={() => setOpen(isMobile)}>\n          <TooltipPrimitive.Trigger type='button' className={cn('cursor-pointer', classes?.trigger)}>\n            {triggerElement}\n          </TooltipPrimitive.Trigger>\n          <TooltipPrimitive.Content\n            onPointerDownOutside={(event) => event.preventDefault()}\n            className={cn(\n              'desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm',\n              classes?.content\n            )}\n            sideOffset={sideOffset}\n            align={align}\n            side={side}\n            ref={contentRef}\n            {...contentProps}\n          >\n            {children}\n            <TooltipPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrow)} />\n          </TooltipPrimitive.Content>\n        </div>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  )\n}\n"],"names":["Hint","triggerElement","children","delayDuration","sideOffset","align","side","defaultOpen","classes","contentProps","open","setOpen","React","contentRef","isMobile","useDevice","useClickOutside","jsx","TooltipPrimitive","jsxs","cn","event"],"mappings":"sVA4BO,MAAMA,EAAO,CAAC,CACnB,eAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,IAChB,WAAAC,EAAa,EACb,MAAAC,EAAQ,SACR,KAAAC,EAAO,MACP,YAAAC,EAAc,GACd,QAAAC,EACA,GAAGC,CACL,IAAkB,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EACtCC,EAAaD,EAAM,OAAuB,IAAI,EAC9C,CAAE,SAAAE,CAAA,EAAaC,EAAA,EAErB,OAAAC,EAAgBH,EAAY,IAAMF,EAAQ,EAAK,CAAC,EAE9CM,EAACC,EAAiB,SAAjB,CACC,SAAAD,EAACC,EAAiB,KAAjB,CAAsB,KAAAR,EAAY,aAAcC,EAAS,YAAAJ,EAA0B,cAAAJ,EAClF,SAAAgB,EAAC,MAAA,CAAI,UAAWC,EAAGZ,GAAA,YAAAA,EAAS,OAAO,EAAG,QAAS,IAAMG,EAAQG,CAAQ,EACnE,SAAA,CAAAG,EAACC,EAAiB,QAAjB,CAAyB,KAAK,SAAS,UAAWE,EAAG,iBAAkBZ,GAAA,YAAAA,EAAS,OAAO,EACrF,SAAAP,CAAA,CACH,EACAkB,EAACD,EAAiB,QAAjB,CACC,qBAAuBG,GAAUA,EAAM,eAAA,EACvC,UAAWD,EACT,kHACAZ,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAJ,EACA,MAAAC,EACA,KAAAC,EACA,IAAKO,EACJ,GAAGJ,EAEH,SAAA,CAAAP,EACDe,EAACC,EAAiB,MAAjB,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWE,EAAG,aAAcZ,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAG,CAAA,CAAA,CAAA,CAC7F,CAAA,CACF,EACF,EACF,CAEJ"}
+{"version":3,"file":"Hint.js","sources":["../../../../../lib/shared/ui/hint/Hint.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { useClickOutside, useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\ntype HintClasses = {\n  wrapper?: string\n  content?: string\n  arrow?: string\n  trigger?: string\n}\n\nexport interface HintContentProps extends TooltipPrimitive.TooltipContentProps {\n  delayDuration?: number\n  sideOffset?: number\n  align?: 'end' | 'center' | 'start'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  defaultOpen?: boolean\n}\n\nexport interface IHintProps extends HintContentProps {\n  triggerElement: React.ReactElement\n  children: React.ReactElement | string\n  classes?: HintClasses\n}\n\nexport const Hint = ({\n  triggerElement,\n  children,\n  delayDuration = 250,\n  sideOffset = 6,\n  align = 'center',\n  side = 'top',\n  defaultOpen = false,\n  classes,\n  ...contentProps\n}: IHintProps) => {\n  const [open, setOpen] = React.useState(false)\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const { isMobile } = useDevice()\n\n  useClickOutside(contentRef, () => setOpen(false))\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root open={open} onOpenChange={setOpen} defaultOpen={defaultOpen} delayDuration={delayDuration}>\n        <div className={cn(classes?.wrapper)} onClick={() => setOpen(isMobile)}>\n          <TooltipPrimitive.Trigger type='button' className={cn('cursor-pointer', classes?.trigger)}>\n            {triggerElement}\n          </TooltipPrimitive.Trigger>\n          <TooltipPrimitive.Content\n            onPointerDownOutside={(event) => event.preventDefault()}\n            className={cn(\n              'desk-body-regular-m w-48 origin-center animate-scale-in rounded-sm bg-color-white p-4 text-color-dark shadow-sm',\n              classes?.content\n            )}\n            sideOffset={sideOffset}\n            align={align}\n            side={side}\n            ref={contentRef}\n            {...contentProps}\n          >\n            {children}\n            <TooltipPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrow)} />\n          </TooltipPrimitive.Content>\n        </div>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  )\n}\n"],"names":["Hint","triggerElement","children","delayDuration","sideOffset","align","side","defaultOpen","classes","contentProps","open","setOpen","React","contentRef","isMobile","useDevice","useClickOutside","jsx","TooltipPrimitive","jsxs","cn","event"],"mappings":"iRA4BO,MAAMA,EAAO,CAAC,CACnB,eAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,IAChB,WAAAC,EAAa,EACb,MAAAC,EAAQ,SACR,KAAAC,EAAO,MACP,YAAAC,EAAc,GACd,QAAAC,EACA,GAAGC,CACL,IAAkB,CAChB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAM,SAAS,EAAK,EACtCC,EAAaD,EAAM,OAAuB,IAAI,EAC9C,CAAE,SAAAE,CAAA,EAAaC,EAAA,EAErB,OAAAC,EAAgBH,EAAY,IAAMF,EAAQ,EAAK,CAAC,EAE9CM,EAACC,EAAiB,SAAjB,CACC,SAAAD,EAACC,EAAiB,KAAjB,CAAsB,KAAAR,EAAY,aAAcC,EAAS,YAAAJ,EAA0B,cAAAJ,EAClF,SAAAgB,EAAC,MAAA,CAAI,UAAWC,EAAGZ,GAAS,OAAO,EAAG,QAAS,IAAMG,EAAQG,CAAQ,EACnE,SAAA,CAAAG,EAACC,EAAiB,QAAjB,CAAyB,KAAK,SAAS,UAAWE,EAAG,iBAAkBZ,GAAS,OAAO,EACrF,SAAAP,CAAA,CACH,EACAkB,EAACD,EAAiB,QAAjB,CACC,qBAAuBG,GAAUA,EAAM,eAAA,EACvC,UAAWD,EACT,kHACAZ,GAAS,OAAA,EAEX,WAAAJ,EACA,MAAAC,EACA,KAAAC,EACA,IAAKO,EACJ,GAAGJ,EAEH,SAAA,CAAAP,EACDe,EAACC,EAAiB,MAAjB,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWE,EAAG,aAAcZ,GAAS,KAAK,CAAA,CAAG,CAAA,CAAA,CAAA,CAC7F,CAAA,CACF,EACF,EACF,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{ResponsiveContainer as t}from"./responsiveContainer/ResponsiveContainer.js";import{Button as a}from"./button/Button.js";import{buttonPrimitiveIntent as p,buttonPrimitiveSize as f,buttonPrimitiveTextFormat as x,buttonPrimitiveType as n}from"./button/model/helpers.js";import{ButtonIcon as l}from"./buttonIcon/ButtonIcon.js";import{PhoneView as s}from"./phoneView/PhoneView.js";import{Badge as u}from"./badge/Badge.js";import{Loader as T}from"./loader/Loader.js";import{Skeleton as I}from"./skeleton/Skeleton.js";import{FloatButton as P}from"./floatButton/FloatButton.js";import{Calendar as D}from"./calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as y,defaultClassNames as v,formatDateToLocaleString as k,formatDateToMonthString as R,formatDateToYearString as h}from"./calendar/model/utils.js";import{Accordion as A}from"./accordion/Accordion.js";import{Hint as E}from"./hint/Hint.js";import{Popover as F}from"./popover/Popover.js";import{ProgressBar as M}from"./progressBar/ProgressBar.js";import{TabsSwitcher as O}from"./tabSwitcher/TabsSwitcher.js";import{Modal as z}from"./modal/Modal.js";import{Notification as _}from"./notification/Notification.js";import{Table as Y,TableBody as j,TableCaption as q,TableCell as J,TableFooter as Q,TableHead as W,TableHeader as X,TableRow as Z}from"./table/ui/primitives/Primitives.js";import{DataTableColumnHeader as oo}from"./table/ui/dataTableColumnHeader/DataTableColumnHeader.js";import{EditableCell as to}from"./table/ui/editableCell/EditableCell.js";import{DataTable as ao}from"./table/Table.js";import{TableUtils as po}from"./table/model/TableUtils.js";import{TablePagination as xo}from"./table/TablePagination.js";import{Pagination as io}from"./pagination/Pagination.js";import{usePagination as so}from"./pagination/hooks/usePagination.js";import{CarouselBase as uo}from"./carousel/CarouselBase.js";import{ArrowNavigationButton as To}from"./carousel/ui/ArrowNavigationButton.js";import{CarouselSlide as Io}from"./carousel/ui/CarouselSlide.js";import{DotsNavigations as Po}from"./carousel/ui/DotsNavigations.js";import{SlideProductCard as Do}from"./carousel/ui/slideVariants/SlideProductCard.js";import{SlideOnlyImage as yo}from"./carousel/ui/slideVariants/SlideOnlyImage.js";import{SlideFullScreen as ko}from"./carousel/ui/slideVariants/SlideFullScreen.js";import{CarouselContent as ho}from"./carousel/ui/CarouselContent.js";import{Dialog as Ao}from"./dialog/Dialog.js";import{NotificationProvider as Eo}from"./providers/NotificationProvider.js";import{Heading as Fo}from"./heading/Heading.js";import{Icon as Mo}from"./icon/Icon.js";import{allowedIcons as Oo}from"./icon/allowedIcons.js";import{brandLogos as zo}from"./brandLogos/BrandLogos.js";import{CustomLink as _o}from"./customLink/CustomLink.js";import{linkPrimitiveIconIntent as Yo,linkPrimitiveIntent as jo,linkPrimitiveSize as qo}from"./customLink/model/helpers.js";import{KeyboardShortcuts as Qo}from"./keyboardShortcuts/KeyboardShortcuts.js";import{Slot as Xo}from"./slot/Slot.js";import{AutocompleteBase as $o}from"./formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as rr}from"./formElements/uncontrolled/checkbox/Checkbox.js";import{Combobox as er}from"./formElements/uncontrolled/combobox/combobox.js";import{DayPickerBase as mr}from"./formElements/uncontrolled/dayPicker/DayPicker.js";import{InputBase as fr}from"./formElements/uncontrolled/input/Input.js";import{InputOtpBase as nr}from"./formElements/uncontrolled/inputOtp/InputOtpBase.js";import{MaskInput as lr}from"./formElements/uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as sr}from"./formElements/uncontrolled/radio/RadioGroup.js";import{RadioItem as ur}from"./formElements/uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as Tr}from"./formElements/uncontrolled/radio/ui/RadioItemCard.js";import{RadioItemTab as Ir}from"./formElements/uncontrolled/radio/ui/RadioItemTab.js";import{SliderBase as Pr}from"./formElements/uncontrolled/slider/SliderBase.js";import{SwitchBase as Dr}from"./formElements/uncontrolled/switch/Switch.js";import{TextareaBase as yr}from"./formElements/uncontrolled/textarea/Textarea.js";import{UploaderBase as kr}from"./formElements/uncontrolled/uploader/UploaderBase.js";import{bytesToMegabytes as hr,megabytesToBytes as wr}from"./formElements/uncontrolled/uploader/model/helpers.js";import{InputCurrencyBase as Lr}from"./formElements/uncontrolled/inputCurrency/InputCurrency.js";import{Uncontrolled as Nr}from"./formElements/uncontrolled/index.js";import{AutocompleteControl as Hr}from"./formElements/controlled/autocomplete/AutocompleteControl.js";import{CheckboxControl as Gr}from"./formElements/controlled/checkbox/CheckboxControl.js";import{DadataOrganization as Ur}from"./formElements/controlled/dadata/party/DadataOrganization.js";import{DadataAddress as Vr}from"./formElements/controlled/dadata/address/DadataAddress.js";import{DadataAuto as Kr}from"./formElements/controlled/dadata/auto/DadataAuto.js";import{DadataCountry as jr}from"./formElements/controlled/dadata/country/DadataCountry.js";import{DadataFio as Jr}from"./formElements/controlled/dadata/fio/DadataFio.js";import{DayPickerControl as Wr}from"./formElements/controlled/dayPickerControl/dayPickerControl.js";import{EditorControl as Zr}from"./formElements/controlled/editor/EditorControl.js";import{InputControl as ot}from"./formElements/controlled/input/InputControl.js";import{MaskInputControl as tt}from"./formElements/controlled/input/MaskInputControl.js";import{InputCurrencyControl as at}from"./formElements/controlled/inputCurrency/InputCurrencyControl.js";import{InputOtpControl as pt}from"./formElements/controlled/inputOtp/InputOtpControl.js";import{RadioGroupControl as xt}from"./formElements/controlled/radio/RadioGroupControl.js";import{RadioGroupTabControl as it}from"./formElements/controlled/radio/RadioGroupTabControl.js";import{RadioGroupCardControl as dt}from"./formElements/controlled/radio/RadioGroupCardControl.js";import{SliderControl as Ct}from"./formElements/controlled/slider/SliderControl.js";import{SwitchControl as bt}from"./formElements/controlled/switch/SwitchControl.js";import{TextareaControl as ct}from"./formElements/controlled/textarea/TextareaControl.js";import{UploaderControl as Bt}from"./formElements/controlled/uploader/UploaderControl.js";import{ComboboxControl as St}from"./formElements/controlled/combobox/ComboboxControl.js";import{Controlled as gt}from"./formElements/controlled/index.js";import{Chips as vt}from"./chips/Chips.js";import{DropdownItem as Rt}from"./dropdownList/ui/dropdownItem/DropdownItem.js";import{EmptyList as wt}from"./dropdownList/ui/Empty.js";import{DropdownList as Lt}from"./dropdownList/DropdownList.js";import{Portal as Nt}from"./portal/Portal.js";import{Divider as Ht}from"./divider/Divider.js";import{Confirmable as Gt}from"./confirmable/Confirmable.js";export{A as Accordion,To as ArrowNavigationButton,$o as AutocompleteBase,Hr as AutocompleteControl,u as Badge,a as Button,l as ButtonIcon,D as Calendar,uo as CarouselBase,ho as CarouselContent,Io as CarouselSlide,rr as CheckboxBase,Gr as CheckboxControl,vt as Chips,er as Combobox,St as ComboboxControl,Gt as Confirmable,gt as Controlled,_o as CustomLink,y as DATE_VISIBLE_PATTERN,Vr as DadataAddress,Kr as DadataAuto,jr as DadataCountry,Jr as DadataFio,Ur as DadataOrganization,ao as DataTable,oo as DataTableColumnHeader,mr as DayPickerBase,Wr as DayPickerControl,Ao as Dialog,Ht as Divider,Po as DotsNavigations,Rt as DropdownItem,Lt as DropdownList,to as EditableCell,Zr as EditorControl,wt as EmptyList,P as FloatButton,Fo as Heading,E as Hint,Mo as Icon,fr as InputBase,ot as InputControl,Lr as InputCurrencyBase,at as InputCurrencyControl,nr as InputOtpBase,pt as InputOtpControl,Qo as KeyboardShortcuts,T as Loader,lr as MaskInput,tt as MaskInputControl,z as Modal,_ as Notification,Eo as NotificationProvider,io as Pagination,s as PhoneView,F as Popover,Nt as Portal,M as ProgressBar,sr as RadioGroupBase,dt as RadioGroupCardControl,xt as RadioGroupControl,it as RadioGroupTabControl,ur as RadioItem,Tr as RadioItemCard,Ir as RadioItemTab,t as ResponsiveContainer,I as Skeleton,ko as SlideFullScreen,yo as SlideOnlyImage,Do as SlideProductCard,Pr as SliderBase,Ct as SliderControl,Xo as Slot,Dr as SwitchBase,bt as SwitchControl,Y as Table,j as TableBody,q as TableCaption,J as TableCell,Q as TableFooter,W as TableHead,X as TableHeader,xo as TablePagination,Z as TableRow,po as TableUtils,O as TabsSwitcher,yr as TextareaBase,ct as TextareaControl,Nr as Uncontrolled,kr as UploaderBase,Bt as UploaderControl,Oo as allowedIcons,zo as brandLogos,p as buttonPrimitiveIntent,f as buttonPrimitiveSize,x as buttonPrimitiveTextFormat,n as buttonPrimitiveType,hr as bytesToMegabytes,v as defaultClassNames,k as formatDateToLocaleString,R as formatDateToMonthString,h as formatDateToYearString,Yo as linkPrimitiveIconIntent,jo as linkPrimitiveIntent,qo as linkPrimitiveSize,wr as megabytesToBytes,so as usePagination};
+import{ResponsiveContainer as t}from"./responsiveContainer/ResponsiveContainer.js";import{Button as a}from"./button/Button.js";import{buttonPrimitiveIntent as p,buttonPrimitiveSize as f,buttonPrimitiveTextFormat as x,buttonPrimitiveType as n}from"./button/model/helpers.js";import{ButtonIcon as l}from"./buttonIcon/ButtonIcon.js";import{PhoneView as s}from"./phoneView/PhoneView.js";import{Badge as u}from"./badge/Badge.js";import{Loader as T}from"./loader/Loader.js";import{Skeleton as I}from"./skeleton/Skeleton.js";import{FloatButton as P}from"./floatButton/FloatButton.js";import{Calendar as D}from"./calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as y,defaultClassNames as v,formatDateToLocaleString as k,formatDateToMonthString as R,formatDateToYearString as h}from"./calendar/model/utils.js";import{Accordion as A}from"./accordion/Accordion.js";import{Hint as E}from"./hint/Hint.js";import{Popover as F}from"./popover/Popover.js";import{ProgressBar as M}from"./progressBar/ProgressBar.js";import{TabsSwitcher as O}from"./tabSwitcher/TabsSwitcher.js";import{Modal as z}from"./modal/Modal.js";import{Notification as _}from"./notification/Notification.js";import{DataTable as Y}from"./table/Table.js";import{TableUtils as q}from"./table/model/TableUtils.js";import{TablePagination as Q}from"./table/TablePagination.js";import{Table as X,TableBody as Z,TableCaption as $,TableCell as oo,TableFooter as ro,TableHead as to,TableHeader as eo,TableRow as ao}from"./table/ui/primitives/Primitives.js";import{DataTableColumnHeader as po}from"./table/ui/dataTableColumnHeader/DataTableColumnHeader.js";import{EditableCell as xo}from"./table/ui/editableCell/EditableCell.js";import{Pagination as io}from"./pagination/Pagination.js";import{usePagination as so}from"./pagination/hooks/usePagination.js";import{CarouselBase as uo}from"./carousel/CarouselBase.js";import{ArrowNavigationButton as To}from"./carousel/ui/ArrowNavigationButton.js";import{CarouselSlide as Io}from"./carousel/ui/CarouselSlide.js";import{DotsNavigations as Po}from"./carousel/ui/DotsNavigations.js";import{SlideProductCard as Do}from"./carousel/ui/slideVariants/SlideProductCard.js";import{SlideOnlyImage as yo}from"./carousel/ui/slideVariants/SlideOnlyImage.js";import{SlideFullScreen as ko}from"./carousel/ui/slideVariants/SlideFullScreen.js";import{CarouselContent as ho}from"./carousel/ui/CarouselContent.js";import{Dialog as Ao}from"./dialog/Dialog.js";import{NotificationProvider as Eo}from"./providers/NotificationProvider.js";import{Heading as Fo}from"./heading/Heading.js";import{Icon as Mo}from"./icon/Icon.js";import{allowedIcons as Oo}from"./icon/allowedIcons.js";import{brandLogos as zo}from"./brandLogos/BrandLogos.js";import{linkPrimitiveIconIntent as _o,linkPrimitiveIntent as Ko,linkPrimitiveSize as Yo}from"./customLink/model/helpers.js";import{CustomLink as qo}from"./customLink/CustomLink.js";import{KeyboardShortcuts as Qo}from"./keyboardShortcuts/KeyboardShortcuts.js";import{Slot as Xo}from"./slot/Slot.js";import{Uncontrolled as $o}from"./formElements/uncontrolled/index.js";import{Controlled as rr}from"./formElements/controlled/index.js";import{AutocompleteBase as er}from"./formElements/uncontrolled/autocomplete/Autocomplete.js";import{CheckboxBase as mr}from"./formElements/uncontrolled/checkbox/Checkbox.js";import{Combobox as fr}from"./formElements/uncontrolled/combobox/combobox.js";import{DayPickerBase as nr}from"./formElements/uncontrolled/dayPicker/DayPicker.js";import{InputBase as lr}from"./formElements/uncontrolled/input/Input.js";import{InputOtpBase as sr}from"./formElements/uncontrolled/inputOtp/InputOtpBase.js";import{MaskInput as ur}from"./formElements/uncontrolled/maskInput/MaskInput.js";import{RadioGroupBase as Tr}from"./formElements/uncontrolled/radio/RadioGroup.js";import{RadioItem as Ir}from"./formElements/uncontrolled/radio/ui/RadioItem.js";import{RadioItemCard as Pr}from"./formElements/uncontrolled/radio/ui/RadioItemCard.js";import{RadioItemTab as Dr}from"./formElements/uncontrolled/radio/ui/RadioItemTab.js";import{SliderBase as yr}from"./formElements/uncontrolled/slider/SliderBase.js";import{SwitchBase as kr}from"./formElements/uncontrolled/switch/Switch.js";import{TextareaBase as hr}from"./formElements/uncontrolled/textarea/Textarea.js";import{UploaderBase as Ar}from"./formElements/uncontrolled/uploader/UploaderBase.js";import{bytesToMegabytes as Er,megabytesToBytes as Nr}from"./formElements/uncontrolled/uploader/model/helpers.js";import{InputCurrencyBase as Hr}from"./formElements/uncontrolled/inputCurrency/InputCurrency.js";import{AutocompleteControl as Gr}from"./formElements/controlled/autocomplete/AutocompleteControl.js";import{CheckboxControl as Ur}from"./formElements/controlled/checkbox/CheckboxControl.js";import{DadataOrganization as Vr}from"./formElements/controlled/dadata/party/DadataOrganization.js";import{DadataAddress as Kr}from"./formElements/controlled/dadata/address/DadataAddress.js";import{DadataAuto as jr}from"./formElements/controlled/dadata/auto/DadataAuto.js";import{DadataCountry as Jr}from"./formElements/controlled/dadata/country/DadataCountry.js";import{DadataFio as Wr}from"./formElements/controlled/dadata/fio/DadataFio.js";import{DayPickerControl as Zr}from"./formElements/controlled/dayPickerControl/dayPickerControl.js";import{EditorControl as ot}from"./formElements/controlled/editor/EditorControl.js";import{InputControl as tt}from"./formElements/controlled/input/InputControl.js";import{MaskInputControl as at}from"./formElements/controlled/input/MaskInputControl.js";import{InputCurrencyControl as pt}from"./formElements/controlled/inputCurrency/InputCurrencyControl.js";import{InputOtpControl as xt}from"./formElements/controlled/inputOtp/InputOtpControl.js";import{RadioGroupControl as it}from"./formElements/controlled/radio/RadioGroupControl.js";import{RadioGroupTabControl as dt}from"./formElements/controlled/radio/RadioGroupTabControl.js";import{RadioGroupCardControl as Ct}from"./formElements/controlled/radio/RadioGroupCardControl.js";import{SliderControl as bt}from"./formElements/controlled/slider/SliderControl.js";import{SwitchControl as ct}from"./formElements/controlled/switch/SwitchControl.js";import{TextareaControl as Bt}from"./formElements/controlled/textarea/TextareaControl.js";import{UploaderControl as St}from"./formElements/controlled/uploader/UploaderControl.js";import{ComboboxControl as gt}from"./formElements/controlled/combobox/ComboboxControl.js";import{Chips as vt}from"./chips/Chips.js";import{DropdownList as Rt}from"./dropdownList/DropdownList.js";import{EmptyList as wt}from"./dropdownList/ui/Empty.js";import{DropdownItem as Lt}from"./dropdownList/ui/dropdownItem/DropdownItem.js";import{Portal as Nt}from"./portal/Portal.js";import{Divider as Ht}from"./divider/Divider.js";import{Confirmable as Gt}from"./confirmable/Confirmable.js";export{A as Accordion,To as ArrowNavigationButton,er as AutocompleteBase,Gr as AutocompleteControl,u as Badge,a as Button,l as ButtonIcon,D as Calendar,uo as CarouselBase,ho as CarouselContent,Io as CarouselSlide,mr as CheckboxBase,Ur as CheckboxControl,vt as Chips,fr as Combobox,gt as ComboboxControl,Gt as Confirmable,rr as Controlled,qo as CustomLink,y as DATE_VISIBLE_PATTERN,Kr as DadataAddress,jr as DadataAuto,Jr as DadataCountry,Wr as DadataFio,Vr as DadataOrganization,Y as DataTable,po as DataTableColumnHeader,nr as DayPickerBase,Zr as DayPickerControl,Ao as Dialog,Ht as Divider,Po as DotsNavigations,Lt as DropdownItem,Rt as DropdownList,xo as EditableCell,ot as EditorControl,wt as EmptyList,P as FloatButton,Fo as Heading,E as Hint,Mo as Icon,lr as InputBase,tt as InputControl,Hr as InputCurrencyBase,pt as InputCurrencyControl,sr as InputOtpBase,xt as InputOtpControl,Qo as KeyboardShortcuts,T as Loader,ur as MaskInput,at as MaskInputControl,z as Modal,_ as Notification,Eo as NotificationProvider,io as Pagination,s as PhoneView,F as Popover,Nt as Portal,M as ProgressBar,Tr as RadioGroupBase,Ct as RadioGroupCardControl,it as RadioGroupControl,dt as RadioGroupTabControl,Ir as RadioItem,Pr as RadioItemCard,Dr as RadioItemTab,t as ResponsiveContainer,I as Skeleton,ko as SlideFullScreen,yo as SlideOnlyImage,Do as SlideProductCard,yr as SliderBase,bt as SliderControl,Xo as Slot,kr as SwitchBase,ct as SwitchControl,X as Table,Z as TableBody,$ as TableCaption,oo as TableCell,ro as TableFooter,to as TableHead,eo as TableHeader,Q as TablePagination,ao as TableRow,q as TableUtils,O as TabsSwitcher,hr as TextareaBase,Bt as TextareaControl,$o as Uncontrolled,Ar as UploaderBase,St as UploaderControl,Oo as allowedIcons,zo as brandLogos,p as buttonPrimitiveIntent,f as buttonPrimitiveSize,x as buttonPrimitiveTextFormat,n as buttonPrimitiveType,Er as bytesToMegabytes,v as defaultClassNames,k as formatDateToLocaleString,R as formatDateToMonthString,h as formatDateToYearString,_o as linkPrimitiveIconIntent,Ko as linkPrimitiveIntent,Yo as linkPrimitiveSize,Nr as megabytesToBytes,so as usePagination};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/keyboardShortcuts/KeyboardShortcuts.js

@@ -1,2 +1,2 @@
-import{jsx as d,jsxs as t}from"react/jsx-runtime";import{cn as m}from"../../utils/cn.js";import"uuid";import"react";const g=({keyList:o,classes:r})=>d("div",{className:m("flex items-center gap-1",r==null?void 0:r.root),children:o==null?void 0:o.map((n,p)=>t("div",{className:m("flex items-center gap-1",r==null?void 0:r.keys),children:[d("span",{className:m("desk-body-regular-s rounded-sm border border-solid border-warm-grey-200 px-2 py-1 capitalize",r==null?void 0:r.key),children:n}),d("span",{children:p!==o.length-1&&"+"})]},p))});export{g as KeyboardShortcuts};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";const c=({keyList:a,classes:r})=>e("div",{className:o("flex items-center gap-1",r?.root),children:a?.map((s,d)=>t("div",{className:o("flex items-center gap-1",r?.keys),children:[e("span",{className:o("desk-body-regular-s rounded-sm border border-solid border-warm-grey-200 px-2 py-1 capitalize",r?.key),children:s}),e("span",{children:d!==a.length-1&&"+"})]},d))});export{c as KeyboardShortcuts};
 //# sourceMappingURL=KeyboardShortcuts.js.map

package/dist/lib/shared/ui/keyboardShortcuts/KeyboardShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcuts.js","sources":["../../../../../lib/shared/ui/keyboardShortcuts/KeyboardShortcuts.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\ntype KeyboardShortcutsClasses = {\n  root?: string\n  keys?: string\n  key?: string\n}\n\nexport interface KeyboardShortcutsProps {\n  keyList: string[]\n  classes?: KeyboardShortcutsClasses\n}\n\nexport const KeyboardShortcuts = ({ keyList, classes }: KeyboardShortcutsProps) => {\n  return (\n    <div className={cn('flex items-center gap-1', classes?.root)}>\n      {keyList?.map((key, index) => (\n        <div key={index} className={cn('flex items-center gap-1', classes?.keys)}>\n          <span\n            className={cn(\n              'desk-body-regular-s rounded-sm border border-solid border-warm-grey-200 px-2 py-1 capitalize',\n              classes?.key\n            )}\n          >\n            {key}\n          </span>\n          <span>{index !== keyList.length - 1 && '+'}</span>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["KeyboardShortcuts","keyList","classes","jsx","cn","key","index"],"mappings":"oHAaO,MAAMA,EAAoB,CAAC,CAAE,QAAAC,EAAS,QAAAC,KAEzCC,EAAC,OAAI,UAAWC,EAAG,0BAA2BF,GAAA,YAAAA,EAAS,IAAI,EACxD,SAAAD,GAAA,YAAAA,EAAS,IAAI,CAACI,EAAKC,MACjB,MAAA,CAAgB,UAAWF,EAAG,0BAA2BF,GAAA,YAAAA,EAAS,IAAI,EACrE,SAAA,CAAAC,EAAC,OAAA,CACC,UAAWC,EACT,+FACAF,GAAA,YAAAA,EAAS,GAAA,EAGV,SAAAG,CAAA,CAAA,IAEF,OAAA,CAAM,SAAAC,IAAUL,EAAQ,OAAS,GAAK,GAAA,CAAI,CAAA,GATnCK,CAUV,GAEJ"}
+{"version":3,"file":"KeyboardShortcuts.js","sources":["../../../../../lib/shared/ui/keyboardShortcuts/KeyboardShortcuts.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\ntype KeyboardShortcutsClasses = {\n  root?: string\n  keys?: string\n  key?: string\n}\n\nexport interface KeyboardShortcutsProps {\n  keyList: string[]\n  classes?: KeyboardShortcutsClasses\n}\n\nexport const KeyboardShortcuts = ({ keyList, classes }: KeyboardShortcutsProps) => {\n  return (\n    <div className={cn('flex items-center gap-1', classes?.root)}>\n      {keyList?.map((key, index) => (\n        <div key={index} className={cn('flex items-center gap-1', classes?.keys)}>\n          <span\n            className={cn(\n              'desk-body-regular-s rounded-sm border border-solid border-warm-grey-200 px-2 py-1 capitalize',\n              classes?.key\n            )}\n          >\n            {key}\n          </span>\n          <span>{index !== keyList.length - 1 && '+'}</span>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],"names":["KeyboardShortcuts","keyList","classes","jsx","cn","key","index"],"mappings":"yFAaO,MAAMA,EAAoB,CAAC,CAAE,QAAAC,EAAS,QAAAC,KAEzCC,EAAC,OAAI,UAAWC,EAAG,0BAA2BF,GAAS,IAAI,EACxD,SAAAD,GAAS,IAAI,CAACI,EAAKC,MACjB,MAAA,CAAgB,UAAWF,EAAG,0BAA2BF,GAAS,IAAI,EACrE,SAAA,CAAAC,EAAC,OAAA,CACC,UAAWC,EACT,+FACAF,GAAS,GAAA,EAGV,SAAAG,CAAA,CAAA,IAEF,OAAA,CAAM,SAAAC,IAAUL,EAAQ,OAAS,GAAK,GAAA,CAAI,CAAA,GATnCK,CAUV,CACD,EACH"}

package/dist/lib/shared/ui/loader/Loader.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as d}from"react/jsx-runtime";import{loaderConfig as f,wrapperConfig as a}from"./model/helpers.js";import{cn as t}from"../../utils/cn.js";import"uuid";import"react";const k=({size:i="md",classes:r,intent:m="secondary",position:p="static",text:o,...n})=>e("div",{className:t(a({position:p}),{"flex flex-col items-center gap-2":o},r==null?void 0:r.wrapper),children:[d("span",{"data-testid":"loader",className:t(f({size:i,intent:m}),r==null?void 0:r.loader),...n}),o&&d("p",{className:t("desk-body-regular-l text-color-dark",r==null?void 0:r.text),children:o})]});export{k as Loader};
+import{jsxs as m,jsx as a}from"react/jsx-runtime";import{loaderConfig as p,wrapperConfig as c}from"./model/helpers.js";import{cn as o}from"../../utils/cn.js";const x=({size:d="md",classes:r,intent:t="secondary",position:l="static",text:e,...i})=>m("div",{className:o(c({position:l}),{"flex flex-col items-center gap-2":e},r?.wrapper),children:[a("span",{"data-testid":"loader",className:o(p({size:d,intent:t}),r?.loader),...i}),e&&a("p",{className:o("desk-body-regular-l text-color-dark",r?.text),children:e})]});export{x as Loader};
 //# sourceMappingURL=Loader.js.map

package/dist/lib/shared/ui/loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../lib/shared/ui/loader/Loader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { loaderConfig, wrapperConfig } from './model/helpers'\nimport { cn } from '$/shared/utils'\n\ntype TLoaderClasses = {\n  wrapper?: string\n  loader?: string\n  text?: string\n}\n\nexport interface LoaderProps\n  extends VariantProps<typeof loaderConfig>,\n    VariantProps<typeof wrapperConfig>,\n    Omit<HTMLAttributes<HTMLDivElement>, 'className'> {\n  intent?: 'primary' | 'secondary' | null\n  text?: ReactElement | string\n  classes?: TLoaderClasses\n}\n\nexport const Loader = ({ size = 'md', classes, intent = 'secondary', position = 'static', text, ...props }: LoaderProps) => {\n  return (\n    <div className={cn(wrapperConfig({ position }), { 'flex flex-col items-center gap-2': text }, classes?.wrapper)}>\n      <span data-testid='loader' className={cn(loaderConfig({ size, intent }), classes?.loader)} {...props}></span>\n      {text && <p className={cn('desk-body-regular-l text-color-dark', classes?.text)}>{text}</p>}\n    </div>\n  )\n}\n"],"names":["Loader","size","classes","intent","position","text","props","jsxs","cn","wrapperConfig","jsx","loaderConfig"],"mappings":"yLAoBO,MAAMA,EAAS,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,OAAAC,EAAS,YAAa,SAAAC,EAAW,SAAU,KAAAC,EAAM,GAAGC,KAE/FC,EAAC,MAAA,CAAI,UAAWC,EAAGC,EAAc,CAAE,SAAAL,CAAA,CAAU,EAAG,CAAE,mCAAoCC,CAAA,EAAQH,GAAA,YAAAA,EAAS,OAAO,EAC5G,SAAA,CAAAQ,EAAC,OAAA,CAAK,cAAY,SAAS,UAAWF,EAAGG,EAAa,CAAE,KAAAV,EAAM,OAAAE,CAAA,CAAQ,EAAGD,GAAA,YAAAA,EAAS,MAAM,EAAI,GAAGI,EAAO,EACrGD,KAAS,IAAA,CAAE,UAAWG,EAAG,sCAAuCN,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAG,CAAA,CAAK,CAAA,EACzF"}
+{"version":3,"file":"Loader.js","sources":["../../../../../lib/shared/ui/loader/Loader.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { loaderConfig, wrapperConfig } from './model/helpers'\nimport { cn } from '$/shared/utils'\n\ntype TLoaderClasses = {\n  wrapper?: string\n  loader?: string\n  text?: string\n}\n\nexport interface LoaderProps\n  extends VariantProps<typeof loaderConfig>,\n    VariantProps<typeof wrapperConfig>,\n    Omit<HTMLAttributes<HTMLDivElement>, 'className'> {\n  intent?: 'primary' | 'secondary' | null\n  text?: ReactElement | string\n  classes?: TLoaderClasses\n}\n\nexport const Loader = ({ size = 'md', classes, intent = 'secondary', position = 'static', text, ...props }: LoaderProps) => {\n  return (\n    <div className={cn(wrapperConfig({ position }), { 'flex flex-col items-center gap-2': text }, classes?.wrapper)}>\n      <span data-testid='loader' className={cn(loaderConfig({ size, intent }), classes?.loader)} {...props}></span>\n      {text && <p className={cn('desk-body-regular-l text-color-dark', classes?.text)}>{text}</p>}\n    </div>\n  )\n}\n"],"names":["Loader","size","classes","intent","position","text","props","jsxs","cn","wrapperConfig","jsx","loaderConfig"],"mappings":"8JAoBO,MAAMA,EAAS,CAAC,CAAE,KAAAC,EAAO,KAAM,QAAAC,EAAS,OAAAC,EAAS,YAAa,SAAAC,EAAW,SAAU,KAAAC,EAAM,GAAGC,KAE/FC,EAAC,MAAA,CAAI,UAAWC,EAAGC,EAAc,CAAE,SAAAL,CAAA,CAAU,EAAG,CAAE,mCAAoCC,CAAA,EAAQH,GAAS,OAAO,EAC5G,SAAA,CAAAQ,EAAC,OAAA,CAAK,cAAY,SAAS,UAAWF,EAAGG,EAAa,CAAE,KAAAV,EAAM,OAAAE,CAAA,CAAQ,EAAGD,GAAS,MAAM,EAAI,GAAGI,EAAO,EACrGD,KAAS,IAAA,CAAE,UAAWG,EAAG,sCAAuCN,GAAS,IAAI,EAAI,SAAAG,CAAA,CAAK,CAAA,EACzF"}

package/dist/lib/shared/ui/modal/Modal.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as D,Fragment as M}from"react/jsx-runtime";import{useEffect as R,useRef as f}from"react";import{createPortal as y}from"react-dom";import{AnimatePresence as N,motion as l}from"framer-motion";import{modalOverlayAnimation as j,modalContentAnimation as k}from"./model/helpers.js";import{IframeModalContent as A}from"./ui/IframeModalContent.js";import{ModalHeader as C}from"./ui/ModalHeader.js";import{cn as e}from"../../utils/cn.js";import{mergeRefs as E}from"../../utils/mergeRefs.js";import"uuid";const q=({title:v,children:u,isModalOpen:n,isPortal:a=!0,portalContainer:h=(c=>(c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body)(),closeModal:m,classes:o,iframe:w})=>{R(()=>(n&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="visible"}),[n]);const x=f(null),i=f(null),d=f(!1),b=r=>{r.target===i.current&&(d.current=!0)},g=r=>{d.current&&r.target===i.current&&m(),d.current=!1},p=t(N,{children:n&&t(l.div,{ref:E(r=>r==null?void 0:r.focus(),i),tabIndex:-1,onMouseDown:b,onMouseUp:g,className:e("fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay",{"z-1000":!a},o==null?void 0:o.overlay),onKeyDown:r=>{r.key==="Escape"&&m()},"data-id":"modal-overlay",...j,children:D(l.div,{onMouseDown:r=>r.stopPropagation(),className:e("max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8",o==null?void 0:o.modal),"data-id":"modal",...k,children:[t(C,{title:v,closeModal:m,classes:o==null?void 0:o.modalHeader}),w?t(A,{ref:x,className:e("mt-4",o==null?void 0:o.content),children:r=>y(u,r)}):t("div",{className:e("mt-4",o==null?void 0:o.content),children:u})]})})});return t(M,{children:a?y(p,h):p})};export{q as Modal};
+import{jsx as o,jsxs as b,Fragment as g}from"react/jsx-runtime";import{useEffect as D,useRef as i}from"react";import{createPortal as c}from"react-dom";import{AnimatePresence as M,motion as u}from"framer-motion";import{modalOverlayAnimation as R,modalContentAnimation as N}from"./model/helpers.js";import{IframeModalContent as j}from"./ui/IframeModalContent.js";import{ModalHeader as k}from"./ui/ModalHeader.js";import{cn as t}from"../../utils/cn.js";import{mergeRefs as A}from"../../utils/mergeRefs.js";const K=({title:p,children:l,isModalOpen:n,isPortal:f=!0,portalContainer:y=globalThis?.document?.body,closeModal:m,classes:r,iframe:v})=>{D(()=>(n&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow="visible"}),[n]);const h=i(null),a=i(null),d=i(!1),w=e=>{e.target===a.current&&(d.current=!0)},x=e=>{d.current&&e.target===a.current&&m(),d.current=!1},s=o(M,{children:n&&o(u.div,{ref:A(e=>e?.focus(),a),tabIndex:-1,onMouseDown:w,onMouseUp:x,className:t("fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay",{"z-1000":!f},r?.overlay),onKeyDown:e=>{e.key==="Escape"&&m()},"data-id":"modal-overlay",...R,children:b(u.div,{onMouseDown:e=>e.stopPropagation(),className:t("max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8",r?.modal),"data-id":"modal",...N,children:[o(k,{title:p,closeModal:m,classes:r?.modalHeader}),v?o(j,{ref:h,className:t("mt-4",r?.content),children:e=>c(l,e)}):o("div",{className:t("mt-4",r?.content),children:l})]})})});return o(g,{children:f?c(s,y):s})};export{K as Modal};
 //# sourceMappingURL=Modal.js.map

package/dist/lib/shared/ui/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../../lib/shared/ui/modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef } from 'react' // useState больше не нужен\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { modalContentAnimation, modalOverlayAnimation } from './model/helpers'\nimport { IframeModalContent } from './ui/IframeModalContent'\nimport { ModalHeader, type TModalHeaderClasses } from './ui/ModalHeader'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype ModalClasses = {\n  overlay?: string\n  modal?: string\n  content?: string\n  modalHeader?: TModalHeaderClasses\n}\n\nexport interface ModalProps {\n  children: React.ReactElement\n  isModalOpen: boolean\n  classes?: ModalClasses\n  isPortal?: boolean\n  portalContainer?: HTMLElement\n  title?: string | React.ReactElement\n  closeModal: () => void\n  iframe?: boolean\n}\n\nexport const Modal = ({\n  title,\n  children,\n  isModalOpen,\n  isPortal = true,\n  portalContainer = globalThis?.document?.body,\n  closeModal,\n  classes,\n  iframe\n}: ModalProps) => {\n  useEffect(() => {\n    if (isModalOpen) {\n      document.body.style.overflow = 'hidden'\n    }\n    return () => {\n      document.body.style.overflow = 'visible'\n    }\n  }, [isModalOpen])\n\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  const overlayRef = useRef<HTMLDivElement>(null)\n  const isMouseDownOnOverlayRef = useRef(false)\n\n  const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (e.target === overlayRef.current) {\n      isMouseDownOnOverlayRef.current = true\n    }\n  }\n\n  const handleMouseUp = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isMouseDownOnOverlayRef.current && e.target === overlayRef.current) {\n      closeModal()\n    }\n    isMouseDownOnOverlayRef.current = false\n  }\n\n  const modalBody = (\n    <AnimatePresence>\n      {isModalOpen && (\n        <motion.div\n          ref={mergeRefs((node) => node?.focus(), overlayRef)}\n          tabIndex={-1}\n          onMouseDown={handleMouseDown}\n          onMouseUp={handleMouseUp}\n          className={cn(\n            'fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay',\n            { 'z-1000': !isPortal },\n            classes?.overlay\n          )}\n          onKeyDown={(event) => {\n            if (event.key === 'Escape') {\n              closeModal()\n            }\n          }}\n          data-id='modal-overlay'\n          {...modalOverlayAnimation}\n        >\n          <motion.div\n            onMouseDown={(event) => event.stopPropagation()}\n            className={cn(\n              'max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8',\n              classes?.modal\n            )}\n            data-id='modal'\n            {...modalContentAnimation}\n          >\n            <ModalHeader title={title} closeModal={closeModal} classes={classes?.modalHeader} />\n            {iframe ? (\n              <IframeModalContent ref={iframeRef} className={cn('mt-4', classes?.content)}>\n                {(iframeBody) => createPortal(children, iframeBody)}\n              </IframeModalContent>\n            ) : (\n              <div className={cn('mt-4', classes?.content)}>{children}</div>\n            )}\n          </motion.div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  )\n  return <>{isPortal ? createPortal(modalBody, portalContainer) : modalBody}</>\n}\n"],"names":["Modal","title","children","isModalOpen","isPortal","portalContainer","_a","closeModal","classes","iframe","useEffect","iframeRef","useRef","overlayRef","isMouseDownOnOverlayRef","handleMouseDown","e","handleMouseUp","modalBody","jsx","AnimatePresence","motion","mergeRefs","node","cn","event","modalOverlayAnimation","jsxs","modalContentAnimation","ModalHeader","IframeModalContent","iframeBody","createPortal"],"mappings":"ogBA6BO,MAAMA,EAAQ,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,gBAAAC,GAAkBC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QACxC,WAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAAkB,CAChBC,EAAU,KACJP,IACF,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,SACjC,GACC,CAACA,CAAW,CAAC,EAEhB,MAAMQ,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EACxCE,EAA0BF,EAAO,EAAK,EAEtCG,EAAmBC,GAAwC,CAC3DA,EAAE,SAAWH,EAAW,UAC1BC,EAAwB,QAAU,GAEtC,EAEMG,EAAiBD,GAAwC,CACzDF,EAAwB,SAAWE,EAAE,SAAWH,EAAW,SAC7DN,EAAA,EAEFO,EAAwB,QAAU,EACpC,EAEMI,EACJC,EAACC,EAAA,CACE,SAAAjB,GACCgB,EAACE,EAAO,IAAP,CACC,IAAKC,EAAWC,GAASA,GAAA,YAAAA,EAAM,QAASV,CAAU,EAClD,SAAU,GACV,YAAaE,EACb,UAAWE,EACX,UAAWO,EACT,oFACA,CAAE,SAAU,CAACpB,CAAA,EACbI,GAAA,YAAAA,EAAS,OAAA,EAEX,UAAYiB,GAAU,CAChBA,EAAM,MAAQ,UAChBlB,EAAA,CAEJ,EACA,UAAQ,gBACP,GAAGmB,EAEJ,SAAAC,EAACN,EAAO,IAAP,CACC,YAAcI,GAAUA,EAAM,gBAAA,EAC9B,UAAWD,EACT,4HACAhB,GAAA,YAAAA,EAAS,KAAA,EAEX,UAAQ,QACP,GAAGoB,EAEJ,SAAA,CAAAT,EAACU,EAAA,CAAY,MAAA5B,EAAc,WAAAM,EAAwB,QAASC,GAAA,YAAAA,EAAS,YAAa,EACjFC,EACCU,EAACW,EAAA,CAAmB,IAAKnB,EAAW,UAAWa,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EACvE,SAACuB,GAAeC,EAAa9B,EAAU6B,CAAU,EACpD,EAEAZ,EAAC,MAAA,CAAI,UAAWK,EAAG,OAAQhB,GAAA,YAAAA,EAAS,OAAO,EAAI,SAAAN,CAAA,CAAS,CAAA,CAAA,CAAA,CAE5D,CAAA,EAGN,EAEF,YAAU,SAAAE,EAAW4B,EAAad,EAAWb,CAAe,EAAIa,EAAU,CAC5E"}
+{"version":3,"file":"Modal.js","sources":["../../../../../lib/shared/ui/modal/Modal.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { useEffect, useRef } from 'react' // useState больше не нужен\nimport { createPortal } from 'react-dom'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { modalContentAnimation, modalOverlayAnimation } from './model/helpers'\nimport { IframeModalContent } from './ui/IframeModalContent'\nimport { ModalHeader, type TModalHeaderClasses } from './ui/ModalHeader'\nimport { cn, mergeRefs } from '$/shared/utils'\n\ntype ModalClasses = {\n  overlay?: string\n  modal?: string\n  content?: string\n  modalHeader?: TModalHeaderClasses\n}\n\nexport interface ModalProps {\n  children: React.ReactElement\n  isModalOpen: boolean\n  classes?: ModalClasses\n  isPortal?: boolean\n  portalContainer?: HTMLElement\n  title?: string | React.ReactElement\n  closeModal: () => void\n  iframe?: boolean\n}\n\nexport const Modal = ({\n  title,\n  children,\n  isModalOpen,\n  isPortal = true,\n  portalContainer = globalThis?.document?.body,\n  closeModal,\n  classes,\n  iframe\n}: ModalProps) => {\n  useEffect(() => {\n    if (isModalOpen) {\n      document.body.style.overflow = 'hidden'\n    }\n    return () => {\n      document.body.style.overflow = 'visible'\n    }\n  }, [isModalOpen])\n\n  const iframeRef = useRef<HTMLIFrameElement>(null)\n  const overlayRef = useRef<HTMLDivElement>(null)\n  const isMouseDownOnOverlayRef = useRef(false)\n\n  const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (e.target === overlayRef.current) {\n      isMouseDownOnOverlayRef.current = true\n    }\n  }\n\n  const handleMouseUp = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (isMouseDownOnOverlayRef.current && e.target === overlayRef.current) {\n      closeModal()\n    }\n    isMouseDownOnOverlayRef.current = false\n  }\n\n  const modalBody = (\n    <AnimatePresence>\n      {isModalOpen && (\n        <motion.div\n          ref={mergeRefs((node) => node?.focus(), overlayRef)}\n          tabIndex={-1}\n          onMouseDown={handleMouseDown}\n          onMouseUp={handleMouseUp}\n          className={cn(\n            'fixed inset-0 flex h-screen w-screen items-center justify-center bg-color-overlay',\n            { 'z-1000': !isPortal },\n            classes?.overlay\n          )}\n          onKeyDown={(event) => {\n            if (event.key === 'Escape') {\n              closeModal()\n            }\n          }}\n          data-id='modal-overlay'\n          {...modalOverlayAnimation}\n        >\n          <motion.div\n            onMouseDown={(event) => event.stopPropagation()}\n            className={cn(\n              'max-h-[90vh] w-full max-w-[600px] overflow-y-auto rounded-md bg-color-white px-4 py-6 shadow-sm desktop:px-6 desktop:py-8',\n              classes?.modal\n            )}\n            data-id='modal'\n            {...modalContentAnimation}\n          >\n            <ModalHeader title={title} closeModal={closeModal} classes={classes?.modalHeader} />\n            {iframe ? (\n              <IframeModalContent ref={iframeRef} className={cn('mt-4', classes?.content)}>\n                {(iframeBody) => createPortal(children, iframeBody)}\n              </IframeModalContent>\n            ) : (\n              <div className={cn('mt-4', classes?.content)}>{children}</div>\n            )}\n          </motion.div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  )\n  return <>{isPortal ? createPortal(modalBody, portalContainer) : modalBody}</>\n}\n"],"names":["Modal","title","children","isModalOpen","isPortal","portalContainer","closeModal","classes","iframe","useEffect","iframeRef","useRef","overlayRef","isMouseDownOnOverlayRef","handleMouseDown","handleMouseUp","modalBody","jsx","AnimatePresence","motion","mergeRefs","node","cn","event","modalOverlayAnimation","jsxs","modalContentAnimation","ModalHeader","IframeModalContent","iframeBody","createPortal"],"mappings":"ufA6BO,MAAMA,EAAQ,CAAC,CACpB,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,GACX,gBAAAC,EAAkB,YAAY,UAAU,KACxC,WAAAC,EACA,QAAAC,EACA,OAAAC,CACF,IAAkB,CAChBC,EAAU,KACJN,IACF,SAAS,KAAK,MAAM,SAAW,UAE1B,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,SACjC,GACC,CAACA,CAAW,CAAC,EAEhB,MAAMO,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EACxCE,EAA0BF,EAAO,EAAK,EAEtCG,EAAmB,GAAwC,CAC3D,EAAE,SAAWF,EAAW,UAC1BC,EAAwB,QAAU,GAEtC,EAEME,EAAiB,GAAwC,CACzDF,EAAwB,SAAW,EAAE,SAAWD,EAAW,SAC7DN,EAAA,EAEFO,EAAwB,QAAU,EACpC,EAEMG,EACJC,EAACC,EAAA,CACE,SAAAf,GACCc,EAACE,EAAO,IAAP,CACC,IAAKC,EAAWC,GAASA,GAAM,MAAA,EAAST,CAAU,EAClD,SAAU,GACV,YAAaE,EACb,UAAWC,EACX,UAAWO,EACT,oFACA,CAAE,SAAU,CAAClB,CAAA,EACbG,GAAS,OAAA,EAEX,UAAYgB,GAAU,CAChBA,EAAM,MAAQ,UAChBjB,EAAA,CAEJ,EACA,UAAQ,gBACP,GAAGkB,EAEJ,SAAAC,EAACN,EAAO,IAAP,CACC,YAAcI,GAAUA,EAAM,gBAAA,EAC9B,UAAWD,EACT,4HACAf,GAAS,KAAA,EAEX,UAAQ,QACP,GAAGmB,EAEJ,SAAA,CAAAT,EAACU,EAAA,CAAY,MAAA1B,EAAc,WAAAK,EAAwB,QAASC,GAAS,YAAa,EACjFC,EACCS,EAACW,EAAA,CAAmB,IAAKlB,EAAW,UAAWY,EAAG,OAAQf,GAAS,OAAO,EACvE,SAACsB,GAAeC,EAAa5B,EAAU2B,CAAU,EACpD,EAEAZ,EAAC,MAAA,CAAI,UAAWK,EAAG,OAAQf,GAAS,OAAO,EAAI,SAAAL,CAAA,CAAS,CAAA,CAAA,CAAA,CAE5D,CAAA,EAGN,EAEF,YAAU,SAAAE,EAAW0B,EAAad,EAAWX,CAAe,EAAIW,EAAU,CAC5E"}

package/dist/lib/shared/ui/modal/ui/IframeModalContent.js

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as u,useState as f,useEffect as s}from"react";import{cn as h}from"../../../utils/cn.js";import"uuid";const v=u(({children:c,className:m,...a},t)=>{const[o,l]=f(null);return s(()=>{var n;const e=t&&"current"in t?t.current:null;!e||!e.contentDocument||((n=e.contentDocument)==null?void 0:n.readyState)==="complete"&&(document.querySelectorAll('head > link[rel="stylesheet"], head > style').forEach(d=>{var r;(r=e.contentDocument)==null||r.head.appendChild(d.cloneNode(!0))}),l(e.contentDocument.body))},[]),i("iframe",{id:"modal-preview",...a,ref:t,className:h("h-[60vh] w-[60vw]",m),children:o&&c(o)})});export{v as IframeModalContent};
+import{jsx as l}from"react/jsx-runtime";import{forwardRef as d,useState as u,useEffect as i}from"react";import{cn as f}from"../../../utils/cn.js";const y=d(({children:n,className:r,...c},t)=>{const[o,m]=u(null);return i(()=>{const e=t&&"current"in t?t.current:null;!e||!e.contentDocument||e.contentDocument?.readyState==="complete"&&(document.querySelectorAll('head > link[rel="stylesheet"], head > style').forEach(a=>{e.contentDocument?.head.appendChild(a.cloneNode(!0))}),m(e.contentDocument.body))},[]),l("iframe",{id:"modal-preview",...c,ref:t,className:f("h-[60vh] w-[60vw]",r),children:o&&n(o)})});export{y as IframeModalContent};
 //# sourceMappingURL=IframeModalContent.js.map

package/dist/lib/shared/ui/modal/ui/IframeModalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IframeModalContent.js","sources":["../../../../../../lib/shared/ui/modal/ui/IframeModalContent.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { cn } from '$/shared/utils'\n\ntype IframeModalContentProps = {\n  children: (body: HTMLElement) => React.ReactNode\n  className?: string\n} & Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, 'children'>\n\nexport const IframeModalContent = forwardRef<HTMLIFrameElement, IframeModalContentProps>(\n  ({ children, className, ...props }, ref) => {\n    const [iframeBody, setIframeBody] = useState<HTMLElement | null>(null)\n\n    useEffect(() => {\n      const iframe = ref && 'current' in ref ? ref.current : null\n      if (!iframe || !iframe.contentDocument) return\n\n      if (iframe.contentDocument?.readyState === 'complete') {\n        document.querySelectorAll('head > link[rel=\"stylesheet\"], head > style').forEach((node) => {\n          iframe.contentDocument?.head.appendChild(node.cloneNode(true))\n        })\n\n        setIframeBody(iframe.contentDocument.body)\n      }\n    }, [])\n\n    return (\n      <iframe id='modal-preview' {...props} ref={ref} className={cn('h-[60vh] w-[60vw]', className)}>\n        {iframeBody && children(iframeBody)}\n      </iframe>\n    )\n  }\n)\n"],"names":["IframeModalContent","forwardRef","children","className","props","ref","iframeBody","setIframeBody","useState","useEffect","iframe","_a","node","jsx","cn"],"mappings":"+JAQO,MAAMA,EAAqBC,EAChC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CAC1C,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAA6B,IAAI,EAErE,OAAAC,EAAU,IAAM,OACd,MAAMC,EAASL,GAAO,YAAaA,EAAMA,EAAI,QAAU,KACnD,CAACK,GAAU,CAACA,EAAO,mBAEnBC,EAAAD,EAAO,kBAAP,YAAAC,EAAwB,cAAe,aACzC,SAAS,iBAAiB,6CAA6C,EAAE,QAASC,GAAS,QACzFD,EAAAD,EAAO,kBAAP,MAAAC,EAAwB,KAAK,YAAYC,EAAK,UAAU,EAAI,EAC9D,CAAC,EAEDL,EAAcG,EAAO,gBAAgB,IAAI,EAE7C,EAAG,CAAA,CAAE,EAGHG,EAAC,SAAA,CAAO,GAAG,gBAAiB,GAAGT,EAAO,IAAAC,EAAU,UAAWS,EAAG,oBAAqBX,CAAS,EACzF,SAAAG,GAAcJ,EAASI,CAAU,EACpC,CAEJ,CACF"}
+{"version":3,"file":"IframeModalContent.js","sources":["../../../../../../lib/shared/ui/modal/ui/IframeModalContent.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { cn } from '$/shared/utils'\n\ntype IframeModalContentProps = {\n  children: (body: HTMLElement) => React.ReactNode\n  className?: string\n} & Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, 'children'>\n\nexport const IframeModalContent = forwardRef<HTMLIFrameElement, IframeModalContentProps>(\n  ({ children, className, ...props }, ref) => {\n    const [iframeBody, setIframeBody] = useState<HTMLElement | null>(null)\n\n    useEffect(() => {\n      const iframe = ref && 'current' in ref ? ref.current : null\n      if (!iframe || !iframe.contentDocument) return\n\n      if (iframe.contentDocument?.readyState === 'complete') {\n        document.querySelectorAll('head > link[rel=\"stylesheet\"], head > style').forEach((node) => {\n          iframe.contentDocument?.head.appendChild(node.cloneNode(true))\n        })\n\n        setIframeBody(iframe.contentDocument.body)\n      }\n    }, [])\n\n    return (\n      <iframe id='modal-preview' {...props} ref={ref} className={cn('h-[60vh] w-[60vw]', className)}>\n        {iframeBody && children(iframeBody)}\n      </iframe>\n    )\n  }\n)\n"],"names":["IframeModalContent","forwardRef","children","className","props","ref","iframeBody","setIframeBody","useState","useEffect","iframe","node","jsx","cn"],"mappings":"kJAQO,MAAMA,EAAqBC,EAChC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CAC1C,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAA6B,IAAI,EAErE,OAAAC,EAAU,IAAM,CACd,MAAMC,EAASL,GAAO,YAAaA,EAAMA,EAAI,QAAU,KACnD,CAACK,GAAU,CAACA,EAAO,iBAEnBA,EAAO,iBAAiB,aAAe,aACzC,SAAS,iBAAiB,6CAA6C,EAAE,QAASC,GAAS,CACzFD,EAAO,iBAAiB,KAAK,YAAYC,EAAK,UAAU,EAAI,CAAC,CAC/D,CAAC,EAEDJ,EAAcG,EAAO,gBAAgB,IAAI,EAE7C,EAAG,CAAA,CAAE,EAGHE,EAAC,SAAA,CAAO,GAAG,gBAAiB,GAAGR,EAAO,IAAAC,EAAU,UAAWQ,EAAG,oBAAqBV,CAAS,EACzF,SAAAG,GAAcJ,EAASI,CAAU,EACpC,CAEJ,CACF"}

package/dist/lib/shared/ui/modal/ui/ModalHeader.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cn as r}from"../../../utils/cn.js";import"uuid";import"react";import"../../button/Button.js";import"../../button/model/helpers.js";import"../../buttonIcon/ButtonIcon.js";import"../../loader/model/helpers.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"./IframeModalContent.js";import"react-hot-toast";import"../../notification/ui/CustomToast.js";import"../../table/ui/primitives/Primitives.js";import{Icon as n}from"../../icon/Icon.js";import"@tanstack/react-table";import{Heading as d}from"../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../carousel/ui/CarouselContent.js";import"../../customLink/model/helpers.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";const lo=({title:i,closeModal:m,classes:o})=>e("div",{className:r("flex items-start justify-between gap-4",o==null?void 0:o.header),children:[i&&t(d,{as:"h3",className:r("flex-1 text-color-dark",o==null?void 0:o.title),children:i}),t("span",{onClick:m,onKeyDown:p=>{p.key==="Enter"&&m()},role:"button","aria-label":"Close modal",tabIndex:0,className:r("rounded-sm p-0.5 outline-none transition-colors hover:bg-color-blue-grey-200 focus-visible:bg-color-blue-grey-200"),children:t(n,{name:"general/close",className:r("ml-auto size-6 cursor-pointer text-icon-dark-hover outline-0",o==null?void 0:o.icon)})})]});export{lo as ModalHeader};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{cn as e}from"../../../utils/cn.js";import{Heading as l}from"../../heading/Heading.js";import{Icon as s}from"../../icon/Icon.js";const b=({title:n,closeModal:t,classes:o})=>i("div",{className:e("flex items-start justify-between gap-4",o?.header),children:[n&&r(l,{as:"h3",className:e("flex-1 text-color-dark",o?.title),children:n}),r("span",{onClick:t,onKeyDown:a=>{a.key==="Enter"&&t()},role:"button","aria-label":"Close modal",tabIndex:0,className:e("rounded-sm p-0.5 outline-none transition-colors hover:bg-color-blue-grey-200 focus-visible:bg-color-blue-grey-200"),children:r(s,{name:"general/close",className:e("ml-auto size-6 cursor-pointer text-icon-dark-hover outline-0",o?.icon)})})]});export{b as ModalHeader};
 //# sourceMappingURL=ModalHeader.js.map

package/dist/lib/shared/ui/modal/ui/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sources":["../../../../../../lib/shared/ui/modal/ui/ModalHeader.tsx"],"sourcesContent":["import type { ModalProps } from '../Modal'\nimport { Heading, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type TModalHeaderClasses = {\n  header?: string\n  title?: string\n  icon?: string\n}\n\nexport interface IModalHeaderProps extends Pick<ModalProps, 'closeModal' | 'title'> {\n  classes?: TModalHeaderClasses\n}\n\nexport const ModalHeader = ({ title, closeModal, classes }: IModalHeaderProps) => {\n  return (\n    <div className={cn('flex items-start justify-between gap-4', classes?.header)}>\n      {title && (\n        <Heading as='h3' className={cn('flex-1 text-color-dark', classes?.title)}>\n          {title}\n        </Heading>\n      )}\n      <span\n        onClick={closeModal}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter') closeModal()\n        }}\n        role='button'\n        aria-label='Close modal'\n        tabIndex={0}\n        className={cn(\n          'rounded-sm p-0.5 outline-none transition-colors hover:bg-color-blue-grey-200 focus-visible:bg-color-blue-grey-200'\n        )}\n      >\n        <Icon\n          name='general/close'\n          className={cn('ml-auto size-6 cursor-pointer text-icon-dark-hover outline-0', classes?.icon)}\n        />\n      </span>\n    </div>\n  )\n}\n"],"names":["ModalHeader","title","closeModal","classes","cn","jsx","Heading","event","Icon"],"mappings":"0uEAcO,MAAMA,GAAc,CAAC,CAAE,MAAAC,EAAO,WAAAC,EAAY,QAAAC,OAE5C,MAAA,CAAI,UAAWC,EAAG,yCAA0CD,GAAA,YAAAA,EAAS,MAAM,EACzE,SAAA,CAAAF,GACCI,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG,yBAA0BD,GAAA,YAAAA,EAAS,KAAK,EACpE,SAAAF,CAAA,CACH,EAEFI,EAAC,OAAA,CACC,QAASH,EACT,UAAYK,GAAU,CAChBA,EAAM,MAAQ,SAASL,EAAA,CAC7B,EACA,KAAK,SACL,aAAW,cACX,SAAU,EACV,UAAWE,EACT,mHAAA,EAGF,SAAAC,EAACG,EAAA,CACC,KAAK,gBACL,UAAWJ,EAAG,+DAAgED,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAA,CAC7F,CAAA,CACF,EACF"}
+{"version":3,"file":"ModalHeader.js","sources":["../../../../../../lib/shared/ui/modal/ui/ModalHeader.tsx"],"sourcesContent":["import type { ModalProps } from '../Modal'\nimport { Heading, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type TModalHeaderClasses = {\n  header?: string\n  title?: string\n  icon?: string\n}\n\nexport interface IModalHeaderProps extends Pick<ModalProps, 'closeModal' | 'title'> {\n  classes?: TModalHeaderClasses\n}\n\nexport const ModalHeader = ({ title, closeModal, classes }: IModalHeaderProps) => {\n  return (\n    <div className={cn('flex items-start justify-between gap-4', classes?.header)}>\n      {title && (\n        <Heading as='h3' className={cn('flex-1 text-color-dark', classes?.title)}>\n          {title}\n        </Heading>\n      )}\n      <span\n        onClick={closeModal}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter') closeModal()\n        }}\n        role='button'\n        aria-label='Close modal'\n        tabIndex={0}\n        className={cn(\n          'rounded-sm p-0.5 outline-none transition-colors hover:bg-color-blue-grey-200 focus-visible:bg-color-blue-grey-200'\n        )}\n      >\n        <Icon\n          name='general/close'\n          className={cn('ml-auto size-6 cursor-pointer text-icon-dark-hover outline-0', classes?.icon)}\n        />\n      </span>\n    </div>\n  )\n}\n"],"names":["ModalHeader","title","closeModal","classes","cn","jsx","Heading","event","Icon"],"mappings":"yLAcO,MAAMA,EAAc,CAAC,CAAE,MAAAC,EAAO,WAAAC,EAAY,QAAAC,OAE5C,MAAA,CAAI,UAAWC,EAAG,yCAA0CD,GAAS,MAAM,EACzE,SAAA,CAAAF,GACCI,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG,yBAA0BD,GAAS,KAAK,EACpE,SAAAF,CAAA,CACH,EAEFI,EAAC,OAAA,CACC,QAASH,EACT,UAAYK,GAAU,CAChBA,EAAM,MAAQ,SAASL,EAAA,CAC7B,EACA,KAAK,SACL,aAAW,cACX,SAAU,EACV,UAAWE,EACT,mHAAA,EAGF,SAAAC,EAACG,EAAA,CACC,KAAK,gBACL,UAAWJ,EAAG,+DAAgED,GAAS,IAAI,CAAA,CAAA,CAC7F,CAAA,CACF,EACF"}

package/dist/lib/shared/ui/notification/ui/CustomToast.js

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import c from"react-hot-toast";import{cva as l}from"class-variance-authority";import{Icon as d}from"../../icon/Icon.js";import{cn as p}from"../../../utils/cn.js";import"uuid";import"react";const f=l("flex justify-between items-center gap-4 shadow-sm p-4 rounded-sm max-w-[328px] desktop:max-w-[576px]",{variants:{intent:{info:"bg-color-footer text-color-white",error:"bg-color-secondary-default text-color-white"}},defaultVariants:{intent:"info"}}),v=({intent:i,text:a,customIcon:o,closure:s=!0,link:r,linkText:n="Подробнее",id:m})=>t("div",{className:p(f({intent:i})),children:[t("div",{className:"flex items-center gap-2",children:[o&&e("span",{className:"size-6",children:o}),e("div",{className:"desk-body-regular-m text-color-white",children:a})]}),(r||s)&&t("div",{className:"flex items-center gap-6",children:[r&&e("a",{href:r,className:"mob-body-medium-m cursor-pointer underline",target:"_blank",rel:"noreferrer",children:n}),s&&e(d,{onClick:()=>c.dismiss(m),name:"general/close",className:"size-5 cursor-pointer text-icon-white"})]})]});export{v as CustomToast};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import c from"react-hot-toast";import{cva as l}from"class-variance-authority";import{cn as d}from"../../../utils/cn.js";import{Icon as f}from"../../icon/Icon.js";const p=l("flex justify-between items-center gap-4 shadow-sm p-4 rounded-sm max-w-[328px] desktop:max-w-[576px]",{variants:{intent:{info:"bg-color-footer text-color-white",error:"bg-color-secondary-default text-color-white"}},defaultVariants:{intent:"info"}}),b=({intent:a,text:i,customIcon:o,closure:s=!0,link:r,linkText:n="Подробнее",id:m})=>t("div",{className:d(p({intent:a})),children:[t("div",{className:"flex items-center gap-2",children:[o&&e("span",{className:"size-6",children:o}),e("div",{className:"desk-body-regular-m text-color-white",children:i})]}),(r||s)&&t("div",{className:"flex items-center gap-6",children:[r&&e("a",{href:r,className:"mob-body-medium-m cursor-pointer underline",target:"_blank",rel:"noreferrer",children:n}),s&&e(f,{onClick:()=>c.dismiss(m),name:"general/close",className:"size-5 cursor-pointer text-icon-white"})]})]});export{b as CustomToast};
 //# sourceMappingURL=CustomToast.js.map

package/dist/lib/shared/ui/notification/ui/CustomToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomToast.js","sources":["../../../../../../lib/shared/ui/notification/ui/CustomToast.tsx"],"sourcesContent":["import toast, { type Toast } from 'react-hot-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Icon } from '../../icon'\nimport type { NotificationProps } from '../Notification'\nimport { cn } from '$/shared/utils'\n\nconst toastContainerConfig = cva(\n  'flex justify-between items-center gap-4 shadow-sm p-4 rounded-sm max-w-[328px] desktop:max-w-[576px]',\n  {\n    variants: {\n      intent: {\n        info: 'bg-color-footer text-color-white',\n        error: 'bg-color-secondary-default text-color-white'\n      }\n    },\n    defaultVariants: {\n      intent: 'info'\n    }\n  }\n)\n\ntype TContainerConfig = VariantProps<typeof toastContainerConfig>\nexport type ICustomToastProps = NotificationProps & TContainerConfig & Toast\n\nexport const CustomToast = ({\n  intent,\n  text,\n  customIcon,\n  closure = true,\n  link,\n  linkText = 'Подробнее',\n  id\n}: ICustomToastProps) => {\n  return (\n    <div className={cn(toastContainerConfig({ intent }))}>\n      <div className='flex items-center gap-2'>\n        {customIcon && <span className='size-6'>{customIcon}</span>}\n        <div className='desk-body-regular-m text-color-white'>{text}</div>\n      </div>\n\n      {(link || closure) && (\n        <div className='flex items-center gap-6'>\n          {link && (\n            <a href={link} className='mob-body-medium-m cursor-pointer underline' target='_blank' rel='noreferrer'>\n              {linkText}\n            </a>\n          )}\n\n          {closure && (\n            <Icon onClick={() => toast.dismiss(id)} name='general/close' className='size-5 cursor-pointer text-icon-white' />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["toastContainerConfig","cva","CustomToast","intent","text","customIcon","closure","link","linkText","id","jsxs","cn","jsx","Icon","toast"],"mappings":"+OAMA,MAAMA,EAAuBC,EAC3B,uGACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,mCACN,MAAO,6CAAA,CACT,EAEF,gBAAiB,CACf,OAAQ,MAAA,CACV,CAEJ,EAKaC,EAAc,CAAC,CAC1B,OAAAC,EACA,KAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EACA,SAAAC,EAAW,YACX,GAAAC,CACF,IAEIC,EAAC,OAAI,UAAWC,EAAGX,EAAqB,CAAE,OAAAG,CAAA,CAAQ,CAAC,EACjD,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAL,GAAcO,EAAC,OAAA,CAAK,UAAU,SAAU,SAAAP,EAAW,EACpDO,EAAC,MAAA,CAAI,UAAU,uCAAwC,SAAAR,CAAA,CAAK,CAAA,EAC9D,GAEEG,GAAQD,IACRI,EAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAH,GACCK,EAAC,IAAA,CAAE,KAAML,EAAM,UAAU,6CAA6C,OAAO,SAAS,IAAI,aACvF,SAAAC,CAAA,CACH,EAGDF,GACCM,EAACC,EAAA,CAAK,QAAS,IAAMC,EAAM,QAAQL,CAAE,EAAG,KAAK,gBAAgB,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAEnH,CAAA,EAEJ"}
+{"version":3,"file":"CustomToast.js","sources":["../../../../../../lib/shared/ui/notification/ui/CustomToast.tsx"],"sourcesContent":["import toast, { type Toast } from 'react-hot-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Icon } from '../../icon'\nimport type { NotificationProps } from '../Notification'\nimport { cn } from '$/shared/utils'\n\nconst toastContainerConfig = cva(\n  'flex justify-between items-center gap-4 shadow-sm p-4 rounded-sm max-w-[328px] desktop:max-w-[576px]',\n  {\n    variants: {\n      intent: {\n        info: 'bg-color-footer text-color-white',\n        error: 'bg-color-secondary-default text-color-white'\n      }\n    },\n    defaultVariants: {\n      intent: 'info'\n    }\n  }\n)\n\ntype TContainerConfig = VariantProps<typeof toastContainerConfig>\nexport type ICustomToastProps = NotificationProps & TContainerConfig & Toast\n\nexport const CustomToast = ({\n  intent,\n  text,\n  customIcon,\n  closure = true,\n  link,\n  linkText = 'Подробнее',\n  id\n}: ICustomToastProps) => {\n  return (\n    <div className={cn(toastContainerConfig({ intent }))}>\n      <div className='flex items-center gap-2'>\n        {customIcon && <span className='size-6'>{customIcon}</span>}\n        <div className='desk-body-regular-m text-color-white'>{text}</div>\n      </div>\n\n      {(link || closure) && (\n        <div className='flex items-center gap-6'>\n          {link && (\n            <a href={link} className='mob-body-medium-m cursor-pointer underline' target='_blank' rel='noreferrer'>\n              {linkText}\n            </a>\n          )}\n\n          {closure && (\n            <Icon onClick={() => toast.dismiss(id)} name='general/close' className='size-5 cursor-pointer text-icon-white' />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["toastContainerConfig","cva","CustomToast","intent","text","customIcon","closure","link","linkText","id","jsxs","cn","jsx","Icon","toast"],"mappings":"oNAMA,MAAMA,EAAuBC,EAC3B,uGACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,mCACN,MAAO,6CAAA,CACT,EAEF,gBAAiB,CACf,OAAQ,MAAA,CACV,CAEJ,EAKaC,EAAc,CAAC,CAC1B,OAAAC,EACA,KAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,GACV,KAAAC,EACA,SAAAC,EAAW,YACX,GAAAC,CACF,IAEIC,EAAC,OAAI,UAAWC,EAAGX,EAAqB,CAAE,OAAAG,CAAA,CAAQ,CAAC,EACjD,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAL,GAAcO,EAAC,OAAA,CAAK,UAAU,SAAU,SAAAP,EAAW,EACpDO,EAAC,MAAA,CAAI,UAAU,uCAAwC,SAAAR,CAAA,CAAK,CAAA,EAC9D,GAEEG,GAAQD,IACRI,EAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAH,GACCK,EAAC,IAAA,CAAE,KAAML,EAAM,UAAU,6CAA6C,OAAO,SAAS,IAAI,aACvF,SAAAC,CAAA,CACH,EAGDF,GACCM,EAACC,EAAA,CAAK,QAAS,IAAMC,EAAM,QAAQL,CAAE,EAAG,KAAK,gBAAgB,UAAU,uCAAA,CAAwC,CAAA,CAAA,CAEnH,CAAA,EAEJ"}