@scbt-ecom/ui 0.147.3 → 0.147.5

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":"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,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":"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"}

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"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.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"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../inputCurrency/InputCurrency.js";import"../../../../../../src/configs/api.js";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{UploaderInput as S}from"./ui/UploaderInput.js";const fo=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{fo as UploaderBase};
+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";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};
 //# 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":"qoDAyDO,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":"+gEAyDO,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"}

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"../../../../../../../../node_modules/.pnpm/react-dropzone@14.3.8_react@18.3.1/node_modules/react-dropzone/dist/es/index.js";import{FilesErrorCode as c,bytesToMegabytes as v}from"../helpers.js";import"react/jsx-runtime";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import{Notification as u}from"../../../../../notification/Notification.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.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"../../../slider/SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../../../../../src/configs/api.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const mo=({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{mo as useUploader};
+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";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};
 //# 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":"4zDAaO,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","_b","_a","FilesErrorCode","Notification","bytesToMegabytes"],"mappings":"mlEAaO,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"}

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

@@ -1,2 +1,2 @@
-import{jsxs as r,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 e}from"../../../../../utils/cn.js";import"react";import"../../../../button/Button.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"react-hook-form";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as i}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.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"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ro=({filesStatus:m,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 r("li",{className:e("flex h-6 items-center justify-between p-1",a),children:[r("div",{className:e("flex items-center gap-2",b),children:[m[t.name]==="loading"&&o(h,{size:"sm"}),m[t.name]==="success"&&o(i,{name:"general/check",className:"text-icon-positive-default"}),o(f,{file:t,classes:x})]}),r("div",{className:e("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:e("cursor-pointer",d),onClick:()=>p(n),children:o(i,{name:"general/close",className:e("text-icon-blue-grey-600",l)})})]})]},t.name)};export{ro as UploaderFile};
+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";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};
 //# 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":"usDAuBO,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":"ijEAuBO,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"}

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"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import{Hint as a}from"../../../../hint/Hint.js";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../table/ui/primitives/Primitives.js";import"react-hook-form";import"../../../../carousel/ui/CarouselContent.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"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const S=({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{S as UploaderFilename};
+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";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};
 //# 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":"0mDAcO,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"}
+{"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":"g+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"}

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

@@ -1,2 +1,2 @@
-import{jsx as o}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"react";const F=({files:r=[],filesStatus:e,classes:s,removeFile:t})=>{const p=n.isArrayEmpty(r),{root:i,file:m}=s||{};return p?null:o("ul",{"data-id":"file-list",className:c("flex max-w-[476px] flex-col gap-1 px-1",i),children:r.map((a,l)=>o(f,{file:a,index:l,filesStatus:e,removeFile:t,classes:m},l))})};export{F as UploaderFiles};
+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};
 //# 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":"uNAkBO,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":"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"}

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";const l=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{l as UploaderInput};
+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};
 //# 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":"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,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":"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"}

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"../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";import{cn as i}from"../../utils/cn.js";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"}}),p=({as:e="h2",children:o,className:t,...d})=>l(e,{className:i(m({as:e}),t),...d,children:o});export{p 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";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};
 //# 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":"qOAMA,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":"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"}

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

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import*as m from"react";import{Provider as R,Root as b,Trigger as k,Content as v,Arrow as x}from"../../../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.8_@types_react-dom@18.3.7_@types_react@18.3.23__@types_reac_7c3bf385a14a2589419358c4ac492a25/node_modules/@radix-ui/react-tooltip/dist/index.js";import{useDevice as N}from"../../hooks/useDevice.js";import{useClickOutside as O}from"../../hooks/useClickOutside.js";import"react-hook-form";import{cn as t}from"../../utils/cn.js";const M=({triggerElement:p,children:d,delayDuration:f=250,sideOffset:u=6,align:h="center",side:w="top",defaultOpen:g=!1,classes:r,...a})=>{const[c,e]=m.useState(!1),n=m.useRef(null),{isMobile:l}=N();return O(n,()=>e(!1)),o(R,{children:o(b,{open:c,onOpenChange:e,defaultOpen:g,delayDuration:f,children:i("div",{className:t(r==null?void 0:r.wrapper),onClick:()=>e(l),children:[o(k,{type:"button",className:t("cursor-pointer",r==null?void 0:r.trigger),children:p}),i(v,{onPointerDownOutside:C=>C.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==null?void 0:r.content),sideOffset:u,align:h,side:w,ref:n,...a,children:[d,o(x,{width:12,height:6,className:t("fill-white",r==null?void 0:r.arrow)})]})]})})})};export{M as Hint};
+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";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};
 //# 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.Provider","TooltipPrimitive.Root","jsxs","cn","TooltipPrimitive.Trigger","TooltipPrimitive.Content","event","TooltipPrimitive.Arrow"],"mappings":"ohBA4BO,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,EAAA,CACC,SAAAD,EAACE,EAAA,CAAsB,KAAAT,EAAY,aAAcC,EAAS,YAAAJ,EAA0B,cAAAJ,EAClF,SAAAiB,EAAC,MAAA,CAAI,UAAWC,EAAGb,GAAA,YAAAA,EAAS,OAAO,EAAG,QAAS,IAAMG,EAAQG,CAAQ,EACnE,SAAA,CAAAG,EAACK,EAAA,CAAyB,KAAK,SAAS,UAAWD,EAAG,iBAAkBb,GAAA,YAAAA,EAAS,OAAO,EACrF,SAAAP,CAAA,CACH,EACAmB,EAACG,EAAA,CACC,qBAAuBC,GAAUA,EAAM,eAAA,EACvC,UAAWH,EACT,kHACAb,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAJ,EACA,MAAAC,EACA,KAAAC,EACA,IAAKO,EACJ,GAAGJ,EAEH,SAAA,CAAAP,EACDe,EAACQ,EAAA,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWJ,EAAG,aAAcb,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":"kVA4BO,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"}

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"react";const b=({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((p,n)=>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:p}),d("span",{children:n!==o.length-1&&"+"})]},n))});export{b as KeyboardShortcuts};
+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};
 //# 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":"uGAaO,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":"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"}

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

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

package/dist/lib/shared/ui/loader/model/helpers.js

@@ -1,2 +1,2 @@
-import{cva as r}from"../../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";const t=r("",{variants:{position:{absolute:"absolute",static:"static",fixed:"fixed"}},defaultVariants:{position:"static"}}),i=r("border-2 border-solid block animate-spin rounded-full",{variants:{intent:{primary:"border-white border-b-transparent",secondary:"border-primary-default border-b-transparent"},size:{sm:"size-5 border-2",md:"size-8 border-2",lg:"size-12 border-4"}},defaultVariants:{size:"md",intent:"primary"}});export{i as loaderConfig,t as wrapperConfig};
+import{cva as r}from"class-variance-authority";const t=r("",{variants:{position:{absolute:"absolute",static:"static",fixed:"fixed"}},defaultVariants:{position:"static"}}),i=r("border-2 border-solid block animate-spin rounded-full",{variants:{intent:{primary:"border-white border-b-transparent",secondary:"border-primary-default border-b-transparent"},size:{sm:"size-5 border-2",md:"size-8 border-2",lg:"size-12 border-4"}},defaultVariants:{size:"md",intent:"primary"}});export{i as loaderConfig,t as wrapperConfig};
 //# sourceMappingURL=helpers.js.map

package/dist/lib/shared/ui/loader/model/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/loader/model/helpers.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const wrapperConfig = cva('', {\n  variants: {\n    position: {\n      absolute: 'absolute',\n      static: 'static',\n      fixed: 'fixed'\n    }\n  },\n  defaultVariants: {\n    position: 'static'\n  }\n})\n\nexport const loaderConfig = cva('border-2 border-solid block animate-spin rounded-full', {\n  variants: {\n    intent: {\n      primary: 'border-white border-b-transparent',\n      secondary: 'border-primary-default border-b-transparent'\n    },\n    size: {\n      sm: 'size-5 border-2',\n      md: 'size-8 border-2',\n      lg: 'size-12 border-4'\n    }\n  },\n  defaultVariants: {\n    size: 'md',\n    intent: 'primary'\n  }\n})\n"],"names":["wrapperConfig","cva","loaderConfig"],"mappings":"2IAEO,MAAMA,EAAgBC,EAAI,GAAI,CACnC,SAAU,CACR,SAAU,CACR,SAAU,WACV,OAAQ,SACR,MAAO,OAAA,CACT,EAEF,gBAAiB,CACf,SAAU,QAAA,CAEd,CAAC,EAEYC,EAAeD,EAAI,wDAAyD,CACvF,SAAU,CACR,OAAQ,CACN,QAAS,oCACT,UAAW,6CAAA,EAEb,KAAM,CACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBAAA,CACN,EAEF,gBAAiB,CACf,KAAM,KACN,OAAQ,SAAA,CAEZ,CAAC"}
+{"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/loader/model/helpers.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const wrapperConfig = cva('', {\n  variants: {\n    position: {\n      absolute: 'absolute',\n      static: 'static',\n      fixed: 'fixed'\n    }\n  },\n  defaultVariants: {\n    position: 'static'\n  }\n})\n\nexport const loaderConfig = cva('border-2 border-solid block animate-spin rounded-full', {\n  variants: {\n    intent: {\n      primary: 'border-white border-b-transparent',\n      secondary: 'border-primary-default border-b-transparent'\n    },\n    size: {\n      sm: 'size-5 border-2',\n      md: 'size-8 border-2',\n      lg: 'size-12 border-4'\n    }\n  },\n  defaultVariants: {\n    size: 'md',\n    intent: 'primary'\n  }\n})\n"],"names":["wrapperConfig","cva","loaderConfig"],"mappings":"+CAEO,MAAMA,EAAgBC,EAAI,GAAI,CACnC,SAAU,CACR,SAAU,CACR,SAAU,WACV,OAAQ,SACR,MAAO,OAAA,CACT,EAEF,gBAAiB,CACf,SAAU,QAAA,CAEd,CAAC,EAEYC,EAAeD,EAAI,wDAAyD,CACvF,SAAU,CACR,OAAQ,CACN,QAAS,oCACT,UAAW,6CAAA,EAEb,KAAM,CACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBAAA,CACN,EAEF,gBAAiB,CACf,KAAM,KACN,OAAQ,SAAA,CAEZ,CAAC"}

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 d}from"react";import{createPortal as y}from"react-dom";import{modalOverlayAnimation as N,modalContentAnimation as j}from"./model/helpers.js";import{IframeModalContent as k}from"./ui/IframeModalContent.js";import{ModalHeader as A}from"./ui/ModalHeader.js";import{cn as e}from"../../utils/cn.js";import{mergeRefs as C}from"../../utils/mergeRefs.js";import{AnimatePresence as E}from"../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";import{motion as l}from"../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";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=d(null),i=d(null),f=d(!1),b=r=>{r.target===i.current&&(f.current=!0)},g=r=>{f.current&&r.target===i.current&&m(),f.current=!1},p=t(E,{children:n&&t(l.div,{ref:C(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",...N,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",...j,children:[t(A,{title:v,closeModal:m,classes:o==null?void 0:o.modalHeader}),w?t(k,{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 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};
 //# 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":"o0BA6BO,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","_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"}

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

@@ -1,2 +1,2 @@
-import{jsx as u}from"react/jsx-runtime";import{forwardRef as i,useState as f,useEffect as s}from"react";import{cn as h}from"../../../utils/cn.js";const D=i(({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))},[]),u("iframe",{id:"modal-preview",...a,ref:t,className:h("h-[60vh] w-[60vw]",m),children:o&&c(o)})});export{D as IframeModalContent};
+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};
 //# 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":"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,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","_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"}

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"react";import"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"./IframeModalContent.js";import"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{Icon as n}from"../../icon/Icon.js";import"../../table/ui/primitives/Primitives.js";import{Heading as d}from"../../heading/Heading.js";import"../../carousel/ui/CarouselContent.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"../../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"../../../../../src/configs/api.js";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";const U=({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{U as ModalHeader};
+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";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};
 //# 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":"y3DAcO,MAAMA,EAAc,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":"suEAcO,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"}

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

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import n from"../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{CustomToast as e}from"./ui/CustomToast.js";const i=t=>{switch(t.intent){case"info":return n.custom(r=>o(e,{...r,...t}),{duration:t.duration??5e3});case"error":return n.custom(r=>o(e,{...r,...t}),{duration:t.duration??1e4});default:return null}},c=t=>i(t);export{c as Notification};
+import{jsx as o}from"react/jsx-runtime";import n from"react-hot-toast";import{CustomToast as e}from"./ui/CustomToast.js";const i=t=>{switch(t.intent){case"info":return n.custom(r=>o(e,{...r,...t}),{duration:t.duration??5e3});case"error":return n.custom(r=>o(e,{...r,...t}),{duration:t.duration??1e4});default:return null}},c=t=>i(t);export{c as Notification};
 //# sourceMappingURL=Notification.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../../lib/shared/ui/notification/Notification.tsx"],"sourcesContent":["'use client'\n\nimport { type ReactElement } from 'react'\nimport toast, { type Toast } from 'react-hot-toast'\nimport { CustomToast } from './ui/CustomToast'\n\nexport interface NotificationProps {\n  duration?: number\n  intent: 'info' | 'error'\n  text: string | ReactElement\n  customIcon?: ReactElement\n  link?: string\n  linkText?: string\n  closure?: boolean\n}\n\nconst renderToast = (props: NotificationProps) => {\n  switch (props.intent) {\n    case 'info':\n      return toast.custom((toastOptions: Toast) => <CustomToast {...toastOptions} {...props} />, {\n        duration: props.duration ?? 5000\n      })\n    case 'error':\n      return toast.custom((toastOptions: Toast) => <CustomToast {...toastOptions} {...props} />, {\n        duration: props.duration ?? 10000\n      })\n    default:\n      return null\n  }\n}\n\nexport const Notification = (props: NotificationProps) => {\n  return renderToast(props)\n}\n"],"names":["renderToast","props","toast","toastOptions","jsx","CustomToast","Notification"],"mappings":"qPAgBA,MAAMA,EAAeC,GAA6B,CAChD,OAAQA,EAAM,OAAA,CACZ,IAAK,OACH,OAAOC,EAAM,OAAQC,GAAwBC,EAACC,GAAa,GAAGF,EAAe,GAAGF,CAAA,CAAO,EAAI,CACzF,SAAUA,EAAM,UAAY,GAAA,CAC7B,EACH,IAAK,QACH,OAAOC,EAAM,OAAQC,GAAwBC,EAACC,GAAa,GAAGF,EAAe,GAAGF,CAAA,CAAO,EAAI,CACzF,SAAUA,EAAM,UAAY,GAAA,CAC7B,EACH,QACE,OAAO,IAAA,CAEb,EAEaK,EAAgBL,GACpBD,EAAYC,CAAK"}
+{"version":3,"file":"Notification.js","sources":["../../../../../lib/shared/ui/notification/Notification.tsx"],"sourcesContent":["'use client'\n\nimport { type ReactElement } from 'react'\nimport toast, { type Toast } from 'react-hot-toast'\nimport { CustomToast } from './ui/CustomToast'\n\nexport interface NotificationProps {\n  duration?: number\n  intent: 'info' | 'error'\n  text: string | ReactElement\n  customIcon?: ReactElement\n  link?: string\n  linkText?: string\n  closure?: boolean\n}\n\nconst renderToast = (props: NotificationProps) => {\n  switch (props.intent) {\n    case 'info':\n      return toast.custom((toastOptions: Toast) => <CustomToast {...toastOptions} {...props} />, {\n        duration: props.duration ?? 5000\n      })\n    case 'error':\n      return toast.custom((toastOptions: Toast) => <CustomToast {...toastOptions} {...props} />, {\n        duration: props.duration ?? 10000\n      })\n    default:\n      return null\n  }\n}\n\nexport const Notification = (props: NotificationProps) => {\n  return renderToast(props)\n}\n"],"names":["renderToast","props","toast","toastOptions","jsx","CustomToast","Notification"],"mappings":"yHAgBA,MAAMA,EAAeC,GAA6B,CAChD,OAAQA,EAAM,OAAA,CACZ,IAAK,OACH,OAAOC,EAAM,OAAQC,GAAwBC,EAACC,GAAa,GAAGF,EAAe,GAAGF,CAAA,CAAO,EAAI,CACzF,SAAUA,EAAM,UAAY,GAAA,CAC7B,EACH,IAAK,QACH,OAAOC,EAAM,OAAQC,GAAwBC,EAACC,GAAa,GAAGF,EAAe,GAAGF,CAAA,CAAO,EAAI,CACzF,SAAUA,EAAM,UAAY,GAAA,CAC7B,EACH,QACE,OAAO,IAAA,CAEb,EAEaK,EAAgBL,GACpBD,EAAYC,CAAK"}

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"../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import{cva as l}from"../../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";import{Icon as d}from"../../icon/Icon.js";import{cn as f}from"../../../utils/cn.js";import"react";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"}}),N=({intent:i,text:a,customIcon:o,closure:s=!0,link:r,linkText:n="Подробнее",id:m})=>t("div",{className:f(p({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{N 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{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};
 //# 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":"6bAMA,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":"+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"}

package/dist/lib/shared/ui/pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{jsxs as M,jsx as d}from"react/jsx-runtime";import{cn as x}from"../../utils/cn.js";import"react";import{Button as b}from"../button/Button.js";import{Icon as z}from"../icon/Icon.js";const _=({page:o=1,between:i=3,totalPages:n,changePage:f,next:u=!0,ellipsis:m=0,classes:r,...C})=>{i=i<1?1:i,o=Math.min(Math.max(o,1),n),m=Math.min(Math.max(m,0),i-2);const k=Array.from({length:n},(t,N)=>N),h=i*2+1;let y;return n<h?y=k:o-1<=i?y=k.slice(0,h-(m>0?m+1:0)):o+i>=n?y=k.slice(n-h+(m>0?m+1:0),n):y=k.slice(o-1-(i-(m>0?m+1:0)),o+(i-(m>0?m+1:0))),M("div",{...C,className:x("flex",r==null?void 0:r.root),children:[u&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",r==null?void 0:r.button),disabled:o<=1,onClick:()=>o>1&&f(o-2),children:d(z,{name:"arrows/arrowRight",className:"rotate-180"})}),n>h&&m>0&&k.slice(0,o-1<=i?0:m).map(t=>d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",r==null?void 0:r.button),onClick:()=>t!==o-1&&f(t),children:t+1},t)),n>h&&m>0&&o-1>i&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",r==null?void 0:r.ellipsis),children:"..."}),y.map(t=>{const N=t===o-1;return d(b,{size:"sm",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",{[`text-color-primary-default ${r==null?void 0:r.active}`]:N},r==null?void 0:r.button),intent:N?"secondary":"ghost",onClick:()=>!N&&f(t),children:t+1},t)}),n>h&&m>0&&o<n-i&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",r==null?void 0:r.ellipsis),children:"..."}),n>h&&m>0&&k.slice(o>=n-i?n:n-m,n).map(t=>d(b,{size:"sm",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",r==null?void 0:r.button),intent:"ghost",onClick:()=>t!==o-1&&f(t),children:t+1},t)),u&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",r==null?void 0:r.button),disabled:o>=n,onClick:()=>o<n&&f(o),children:d(z,{name:"arrows/arrowRight"})})]})};export{_ as Pagination};
+import{jsxs as M,jsx as d}from"react/jsx-runtime";import{cn as x}from"../../utils/cn.js";import"uuid";import"react";import{Button as b}from"../button/Button.js";import"../button/model/helpers.js";import{Icon as z}from"../icon/Icon.js";const q=({page:o=1,between:i=3,totalPages:m,changePage:f,next:u=!0,ellipsis:n=0,classes:r,...C})=>{i=i<1?1:i,o=Math.min(Math.max(o,1),m),n=Math.min(Math.max(n,0),i-2);const k=Array.from({length:m},(t,N)=>N),h=i*2+1;let y;return m<h?y=k:o-1<=i?y=k.slice(0,h-(n>0?n+1:0)):o+i>=m?y=k.slice(m-h+(n>0?n+1:0),m):y=k.slice(o-1-(i-(n>0?n+1:0)),o+(i-(n>0?n+1:0))),M("div",{...C,className:x("flex",r==null?void 0:r.root),children:[u&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",r==null?void 0:r.button),disabled:o<=1,onClick:()=>o>1&&f(o-2),children:d(z,{name:"arrows/arrowRight",className:"rotate-180"})}),m>h&&n>0&&k.slice(0,o-1<=i?0:n).map(t=>d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",r==null?void 0:r.button),onClick:()=>t!==o-1&&f(t),children:t+1},t)),m>h&&n>0&&o-1>i&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",r==null?void 0:r.ellipsis),children:"..."}),y.map(t=>{const N=t===o-1;return d(b,{size:"sm",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",{[`text-color-primary-default ${r==null?void 0:r.active}`]:N},r==null?void 0:r.button),intent:N?"secondary":"ghost",onClick:()=>!N&&f(t),children:t+1},t)}),m>h&&n>0&&o<m-i&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",r==null?void 0:r.ellipsis),children:"..."}),m>h&&n>0&&k.slice(o>=m-i?m:m-n,m).map(t=>d(b,{size:"sm",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",r==null?void 0:r.button),intent:"ghost",onClick:()=>t!==o-1&&f(t),children:t+1},t)),u&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",r==null?void 0:r.button),disabled:o>=m,onClick:()=>o<m&&f(o),children:d(z,{name:"arrows/arrowRight"})})]})};export{q as Pagination};
 //# sourceMappingURL=Pagination.js.map