@scbt-ecom/ui 0.115.4 → 0.115.6

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

@@ -1,2 +1,2 @@
-import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{cn as m}from"../../../../../utils/cn.js";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as c}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"../../uploader/UploaderBase.js";import"../InputCurrency.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{Divider as g}from"../../../../divider/Divider.js";const X=({currency:o,classes:p,open:e})=>{var r;const{divider:a,root:l,icon:s,label:n}=p??{};return i(d,{children:[t(g,{color:"bg-color-blue-grey-500",height:16,className:a}),i("div",{className:m("desk-body-regular-l flex items-center gap-1 text-color-tetriary",l),children:[(r=o==null?void 0:o.attachment)==null?void 0:r.left,t("span",{className:n,children:o?o.label:"CUR"}),t(c,{name:"arrows/arrowRight",className:m("size-6 rotate-90 duration-100",{"-rotate-90":e},s)})]})]})};export{X as CurrencyIcon};
+import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{cn as m}from"../../../../../utils/cn.js";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"react";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as c}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"../../uploader/UploaderBase.js";import"../InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{Divider as g}from"../../../../divider/Divider.js";const Y=({currency:o,classes:p,open:e})=>{var r;const{divider:a,root:l,icon:s,label:n}=p??{};return i(d,{children:[t(g,{color:"bg-color-blue-grey-500",height:16,className:a}),i("div",{className:m("desk-body-regular-l flex items-center gap-1 text-color-tetriary",l),children:[(r=o==null?void 0:o.attachment)==null?void 0:r.left,t("span",{className:n,children:o?o.label:"CUR"}),t(c,{name:"arrows/arrowRight",className:m("size-6 rotate-90 duration-100",{"-rotate-90":e},s)})]})]})};export{Y as CurrencyIcon};
 //# sourceMappingURL=CurrencyIcon.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyIcon.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.tsx"],"sourcesContent":["import { Icon } from '$/shared/ui'\nimport { Divider } from '$/shared/ui/divider'\nimport { type DropdownItemOption } from '$/shared/ui/dropdownList'\nimport { cn } from '$/shared/utils'\n\ntype CurrencyIconClasses = {\n  root?: string\n  divider?: string\n  label?: string\n  icon?: string\n}\n\nexport interface CurrencyIconProps {\n  currency: DropdownItemOption | null\n  classes?: CurrencyIconClasses\n  open: boolean\n}\n\nexport const CurrencyIcon = ({ currency, classes, open }: CurrencyIconProps) => {\n  const { divider, root, icon, label } = classes ?? {}\n\n  return (\n    <>\n      <Divider color='bg-color-blue-grey-500' height={16} className={divider} />\n      <div className={cn('desk-body-regular-l flex items-center gap-1 text-color-tetriary', root)}>\n        {currency?.attachment?.left}\n        <span className={label}>{currency ? currency.label : 'CUR'}</span>\n        <Icon\n          name='arrows/arrowRight'\n          className={cn(\n            'size-6 rotate-90 duration-100',\n            {\n              '-rotate-90': open\n            },\n            icon\n          )}\n        />\n      </div>\n    </>\n  )\n}\n"],"names":["CurrencyIcon","currency","classes","open","divider","root","icon","label","jsxs","Fragment","jsx","Divider","cn","_a","Icon"],"mappings":"o2CAkBO,MAAMA,EAAe,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,KAAAC,KAA8B,OAC9E,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAA,EAAUL,GAAW,CAAA,EAElD,OACEM,EAAAC,EAAA,CACE,SAAA,CAAAC,EAACC,GAAQ,MAAM,yBAAyB,OAAQ,GAAI,UAAWP,EAAS,IACvE,MAAA,CAAI,UAAWQ,EAAG,kEAAmEP,CAAI,EACvF,SAAA,EAAAQ,EAAAZ,GAAA,YAAAA,EAAU,aAAV,YAAAY,EAAsB,OACtB,OAAA,CAAK,UAAWN,EAAQ,SAAAN,EAAWA,EAAS,MAAQ,MAAM,EAC3DS,EAACI,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,gCACA,CACE,aAAcT,CAAA,EAEhBG,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ"}
+{"version":3,"file":"CurrencyIcon.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/inputCurrency/ui/CurrencyIcon.tsx"],"sourcesContent":["import { Icon } from '$/shared/ui'\nimport { Divider } from '$/shared/ui/divider'\nimport { type DropdownItemOption } from '$/shared/ui/dropdownList'\nimport { cn } from '$/shared/utils'\n\ntype CurrencyIconClasses = {\n  root?: string\n  divider?: string\n  label?: string\n  icon?: string\n}\n\nexport interface CurrencyIconProps {\n  currency: DropdownItemOption | null\n  classes?: CurrencyIconClasses\n  open: boolean\n}\n\nexport const CurrencyIcon = ({ currency, classes, open }: CurrencyIconProps) => {\n  const { divider, root, icon, label } = classes ?? {}\n\n  return (\n    <>\n      <Divider color='bg-color-blue-grey-500' height={16} className={divider} />\n      <div className={cn('desk-body-regular-l flex items-center gap-1 text-color-tetriary', root)}>\n        {currency?.attachment?.left}\n        <span className={label}>{currency ? currency.label : 'CUR'}</span>\n        <Icon\n          name='arrows/arrowRight'\n          className={cn(\n            'size-6 rotate-90 duration-100',\n            {\n              '-rotate-90': open\n            },\n            icon\n          )}\n        />\n      </div>\n    </>\n  )\n}\n"],"names":["CurrencyIcon","currency","classes","open","divider","root","icon","label","jsxs","Fragment","jsx","Divider","cn","_a","Icon"],"mappings":"o5CAkBO,MAAMA,EAAe,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,KAAAC,KAA8B,OAC9E,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,KAAAC,EAAM,MAAAC,CAAA,EAAUL,GAAW,CAAA,EAElD,OACEM,EAAAC,EAAA,CACE,SAAA,CAAAC,EAACC,GAAQ,MAAM,yBAAyB,OAAQ,GAAI,UAAWP,EAAS,IACvE,MAAA,CAAI,UAAWQ,EAAG,kEAAmEP,CAAI,EACvF,SAAA,EAAAQ,EAAAZ,GAAA,YAAAA,EAAU,aAAV,YAAAY,EAAsB,OACtB,OAAA,CAAK,UAAWN,EAAQ,SAAAN,EAAWA,EAAS,MAAQ,MAAM,EAC3DS,EAACI,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,gCACA,CACE,aAAcT,CAAA,EAEhBG,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAAA,EACF,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.js

@@ -1,2 +1,2 @@
-import{jsx as f}from"react/jsx-runtime";import{forwardRef as a}from"react";import{useInputMask as p}from"../../../../../../node_modules/use-mask-input/dist/index.js";import{InputBase as n}from"../input/Input.js";import{defaultMask as u}from"./model/constants.js";import{defaultDefinitions as k}from"./model/mask/utils.js";import"../../../../../../node_modules/classnames/index.js";import{mergeRefs as d}from"../../../../utils/mergeRefs.js";const M=a(({mask:o,externalMaskDefinitions:r,options:t,...e},s)=>{const i=u.get(o),m=p({mask:i??o,options:{jitMasking:!1,definitions:{...k,...r},...t}});return f(n,{ref:d(m,s),...e})});M.displayName="MaskInput";export{M as MaskInput};
+import{jsx as m}from"react/jsx-runtime";import{forwardRef as f}from"react";import{useInputMask as a}from"../../../../../../node_modules/use-mask-input/dist/index.js";import{InputBase as p}from"../input/Input.js";import{defaultMask as n}from"./model/constants.js";import{defaultDefinitions as u}from"./model/mask/utils.js";import"../../../../../../node_modules/classnames/index.js";import{mergeRefs as k}from"../../../../utils/mergeRefs.js";const d=f(({mask:o,externalMaskDefinitions:r,...t},e)=>{const s=n.get(o),i=a({mask:s??o,options:{jitMasking:!1,definitions:{...u,...r}}});return m(p,{ref:k(i,e),...t})});d.displayName="MaskInput";export{d as MaskInput};
 //# sourceMappingURL=MaskInput.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaskInput.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type Options, useInputMask } from 'use-mask-input'\nimport { InputBase, type InputBaseProps } from '../input'\nimport { defaultDefinitions, defaultMask, type Mask } from './model'\nimport type { NonNullable } from '$/shared/types'\nimport { mergeRefs } from '$/shared/utils'\n\ntype Validator = (char: string) => boolean\ntype Casing = 'upper' | 'lower' | 'title'\nexport type Definition = {\n  validator: string | Validator\n  casing?: Casing\n  cardinality?: number\n  placeholder?: string\n  definitionSymbol?: string\n}\n\nexport type MaskInputProps = InputBaseProps & {\n  /**\n   * маска, по которой будет определяться валидация символов\n   */\n  mask: NonNullable<Mask>\n  /**\n   * дополнительные валидаторы спец символов в маске\n   */\n  externalMaskDefinitions?: Record<string, Definition>\n  options?: Options\n}\n\n/**\n * Компонент маски очень умный, умеет обрабатывать специальные символы\n * в том порядке, который определён маской\n * @typeParam `#` позволяет вводить только числа (regexp: `/\\d/g`)\n * @typeParam `A` позволяет вводить любые буквы русского и английского алфавита (regexp: `/[A-Za-zА-Яа-я]/g`)\n * @typeParam `C` позволяет вводить любые буквы, которые определены для использования в гос номерах автомобилей (regexp: `/([АВЕКМНОРСТУХавекмнорстух])/`)\n */\nexport const MaskInput = forwardRef<HTMLInputElement, MaskInputProps>(\n  ({ mask, externalMaskDefinitions, options, ...props }, ref) => {\n    const regularMask = defaultMask.get(mask)\n\n    const maskedRef = useInputMask({\n      mask: regularMask ?? mask,\n      options: {\n        jitMasking: false,\n        definitions: {\n          ...defaultDefinitions,\n          ...externalMaskDefinitions\n        },\n        ...options\n      }\n    })\n\n    return <InputBase ref={mergeRefs(maskedRef, ref)} {...props} />\n  }\n)\nMaskInput.displayName = 'MaskInput'\n"],"names":["MaskInput","forwardRef","mask","externalMaskDefinitions","options","props","ref","regularMask","defaultMask","maskedRef","useInputMask","defaultDefinitions","jsx","InputBase","mergeRefs"],"mappings":"wbAoCO,MAAMA,EAAYC,EACvB,CAAC,CAAE,KAAAC,EAAM,wBAAAC,EAAyB,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAC7D,MAAMC,EAAcC,EAAY,IAAIN,CAAI,EAElCO,EAAYC,EAAa,CAC7B,KAAMH,GAAeL,EACrB,QAAS,CACP,WAAY,GACZ,YAAa,CACX,GAAGS,EACH,GAAGR,CAAA,EAEL,GAAGC,CAAA,CACL,CACD,EAED,OAAOQ,EAACC,GAAU,IAAKC,EAAUL,EAAWH,CAAG,EAAI,GAAGD,EAAO,CAC/D,CACF,EACAL,EAAU,YAAc"}
+{"version":3,"file":"MaskInput.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useInputMask } from 'use-mask-input'\nimport { InputBase, type InputBaseProps } from '../input'\nimport { defaultDefinitions, defaultMask, type Definition, type Mask } from './model'\nimport type { NonNullable } from '$/shared/types'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type MaskInputProps = InputBaseProps & {\n  /**\n   * маска, по которой будет определяться валидация символов\n   */\n  mask: NonNullable<Mask>\n  /**\n   * дополнительные валидаторы спец символов в маске\n   */\n  externalMaskDefinitions?: Record<string, Definition>\n}\n\n/**\n * Компонент маски очень умный, умеет обрабатывать специальные символы\n * в том порядке, который определён маской\n * @typeParam `#` позволяет вводить только числа (regexp: `/\\d/g`)\n * @typeParam `A` позволяет вводить любые буквы русского и английского алфавита (regexp: `/[A-Za-zА-Яа-я]/g`)\n * @typeParam `C` позволяет вводить любые буквы, которые определены для использования в гос номерах автомобилей (regexp: `/([АВЕКМНОРСТУХавекмнорстух])/`)\n */\nexport const MaskInput = forwardRef<HTMLInputElement, MaskInputProps>(({ mask, externalMaskDefinitions, ...props }, ref) => {\n  const regularMask = defaultMask.get(mask)\n\n  const maskedRef = useInputMask({\n    mask: regularMask ?? mask,\n    options: {\n      jitMasking: false,\n      definitions: {\n        ...defaultDefinitions,\n        ...externalMaskDefinitions\n      }\n    }\n  })\n\n  return <InputBase ref={mergeRefs(maskedRef, ref)} {...props} />\n})\nMaskInput.displayName = 'MaskInput'\n"],"names":["MaskInput","forwardRef","mask","externalMaskDefinitions","props","ref","regularMask","defaultMask","maskedRef","useInputMask","defaultDefinitions","jsx","InputBase","mergeRefs"],"mappings":"wbAyBO,MAAMA,EAAYC,EAA6C,CAAC,CAAE,KAAAC,EAAM,wBAAAC,EAAyB,GAAGC,CAAA,EAASC,IAAQ,CAC1H,MAAMC,EAAcC,EAAY,IAAIL,CAAI,EAElCM,EAAYC,EAAa,CAC7B,KAAMH,GAAeJ,EACrB,QAAS,CACP,WAAY,GACZ,YAAa,CACX,GAAGQ,EACH,GAAGP,CAAA,CACL,CACF,CACD,EAED,OAAOQ,EAACC,GAAU,IAAKC,EAAUL,EAAWH,CAAG,EAAI,GAAGD,EAAO,CAC/D,CAAC,EACDJ,EAAU,YAAc"}

package/dist/lib/shared/ui/formElements/uncontrolled/maskInput/model/mask/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/model/mask/utils.ts"],"sourcesContent":["import type { Definition } from '../../MaskInput'\n\nexport const defaultDefinitions: Record<string, Definition> = {\n  '#': {\n    validator: (char) => /\\d/g.test(char)\n  },\n  A: {\n    validator: (char) => /[A-Za-zА-Яа-я]/g.test(char)\n  },\n  C: {\n    validator: (char) => /([АВЕКМНОРСТУХавекмнорстух])/.test(char)\n  }\n}\n"],"names":["defaultDefinitions","char"],"mappings":"AAEO,MAAMA,EAAiD,CAC5D,IAAK,CACH,UAAYC,GAAS,MAAM,KAAKA,CAAI,CAAA,EAEtC,EAAG,CACD,UAAYA,GAAS,kBAAkB,KAAKA,CAAI,CAAA,EAElD,EAAG,CACD,UAAYA,GAAS,+BAA+B,KAAKA,CAAI,CAAA,CAEjE"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/model/mask/utils.ts"],"sourcesContent":["import { type Definition } from '../types'\n\nexport const defaultDefinitions: Record<string, Definition> = {\n  '#': {\n    validator: (char) => /\\d/g.test(char)\n  },\n  A: {\n    validator: (char) => /[A-Za-zА-Яа-я]/g.test(char)\n  },\n  C: {\n    validator: (char) => /([АВЕКМНОРСТУХавекмнорстух])/.test(char)\n  }\n}\n"],"names":["defaultDefinitions","char"],"mappings":"AAEO,MAAMA,EAAiD,CAC5D,IAAK,CACH,UAAYC,GAAS,MAAM,KAAKA,CAAI,CAAA,EAEtC,EAAG,CACD,UAAYA,GAAS,kBAAkB,KAAKA,CAAI,CAAA,EAElD,EAAG,CACD,UAAYA,GAAS,+BAA+B,KAAKA,CAAI,CAAA,CAEjE"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js

@@ -1,2 +1,2 @@
-import{jsxs as g,jsx as c}from"react/jsx-runtime";import*as N from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"../../../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getInputSliderSuffix as n}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as T}from"../Slider.js";import{useSliderAlgorithmic as U}from"./hooks/useSliderAlgorithmic.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as W}from"../../../../../../utils/mergeRefs.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as X}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{InputBase as Y}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Z=c(X,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Vi=K(({classes:h,invalid:k,externalHandlers:i,disabled:b,value:u,onChange:e,min:p,max:s,suffix:d,label:w,attachmentProps:t,additionalSuffix:S,readOnly:f,componentType:B,...r},C)=>{const y=N.useId(),l=N.useRef(null),v=()=>{var o;(o=l==null?void 0:l.current)==null||o.focus()},{handleBlur:R,sliderValue:j,sliderStep:A,sliderMin:F,sliderMax:M,handleChangeSlider:V}=U({min:p,max:s,defaultValue:0,value:u,onChange:e}),{root:$,slider:z,textLeft:G,textRight:L,inputRoot:q,textContainer:D,input:E,field:J}=h||{};return g("div",{"aria-label":B,className:m("flex w-full flex-col gap-1",$),children:[g("div",{className:m("relative w-full select-none",{"select-none":f},J),children:[c(Y,{label:w,value:u,attachmentProps:{onClickIcon:f?void 0:(t==null?void 0:t.onClickIcon)||v,icon:f?void 0:(t==null?void 0:t.icon)||Z,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...q},onBlur:o=>{R(u),r!=null&&r.onBlur&&(r==null||r.onBlur(o)),i!=null&&i.onBlur&&i.onBlur(o)},onClick:i==null?void 0:i.onClick,onFocus:i==null?void 0:i.onBlur,renderValues:()=>c(Q,{id:y,readOnly:f,"aria-invalid":k?"true":"false",value:u,disabled:b,suffix:` ${n(d,u)} ${S??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:W(l,C),onValueChange:({floatValue:o})=>{var I;o!==void 0&&(e&&e(o),(I=i==null?void 0:i.onInputChange)==null||I.call(i,o))},"data-test-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),...r})}),c(T,{classes:{...z},step:A,value:j,disabled:b,min:Number(F),max:Number(M),onChange:V,externalHandlers:i})]}),g("div",{className:m("flex justify-between",D),children:[p&&c("span",{className:m("desk-body-regular-m text-color-tetriary",G),children:n(d,p,!1)}),s&&c("span",{className:m("desk-body-regular-m text-color-tetriary",L),children:n(d,s,!1)})]})]})});export{Vi as SliderAlgorithmic};
+import{jsxs as g,jsx as c}from"react/jsx-runtime";import*as N from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"../../../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getInputSliderSuffix as n}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as T}from"../Slider.js";import{useSliderAlgorithmic as U}from"./hooks/useSliderAlgorithmic.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as W}from"../../../../../../utils/mergeRefs.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as X}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{InputBase as Y}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/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 Z=c(X,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),$i=K(({classes:h,invalid:k,externalHandlers:i,disabled:b,value:u,onChange:e,min:p,max:s,suffix:d,label:w,attachmentProps:t,additionalSuffix:S,readOnly:f,componentType:B,...r},C)=>{const y=N.useId(),l=N.useRef(null),v=()=>{var o;(o=l==null?void 0:l.current)==null||o.focus()},{handleBlur:R,sliderValue:j,sliderStep:A,sliderMin:F,sliderMax:M,handleChangeSlider:V}=U({min:p,max:s,defaultValue:0,value:u,onChange:e}),{root:$,slider:z,textLeft:G,textRight:L,inputRoot:q,textContainer:D,input:E,field:J}=h||{};return g("div",{"aria-label":B,className:m("flex w-full flex-col gap-1",$),children:[g("div",{className:m("relative w-full select-none",{"select-none":f},J),children:[c(Y,{label:w,value:u,attachmentProps:{onClickIcon:f?void 0:(t==null?void 0:t.onClickIcon)||v,icon:f?void 0:(t==null?void 0:t.icon)||Z,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...q},onBlur:o=>{R(u),r!=null&&r.onBlur&&(r==null||r.onBlur(o)),i!=null&&i.onBlur&&i.onBlur(o)},onClick:i==null?void 0:i.onClick,onFocus:i==null?void 0:i.onBlur,renderValues:()=>c(Q,{id:y,readOnly:f,"aria-invalid":k?"true":"false",value:u,disabled:b,suffix:` ${n(d,u)} ${S??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:W(l,C),onValueChange:({floatValue:o})=>{var I;o!==void 0&&(e&&e(o),(I=i==null?void 0:i.onInputChange)==null||I.call(i,o))},"data-test-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),...r})}),c(T,{classes:{...z},step:A,value:j,disabled:b,min:Number(F),max:Number(M),onChange:V,externalHandlers:i})]}),g("div",{className:m("flex justify-between",D),children:[p&&c("span",{className:m("desk-body-regular-m text-color-tetriary",G),children:n(d,p,!1)}),s&&c("span",{className:m("desk-body-regular-m text-color-tetriary",L),children:n(d,s,!1)})]})]})});export{$i as SliderAlgorithmic};
 //# sourceMappingURL=SliderAlgorithmic.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderAlgorithmic.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { type SliderAlgorithmicProps } from '../../model/types'\nimport { SliderInner } from '../Slider'\nimport { useSliderAlgorithmic } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderAlgorithmic = forwardRef<HTMLInputElement, SliderAlgorithmicProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { handleBlur, sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n      min,\n      max,\n      defaultValue: 0,\n      value,\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              handleBlur(value)\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue !== undefined) {\n                    if (onChange) onChange(floatValue)\n                    externalHandlers?.onInputChange?.(floatValue)\n                  }\n                }}\n                data-test-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={sliderStep}\n            value={sliderValue}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n            externalHandlers={externalHandlers}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderAlgorithmic","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","attachmentProps","additionalSuffix","readOnly","componentType","props","ref","inputId","React","inputRef","handleIconClick","_a","handleBlur","sliderValue","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderAlgorithmic","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"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"}
+{"version":3,"file":"SliderAlgorithmic.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { type SliderAlgorithmicProps } from '../../model/types'\nimport { SliderInner } from '../Slider'\nimport { useSliderAlgorithmic } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderAlgorithmic = forwardRef<HTMLInputElement, SliderAlgorithmicProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { handleBlur, sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n      min,\n      max,\n      defaultValue: 0,\n      value,\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              handleBlur(value)\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue !== undefined) {\n                    if (onChange) onChange(floatValue)\n                    externalHandlers?.onInputChange?.(floatValue)\n                  }\n                }}\n                data-test-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={sliderStep}\n            value={sliderValue}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n            externalHandlers={externalHandlers}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderAlgorithmic","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","attachmentProps","additionalSuffix","readOnly","componentType","props","ref","inputId","React","inputRef","handleIconClick","_a","handleBlur","sliderValue","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderAlgorithmic","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"62DAUA,MAAMA,EACJC,EAACC,EAAA,CACC,KAAK,eACL,UAAU,wGAAA,CACZ,EAGWC,GAAoBC,EAC/B,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,IAAAC,EACA,IAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9CE,EAAkB,IAAM,QAC5BC,EAAAF,GAAA,YAAAA,EAAU,UAAV,MAAAE,EAAmB,OACrB,EAEM,CAAE,WAAAC,EAAY,YAAAC,EAAa,WAAAC,EAAY,UAAAC,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAqB,CAC7G,IAAArB,EACA,IAAAC,EACA,aAAc,EACd,MAAAH,EACA,SAAAC,CAAA,CACD,EAEK,CAAE,KAAAuB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAUnC,GAAW,CAAA,EAEjG,OACEoC,EAAC,OAAI,aAAYvB,EAAe,UAAWwB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+B,CAAG,cAAgBzB,CAAA,EAAYuB,CAAK,EACpF,SAAA,CAAAvC,EAAC0C,EAAA,CACC,MAAA7B,EACA,MAAAL,EACA,gBAAiB,CACf,YAAaQ,EAAW,QAAYF,GAAA,YAAAA,EAAiB,cAAeS,EACpE,KAAMP,EAAW,QAAYF,GAAA,YAAAA,EAAiB,OAAQf,EACtD,GAAGe,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGsB,CAAA,EAEL,OAASO,GAAM,CACblB,EAAWjB,CAAK,EACZU,GAAA,MAAAA,EAAO,SAAQA,GAAA,MAAAA,EAAO,OAAOyB,IAC7BrC,GAAA,MAAAA,EAAkB,QAAQA,EAAiB,OAAOqC,CAAC,CACzD,EACA,QAASrC,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,aAAc,IACZN,EAAC4C,EAAA,CACC,GAAIxB,EACJ,SAAAJ,EACA,eAAcX,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIsC,EAAqBjC,EAAQJ,CAAK,CAAC,IAAIO,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa+B,EAAUxB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAA4B,KAAiB,OAC7BA,IAAe,SACbtC,KAAmBsC,CAAU,GACjCvB,EAAAlB,GAAA,YAAAA,EAAkB,gBAAlB,MAAAkB,EAAA,KAAAlB,EAAkCyC,GAEtC,EACA,eAAa,SACb,UAAWN,EACT,yGAEAH,CAAA,EAED,GAAGpB,CAAA,CAAA,CACN,CAAA,EAGJlB,EAACgD,EAAA,CACC,QAAS,CAAE,GAAGf,CAAA,EACd,KAAMN,EACN,MAAOD,EACP,SAAAnB,EACA,IAAK,OAAOqB,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,EACV,iBAAAxB,CAAA,CAAA,CACF,EACF,IACC,MAAA,CAAI,UAAWmC,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAA3B,GACCV,EAAC,OAAA,CAAK,UAAWyC,EAAG,0CAA2CP,CAAQ,EACpE,SAAAW,EAAqBjC,EAAQF,EAAK,EAAK,CAAA,CAC1C,EAEDC,GACCX,EAAC,OAAA,CAAK,UAAWyC,EAAG,0CAA2CN,CAAS,EACrE,SAAAU,EAAqBjC,EAAQD,EAAK,EAAK,CAAA,CAC1C,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as m}from"react/jsx-runtime";import*as d from"react";import{forwardRef as O}from"react";import{NumericFormat as P}from"../../../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getInputSliderSuffix as e}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as q}from"../Slider.js";import{useSliderMarks as z}from"./hooks/useSliderMarks.js";import{cn as i}from"../../../../../../utils/cn.js";import{mergeRefs as A}from"../../../../../../utils/mergeRefs.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as D}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const So=O(({classes:g,invalid:n,externalHandlers:o,disabled:l,value:t,onChange:p,suffix:u,label:b,marks:h,attachmentProps:N,additionalSuffix:y,componentType:a,...w},I)=>{const R=d.useId(),S=d.useRef(null),{sliderMin:s,sliderMax:c,handleChangeSlider:k,handleBlur:B}=z({marks:h,onChange:p,value:t}),{root:C,slider:M,textLeft:j,textRight:v,inputRoot:F,textContainer:$,input:G,field:L}=g||{};return f("div",{"aria-label":a,className:i("flex w-full flex-col gap-1",C),children:[f("div",{className:i("relative w-full select-none",L),children:[m(D,{label:b,value:t,attachmentProps:{...N},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...F},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,onBlur:r=>{o!=null&&o.onBlur&&(o==null||o.onBlur(r)),B()},renderValues:()=>m(P,{id:R,readOnly:!0,"aria-invalid":n?"true":"false",value:t,disabled:l,suffix:` ${e(u,t)} ${y??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:A(S,I),onValueChange:({floatValue:r})=>{r&&(p&&p(r),o!=null&&o.onInputChange&&o.onInputChange(r))},"data-test-id":"slider",className:i("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",G),...w})}),m(q,{classes:{...M},marks:h,step:null,value:t??0,disabled:l,min:Number(s),max:Number(c),onChange:k})]}),f("div",{className:i("flex justify-between",$),children:[s&&m("span",{className:i("desk-body-regular-m text-color-tetriary",j),children:e(u,s,!1)}),c&&m("span",{className:i("desk-body-regular-m text-color-tetriary",v),children:e(u,c,!1)})]})]})});export{So as SliderMarks};
+import{jsxs as f,jsx as m}from"react/jsx-runtime";import*as d from"react";import{forwardRef as O}from"react";import{NumericFormat as P}from"../../../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getInputSliderSuffix as e}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as q}from"../Slider.js";import{useSliderMarks as z}from"./hooks/useSliderMarks.js";import{cn as i}from"../../../../../../utils/cn.js";import{mergeRefs as A}from"../../../../../../utils/mergeRefs.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as D}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/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 ko=O(({classes:g,invalid:n,externalHandlers:o,disabled:l,value:t,onChange:p,suffix:u,label:b,marks:h,attachmentProps:N,additionalSuffix:y,componentType:a,...w},I)=>{const R=d.useId(),S=d.useRef(null),{sliderMin:s,sliderMax:c,handleChangeSlider:k,handleBlur:B}=z({marks:h,onChange:p,value:t}),{root:C,slider:M,textLeft:j,textRight:v,inputRoot:F,textContainer:$,input:G,field:L}=g||{};return f("div",{"aria-label":a,className:i("flex w-full flex-col gap-1",C),children:[f("div",{className:i("relative w-full select-none",L),children:[m(D,{label:b,value:t,attachmentProps:{...N},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...F},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,onBlur:r=>{o!=null&&o.onBlur&&(o==null||o.onBlur(r)),B()},renderValues:()=>m(P,{id:R,readOnly:!0,"aria-invalid":n?"true":"false",value:t,disabled:l,suffix:` ${e(u,t)} ${y??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:A(S,I),onValueChange:({floatValue:r})=>{r&&(p&&p(r),o!=null&&o.onInputChange&&o.onInputChange(r))},"data-test-id":"slider",className:i("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",G),...w})}),m(q,{classes:{...M},marks:h,step:null,value:t??0,disabled:l,min:Number(s),max:Number(c),onChange:k})]}),f("div",{className:i("flex justify-between",$),children:[s&&m("span",{className:i("desk-body-regular-m text-color-tetriary",j),children:e(u,s,!1)}),c&&m("span",{className:i("desk-body-regular-m text-color-tetriary",v),children:e(u,c,!1)})]})]})});export{ko as SliderMarks};
 //# sourceMappingURL=SliderMarks.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderMarks.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { type SliderMarksProps } from '../../model/types'\nimport { SliderInner } from '../../ui/Slider'\nimport { useSliderMarks } from './hooks/useSliderMarks'\nimport { InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport const SliderMarks = forwardRef<HTMLInputElement, SliderMarksProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      suffix,\n      label,\n      marks,\n      attachmentProps,\n      additionalSuffix,\n      componentType,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const { sliderMin, sliderMax, handleChangeSlider, handleBlur } = useSliderMarks({\n      marks,\n      onChange,\n      value\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            onBlur={(e) => {\n              if (externalHandlers?.onBlur) {\n                externalHandlers?.onBlur(e)\n              }\n              handleBlur()\n            }}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue) {\n                    if (onChange) onChange(floatValue)\n                    if (externalHandlers?.onInputChange) {\n                      externalHandlers.onInputChange(floatValue)\n                    }\n                  }\n                }}\n                data-test-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n                  input\n                )}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            marks={marks}\n            step={null}\n            value={value ?? 0}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {sliderMin && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, sliderMin, false)}\n            </span>\n          )}\n          {sliderMax && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, sliderMax, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["SliderMarks","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","suffix","label","marks","attachmentProps","additionalSuffix","componentType","props","ref","inputId","React","inputRef","sliderMin","sliderMax","handleChangeSlider","handleBlur","useSliderMarks","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","jsx","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"2vDAUO,MAAMA,GAAcC,EACzB,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9C,CAAE,UAAAE,EAAW,UAAAC,EAAW,mBAAAC,EAAoB,WAAAC,CAAA,EAAeC,EAAe,CAC9E,MAAAb,EACA,SAAAH,EACA,MAAAD,CAAA,CACD,EAEK,CAAE,KAAAkB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAU7B,GAAW,CAAA,EACjG,OACE8B,EAAC,OAAI,aAAYnB,EAAe,UAAWoB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BF,CAAK,EACrD,SAAA,CAAAG,EAACC,EAAA,CACC,MAAA1B,EACA,MAAAH,EACA,gBAAiB,CACf,GAAGK,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGiB,CAAA,EAEL,QAASxB,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,OAASgC,GAAM,CACThC,GAAA,MAAAA,EAAkB,SACpBA,GAAA,MAAAA,EAAkB,OAAOgC,IAE3Bd,EAAA,CACF,EACA,aAAc,IACZY,EAACG,EAAA,CACC,GAAIrB,EACJ,SAAQ,GACR,eAAcb,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIiC,EAAqB9B,EAAQF,CAAK,CAAC,IAAIM,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa2B,EAAUrB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAAyB,KAAiB,CAC7BA,IACEjC,KAAmBiC,CAAU,EAC7BpC,GAAA,MAAAA,EAAkB,eACpBA,EAAiB,cAAcoC,CAAU,EAG/C,EACA,eAAa,SACb,UAAWP,EACT,yGACAH,CAAA,EAED,GAAGhB,CAAA,CAAA,CACN,CAAA,EAGJoB,EAACO,EAAA,CACC,QAAS,CAAE,GAAGhB,CAAA,EACd,MAAAf,EACA,KAAM,KACN,MAAOJ,GAAS,EAChB,SAAAD,EACA,IAAK,OAAOc,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,CAAA,CAAA,CACZ,EACF,IACC,MAAA,CAAI,UAAWY,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAAV,GACCe,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CP,CAAQ,EACpE,SAAAY,EAAqB9B,EAAQW,EAAW,EAAK,CAAA,CAChD,EAEDC,GACCc,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CN,CAAS,EACrE,SAAAW,EAAqB9B,EAAQY,EAAW,EAAK,CAAA,CAChD,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}
+{"version":3,"file":"SliderMarks.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/SliderMarks.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { type SliderMarksProps } from '../../model/types'\nimport { SliderInner } from '../../ui/Slider'\nimport { useSliderMarks } from './hooks/useSliderMarks'\nimport { InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport const SliderMarks = forwardRef<HTMLInputElement, SliderMarksProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      suffix,\n      label,\n      marks,\n      attachmentProps,\n      additionalSuffix,\n      componentType,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const { sliderMin, sliderMax, handleChangeSlider, handleBlur } = useSliderMarks({\n      marks,\n      onChange,\n      value\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            onBlur={(e) => {\n              if (externalHandlers?.onBlur) {\n                externalHandlers?.onBlur(e)\n              }\n              handleBlur()\n            }}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue) {\n                    if (onChange) onChange(floatValue)\n                    if (externalHandlers?.onInputChange) {\n                      externalHandlers.onInputChange(floatValue)\n                    }\n                  }\n                }}\n                data-test-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n                  input\n                )}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            marks={marks}\n            step={null}\n            value={value ?? 0}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {sliderMin && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, sliderMin, false)}\n            </span>\n          )}\n          {sliderMax && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, sliderMax, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["SliderMarks","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","suffix","label","marks","attachmentProps","additionalSuffix","componentType","props","ref","inputId","React","inputRef","sliderMin","sliderMax","handleChangeSlider","handleBlur","useSliderMarks","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","jsx","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"8yDAUO,MAAMA,GAAcC,EACzB,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9C,CAAE,UAAAE,EAAW,UAAAC,EAAW,mBAAAC,EAAoB,WAAAC,CAAA,EAAeC,EAAe,CAC9E,MAAAb,EACA,SAAAH,EACA,MAAAD,CAAA,CACD,EAEK,CAAE,KAAAkB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAU7B,GAAW,CAAA,EACjG,OACE8B,EAAC,OAAI,aAAYnB,EAAe,UAAWoB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+BF,CAAK,EACrD,SAAA,CAAAG,EAACC,EAAA,CACC,MAAA1B,EACA,MAAAH,EACA,gBAAiB,CACf,GAAGK,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGiB,CAAA,EAEL,QAASxB,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,OAASgC,GAAM,CACThC,GAAA,MAAAA,EAAkB,SACpBA,GAAA,MAAAA,EAAkB,OAAOgC,IAE3Bd,EAAA,CACF,EACA,aAAc,IACZY,EAACG,EAAA,CACC,GAAIrB,EACJ,SAAQ,GACR,eAAcb,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIiC,EAAqB9B,EAAQF,CAAK,CAAC,IAAIM,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa2B,EAAUrB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAAyB,KAAiB,CAC7BA,IACEjC,KAAmBiC,CAAU,EAC7BpC,GAAA,MAAAA,EAAkB,eACpBA,EAAiB,cAAcoC,CAAU,EAG/C,EACA,eAAa,SACb,UAAWP,EACT,yGACAH,CAAA,EAED,GAAGhB,CAAA,CAAA,CACN,CAAA,EAGJoB,EAACO,EAAA,CACC,QAAS,CAAE,GAAGhB,CAAA,EACd,MAAAf,EACA,KAAM,KACN,MAAOJ,GAAS,EAChB,SAAAD,EACA,IAAK,OAAOc,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,CAAA,CAAA,CACZ,EACF,IACC,MAAA,CAAI,UAAWY,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAAV,GACCe,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CP,CAAQ,EACpE,SAAAY,EAAqB9B,EAAQW,EAAW,EAAK,CAAA,CAChD,EAEDC,GACCc,EAAC,OAAA,CAAK,UAAWD,EAAG,0CAA2CN,CAAS,EACrE,SAAAW,EAAqB9B,EAAQY,EAAW,EAAK,CAAA,CAChD,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as c}from"react/jsx-runtime";import*as I from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"../../../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getInputSliderSuffix as g}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as T}from"../Slider.js";import{useSliderStep as U}from"./hooks/useSliderStep.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as V}from"../../../../../../utils/mergeRefs.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as W}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{InputBase as X}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Y=c(W,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),zo=K(({classes:N,invalid:S,externalHandlers:o,disabled:b,value:u,onChange:l,min:p,max:n,suffix:s,label:h,step:k,attachmentProps:t,additionalSuffix:w,readOnly:e,componentType:C,...r},B)=>{const y=I.useId(),f=I.useRef(null),R=()=>{var i;(i=f==null?void 0:f.current)==null||i.focus()},{handleBlur:v,sliderStep:j,sliderMin:F,sliderMax:M,handleChangeSlider:$}=U({min:p,max:n,step:k,onChange:l}),{root:z,slider:G,textLeft:L,textRight:q,inputRoot:A,textContainer:D,input:E,field:J}=N||{};return d("div",{"aria-label":C,className:m("flex w-full flex-col gap-1",z),children:[d("div",{className:m("relative w-full select-none",{"select-none":e},J),children:[c(X,{label:h,value:u,attachmentProps:{onClickIcon:e?void 0:(t==null?void 0:t.onClickIcon)||R,icon:e?void 0:(t==null?void 0:t.icon)||Y,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...A},onBlur:i=>{v(u),r!=null&&r.onBlur&&(r==null||r.onBlur(i)),o!=null&&o.onBlur&&o.onBlur(i)},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,renderValues:()=>c(Q,{id:y,readOnly:e,"aria-invalid":S?"true":"false",value:u,disabled:b,suffix:` ${g(s,u)} ${w??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:V(f,B),onValueChange:({floatValue:i})=>{i&&(l&&l(i),o!=null&&o.onInputChange&&o.onInputChange(i))},"data-test-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),...r})}),c(T,{classes:{...G},step:j,value:u??0,disabled:b,min:Number(F),max:Number(M),onChange:$})]}),d("div",{className:m("flex justify-between",D),children:[p&&c("span",{className:m("desk-body-regular-m text-color-tetriary",L),children:g(s,p,!1)}),n&&c("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:g(s,n,!1)})]})]})});export{zo as SliderStep};
+import{jsxs as d,jsx as c}from"react/jsx-runtime";import*as I from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"../../../../../../../../node_modules/react-number-format/dist/react-number-format.es.js";import{getInputSliderSuffix as g}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as T}from"../Slider.js";import{useSliderStep as U}from"./hooks/useSliderStep.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as V}from"../../../../../../utils/mergeRefs.js";import"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as W}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{InputBase as X}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/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 Y=c(W,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Go=K(({classes:N,invalid:S,externalHandlers:o,disabled:b,value:u,onChange:l,min:p,max:n,suffix:s,label:h,step:k,attachmentProps:t,additionalSuffix:w,readOnly:e,componentType:C,...r},B)=>{const y=I.useId(),f=I.useRef(null),R=()=>{var i;(i=f==null?void 0:f.current)==null||i.focus()},{handleBlur:v,sliderStep:j,sliderMin:F,sliderMax:M,handleChangeSlider:$}=U({min:p,max:n,step:k,onChange:l}),{root:z,slider:G,textLeft:L,textRight:q,inputRoot:A,textContainer:D,input:E,field:J}=N||{};return d("div",{"aria-label":C,className:m("flex w-full flex-col gap-1",z),children:[d("div",{className:m("relative w-full select-none",{"select-none":e},J),children:[c(X,{label:h,value:u,attachmentProps:{onClickIcon:e?void 0:(t==null?void 0:t.onClickIcon)||R,icon:e?void 0:(t==null?void 0:t.icon)||Y,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...A},onBlur:i=>{v(u),r!=null&&r.onBlur&&(r==null||r.onBlur(i)),o!=null&&o.onBlur&&o.onBlur(i)},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,renderValues:()=>c(Q,{id:y,readOnly:e,"aria-invalid":S?"true":"false",value:u,disabled:b,suffix:` ${g(s,u)} ${w??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:V(f,B),onValueChange:({floatValue:i})=>{i&&(l&&l(i),o!=null&&o.onInputChange&&o.onInputChange(i))},"data-test-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),...r})}),c(T,{classes:{...G},step:j,value:u??0,disabled:b,min:Number(F),max:Number(M),onChange:$})]}),d("div",{className:m("flex justify-between",D),children:[p&&c("span",{className:m("desk-body-regular-m text-color-tetriary",L),children:g(s,p,!1)}),n&&c("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:g(s,n,!1)})]})]})});export{Go as SliderStep};
 //# sourceMappingURL=SliderStep.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderStep.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { type SliderStepProps } from '../../model/types'\nimport { SliderInner } from '../Slider'\nimport { useSliderStep } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderStep = forwardRef<HTMLInputElement, SliderStepProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      step,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { handleBlur, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n      min,\n      max,\n      step,\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              handleBlur(value)\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue) {\n                    if (onChange) onChange(floatValue)\n                    if (externalHandlers?.onInputChange) {\n                      externalHandlers.onInputChange(floatValue)\n                    }\n                  }\n                }}\n                data-test-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={sliderStep}\n            value={value ?? 0}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderStep","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","step","attachmentProps","additionalSuffix","readOnly","componentType","props","ref","inputId","React","inputRef","handleIconClick","_a","handleBlur","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderStep","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"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"}
+{"version":3,"file":"SliderStep.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { type SliderStepProps } from '../../model/types'\nimport { SliderInner } from '../Slider'\nimport { useSliderStep } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderStep = forwardRef<HTMLInputElement, SliderStepProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      step,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { handleBlur, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n      min,\n      max,\n      step,\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              handleBlur(value)\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue) {\n                    if (onChange) onChange(floatValue)\n                    if (externalHandlers?.onInputChange) {\n                      externalHandlers.onInputChange(floatValue)\n                    }\n                  }\n                }}\n                data-test-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={sliderStep}\n            value={value ?? 0}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderStep","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","step","attachmentProps","additionalSuffix","readOnly","componentType","props","ref","inputId","React","inputRef","handleIconClick","_a","handleBlur","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderStep","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{jsxs as x,Fragment as h,jsx as o}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 S}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../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"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{UploaderInput as b}from"./ui/UploaderInput.js";const po=j(({classes:i,dropzoneOptions:m=v,name:p,value:r,disabled:e,invalid:s,onChange:l,externalHandlers:t,...f},a)=>{const{filesStatus:n,removeFile:c,dropzoneState:d}=w({controlledFiles:r,dropzoneOptions:m,onChange:l,externalHandlers:t}),{root:u,input:F,files:U}=i||{};return x(h,{children:[o("div",{className:S("relative mb-3 w-[476px]",u),children:o(b,{...f,ref:a,name:p,classes:F,disabled:e,invalid:s,dropzoneState:d,externalHandlers:t})}),o(z,{files:r,removeFile:c,classes:U,filesStatus:n})]})});export{po as UploaderBase};
+import{jsxs as x,Fragment as h,jsx as o}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 S}from"../../../../utils/cn.js";import"../../../button/Button.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"../../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../table/ui/primitives/Primitives.js";import"../../../carousel/ui/CarouselContent.js";import"../../../slot/Slot.js";import"../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"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{UploaderInput as b}from"./ui/UploaderInput.js";const eo=j(({classes:i,dropzoneOptions:m=v,name:p,value:r,disabled:e,invalid:s,onChange:l,externalHandlers:t,...f},a)=>{const{filesStatus:n,removeFile:c,dropzoneState:d}=w({controlledFiles:r,dropzoneOptions:m,onChange:l,externalHandlers:t}),{root:u,input:F,files:U}=i||{};return x(h,{children:[o("div",{className:S("relative mb-3 w-[476px]",u),children:o(b,{...f,ref:a,name:p,classes:F,disabled:e,invalid:s,dropzoneState:d,externalHandlers:t})}),o(z,{files:r,removeFile:c,classes:U,filesStatus:n})]})});export{eo 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 { 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\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      ...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          />\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","props","ref","filesStatus","removeFile","dropzoneState","useUploader","root","input","files","jsxs","Fragment","jsx","cn","UploaderInput","UploaderFiles"],"mappings":"44CAoDO,MAAMA,GAAeC,EAC1B,CACE,CACE,QAAAC,EACA,gBAAAC,EAAkBC,EAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAY,CAC7D,gBAAiBV,EACjB,gBAAAH,EACA,SAAAM,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,KAAAO,EAAM,MAAAC,EAAO,MAAAC,CAAA,EAAUjB,GAAW,CAAA,EAE1C,OACEkB,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA2BN,CAAI,EAChD,SAAAK,EAACE,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,KAAAP,EACA,QAASa,EACT,SAAAX,EACA,QAAAC,EACA,cAAAO,EACA,iBAAAL,CAAA,CAAA,EAEJ,IACCe,EAAA,CAAc,MAAOnB,EAAO,WAAAQ,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 { 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\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      ...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          />\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","props","ref","filesStatus","removeFile","dropzoneState","useUploader","root","input","files","jsxs","Fragment","jsx","cn","UploaderInput","UploaderFiles"],"mappings":"y7CAoDO,MAAMA,GAAeC,EAC1B,CACE,CACE,QAAAC,EACA,gBAAAC,EAAkBC,EAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,YAAAC,EAAa,WAAAC,EAAY,cAAAC,CAAA,EAAkBC,EAAY,CAC7D,gBAAiBV,EACjB,gBAAAH,EACA,SAAAM,EACA,iBAAAC,CAAA,CACD,EAEK,CAAE,KAAAO,EAAM,MAAAC,EAAO,MAAAC,CAAA,EAAUjB,GAAW,CAAA,EAE1C,OACEkB,EAAAC,EAAA,CACE,SAAA,CAAAC,EAAC,MAAA,CAAI,UAAWC,EAAG,0BAA2BN,CAAI,EAChD,SAAAK,EAACE,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,KAAAP,EACA,QAASa,EACT,SAAAX,EACA,QAAAC,EACA,cAAAO,EACA,iBAAAL,CAAA,CAAA,EAEJ,IACCe,EAAA,CAAc,MAAOnB,EAAO,WAAAQ,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/react-dropzone/dist/es/index.js";import{FilesErrorCode as c,bytesToMegabytes as v}from"../helpers.js";import"react/jsx-runtime";import"../../../../../../../../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-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/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"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const io=({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{io as useUploader};
+import{useState as k}from"react";import{useDropzone as D}from"../../../../../../../../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/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-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/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 ro=({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{ro 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":"kkDAaO,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":"qnDAaO,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 e}from"react/jsx-runtime";import{bytesToMegabytes as g}from"../model/helpers.js";import{UploaderFilename as f}from"./UploaderFilename.js";import{cn as t}from"../../../../../utils/cn.js";import"../../../../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";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../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"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const ee=({filesStatus:m,removeFile:p,classes:s,file:o,index:n})=>{const c=g(o.size),{root:a,deleteIcon:l,buttonDelete:d,content:b,buttonRoot:u,...x}=s||{};return r("li",{className:t("flex h-6 items-center justify-between p-1",a),children:[r("div",{className:t("flex items-center gap-2",b),children:[m[o.name]==="loading"&&e(h,{size:"sm"}),m[o.name]==="success"&&e(i,{name:"general/check",className:"text-icon-positive-default"}),e(f,{file:o,classes:x})]}),r("div",{className:t("flex items-center gap-2",u),children:[e("p",{className:"desk-body-regular-m text-color-blue-grey-600",children:`${c.toFixed(1)} MB`}),e("button",{className:t("cursor-pointer",d),onClick:()=>p(n),children:e(i,{name:"general/close",className:t("text-icon-blue-grey-600",l)})})]})]},o.name)};export{ee as UploaderFile};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{bytesToMegabytes as g}from"../model/helpers.js";import{UploaderFilename as f}from"./UploaderFilename.js";import{cn as t}from"../../../../../utils/cn.js";import"../../../../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";import"react-dom";import"../../../../modal/ui/IframeModalContent.js";import"../../../../../../../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"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const oe=({filesStatus:m,removeFile:p,classes:s,file:o,index:n})=>{const c=g(o.size),{root:a,deleteIcon:l,buttonDelete:d,content:b,buttonRoot:u,...x}=s||{};return r("li",{className:t("flex h-6 items-center justify-between p-1",a),children:[r("div",{className:t("flex items-center gap-2",b),children:[m[o.name]==="loading"&&e(h,{size:"sm"}),m[o.name]==="success"&&e(i,{name:"general/check",className:"text-icon-positive-default"}),e(f,{file:o,classes:x})]}),r("div",{className:t("flex items-center gap-2",u),children:[e("p",{className:"desk-body-regular-m text-color-blue-grey-600",children:`${c.toFixed(1)} MB`}),e("button",{className:t("cursor-pointer",d),onClick:()=>p(n),children:e(i,{name:"general/close",className:t("text-icon-blue-grey-600",l)})})]})]},o.name)};export{oe 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":"w8CAuBO,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":"w/CAuBO,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/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"../UploaderBase.js";import"../../inputCurrency/InputCurrency.js";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const M=({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{M 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"../../../../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/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"../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 P=({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{P 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":"22CAcO,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":"25CAcO,MAAMA,EAAmB,CAAC,CAAE,KAAAC,EAAM,QAAAC,KAAqC,CAC5E,MAAMC,EAAUC,EAA6B,IAAI,EAC3CC,EAAaC,EAAYH,CAAO,EAEhC,CAAE,SAAAI,GAAaL,GAAW,CAAA,EAEhC,OACEM,EAAC,MAAA,CAAI,UAAU,YACZ,WACCA,EAACC,EAAA,CAAK,eAAgBD,EAAC,IAAA,CAAE,UAAWE,EAAG,+CAAgDH,CAAQ,EAAI,SAAAN,EAAK,KAAK,EAC1G,SAAAA,EAAK,IAAA,CACR,EAEAO,EAAC,KAAE,IAAKL,EAAS,UAAWO,EAAG,kDAAmDH,CAAQ,EACvF,SAAAN,EAAK,KACR,EAEJ,CAEJ"}

package/dist/lib/shared/ui/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"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"react";import"react-dom";import"./IframeModalContent.js";import"../../../../../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"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";const R=({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{R as ModalHeader};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{cn as r}from"../../../utils/cn.js";import"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"react";import"react-dom";import"./IframeModalContent.js";import"../../../../../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"../../dropdownList/ui/dropdownItem/DropdownItem.js";const S=({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{S 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":"soDAcO,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":"grDAcO,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"}

package/dist/lib/shared/ui/popover/Popover.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Root as b,Trigger as N,Portal as y,Content as c,Close as j,Arrow as C}from"../../../../node_modules/@radix-ui/react-popover/dist/index.js";import{cn as t}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react";import"react-dom";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as v}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.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"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const ir=({triggerElement:m,classes:r,sideOffset:e=4,alignOffset:p,align:n,side:u,defaultOpen:g=!1,avoidCollisions:d=!0,children:f,arrowPadding:h,portalContainer:x,withCloseBtn:l=!0,withArrow:w=!0,...a})=>i(b,{defaultOpen:g,children:[o("div",{className:t("flex w-max items-center gap-2",r==null?void 0:r.root),children:o(N,{"aria-label":"tooltip",className:t("flex cursor-pointer items-center justify-center",r==null?void 0:r.trigger),children:m})}),o(y,{container:x,children:i(c,{className:t("desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none",r==null?void 0:r.content),sideOffset:e,alignOffset:p,avoidCollisions:d,arrowPadding:h,align:n,side:u,...a,children:[f,l&&o(j,{"aria-label":"Close",className:t("flex size-5 items-center justify-center outline-0 outline-transparent",r==null?void 0:r.closeTrigger),children:o(v,{name:"general/close",className:t("size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800",r==null?void 0:r.closeIcon)})}),w&&o(C,{width:12,height:6,className:t("fill-white",r==null?void 0:r.arrowIcon)})]})})]});export{ir as Popover};
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Root as b,Trigger as N,Portal as y,Content as c,Close as j,Arrow as C}from"../../../../node_modules/@radix-ui/react-popover/dist/index.js";import{cn as t}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"react";import"react-dom";import"../modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import{Icon as v}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.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"../dropdownList/ui/dropdownItem/DropdownItem.js";const mr=({triggerElement:m,classes:r,sideOffset:e=4,alignOffset:p,align:n,side:u,defaultOpen:g=!1,avoidCollisions:d=!0,children:f,arrowPadding:h,portalContainer:x,withCloseBtn:l=!0,withArrow:w=!0,...a})=>i(b,{defaultOpen:g,children:[o("div",{className:t("flex w-max items-center gap-2",r==null?void 0:r.root),children:o(N,{"aria-label":"tooltip",className:t("flex cursor-pointer items-center justify-center",r==null?void 0:r.trigger),children:m})}),o(y,{container:x,children:i(c,{className:t("desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none",r==null?void 0:r.content),sideOffset:e,alignOffset:p,avoidCollisions:d,arrowPadding:h,align:n,side:u,...a,children:[f,l&&o(j,{"aria-label":"Close",className:t("flex size-5 items-center justify-center outline-0 outline-transparent",r==null?void 0:r.closeTrigger),children:o(v,{name:"general/close",className:t("size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800",r==null?void 0:r.closeIcon)})}),w&&o(C,{width:12,height:6,className:t("fill-white",r==null?void 0:r.arrowIcon)})]})})]});export{mr as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/lib/shared/ui/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../../lib/shared/ui/popover/Popover.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement, ReactNode } from 'react'\nimport type { PopoverContentProps as PopoverContentPropsBase } from '@radix-ui/react-popover'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype PopoverClasses = {\n  root?: string\n  content?: string\n  trigger?: string\n  arrowIcon?: string\n  closeIcon?: string\n  closeTrigger?: string\n}\n\ninterface PopoverContentProps extends PopoverContentPropsBase {\n  sideOffset?: number\n  alignOffset?: number\n  align?: 'end' | 'center' | 'start'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  defaultOpen?: boolean\n  avoidCollisions?: boolean\n  withCloseBtn?: boolean\n  withArrow?: boolean\n}\n\nexport interface PopoverProps extends PopoverContentProps {\n  triggerElement: ReactElement\n  children: ReactNode\n  classes?: PopoverClasses\n  portalContainer?: PopoverPrimitive.PopoverPortalProps['container']\n}\n\nexport const Popover = ({\n  triggerElement,\n  classes,\n  sideOffset = 4,\n  alignOffset,\n  align,\n  side,\n  defaultOpen = false,\n  avoidCollisions = true,\n  children,\n  arrowPadding,\n  portalContainer,\n  withCloseBtn = true,\n  withArrow = true,\n  ...contentProps\n}: PopoverProps) => {\n  return (\n    <PopoverPrimitive.Root defaultOpen={defaultOpen}>\n      <div className={cn('flex w-max items-center gap-2', classes?.root)}>\n        <PopoverPrimitive.Trigger\n          aria-label='tooltip'\n          className={cn('flex cursor-pointer items-center justify-center', classes?.trigger)}\n        >\n          {triggerElement}\n        </PopoverPrimitive.Trigger>\n      </div>\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Content\n          className={cn(\n            'desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none',\n            classes?.content\n          )}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          avoidCollisions={avoidCollisions}\n          arrowPadding={arrowPadding}\n          align={align}\n          side={side}\n          {...contentProps}\n        >\n          {children}\n\n          {withCloseBtn && (\n            <PopoverPrimitive.Close\n              aria-label='Close'\n              className={cn('flex size-5 items-center justify-center outline-0 outline-transparent', classes?.closeTrigger)}\n            >\n              <Icon\n                name='general/close'\n                className={cn(\n                  'size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800',\n                  classes?.closeIcon\n                )}\n              />\n            </PopoverPrimitive.Close>\n          )}\n          {withArrow && <PopoverPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrowIcon)} />}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n"],"names":["Popover","triggerElement","classes","sideOffset","alignOffset","align","side","defaultOpen","avoidCollisions","children","arrowPadding","portalContainer","withCloseBtn","withArrow","contentProps","jsxs","PopoverPrimitive.Root","jsx","cn","PopoverPrimitive.Trigger","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Close","Icon","PopoverPrimitive.Arrow"],"mappings":"2pDAmCO,MAAMA,GAAU,CAAC,CACtB,eAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,EACb,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,GACd,gBAAAC,EAAkB,GAClB,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,GAAGC,CACL,IAEIC,EAACC,EAAA,CAAsB,YAAAT,EACrB,SAAA,CAAAU,EAAC,OAAI,UAAWC,EAAG,gCAAiChB,GAAA,YAAAA,EAAS,IAAI,EAC/D,SAAAe,EAACE,EAAA,CACC,aAAW,UACX,UAAWD,EAAG,kDAAmDhB,GAAA,YAAAA,EAAS,OAAO,EAEhF,SAAAD,CAAA,CAAA,EAEL,EACAgB,EAACG,EAAA,CAAwB,UAAWT,EAClC,SAAAI,EAACM,EAAA,CACC,UAAWH,EACT,iHACAhB,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAC,EACA,YAAAC,EACA,gBAAAI,EACA,aAAAE,EACA,MAAAL,EACA,KAAAC,EACC,GAAGQ,EAEH,SAAA,CAAAL,EAEAG,GACCK,EAACK,EAAA,CACC,aAAW,QACX,UAAWJ,EAAG,wEAAyEhB,GAAA,YAAAA,EAAS,YAAY,EAE5G,SAAAe,EAACM,EAAA,CACC,KAAK,gBACL,UAAWL,EACT,gGACAhB,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAGHW,GAAaI,EAACO,EAAA,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWN,EAAG,aAAchB,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,CAAA,CAAA,CAC/G,CACF,CAAA,EACF"}
+{"version":3,"file":"Popover.js","sources":["../../../../../lib/shared/ui/popover/Popover.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement, ReactNode } from 'react'\nimport type { PopoverContentProps as PopoverContentPropsBase } from '@radix-ui/react-popover'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype PopoverClasses = {\n  root?: string\n  content?: string\n  trigger?: string\n  arrowIcon?: string\n  closeIcon?: string\n  closeTrigger?: string\n}\n\ninterface PopoverContentProps extends PopoverContentPropsBase {\n  sideOffset?: number\n  alignOffset?: number\n  align?: 'end' | 'center' | 'start'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  defaultOpen?: boolean\n  avoidCollisions?: boolean\n  withCloseBtn?: boolean\n  withArrow?: boolean\n}\n\nexport interface PopoverProps extends PopoverContentProps {\n  triggerElement: ReactElement\n  children: ReactNode\n  classes?: PopoverClasses\n  portalContainer?: PopoverPrimitive.PopoverPortalProps['container']\n}\n\nexport const Popover = ({\n  triggerElement,\n  classes,\n  sideOffset = 4,\n  alignOffset,\n  align,\n  side,\n  defaultOpen = false,\n  avoidCollisions = true,\n  children,\n  arrowPadding,\n  portalContainer,\n  withCloseBtn = true,\n  withArrow = true,\n  ...contentProps\n}: PopoverProps) => {\n  return (\n    <PopoverPrimitive.Root defaultOpen={defaultOpen}>\n      <div className={cn('flex w-max items-center gap-2', classes?.root)}>\n        <PopoverPrimitive.Trigger\n          aria-label='tooltip'\n          className={cn('flex cursor-pointer items-center justify-center', classes?.trigger)}\n        >\n          {triggerElement}\n        </PopoverPrimitive.Trigger>\n      </div>\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Content\n          className={cn(\n            'desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none',\n            classes?.content\n          )}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          avoidCollisions={avoidCollisions}\n          arrowPadding={arrowPadding}\n          align={align}\n          side={side}\n          {...contentProps}\n        >\n          {children}\n\n          {withCloseBtn && (\n            <PopoverPrimitive.Close\n              aria-label='Close'\n              className={cn('flex size-5 items-center justify-center outline-0 outline-transparent', classes?.closeTrigger)}\n            >\n              <Icon\n                name='general/close'\n                className={cn(\n                  'size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800',\n                  classes?.closeIcon\n                )}\n              />\n            </PopoverPrimitive.Close>\n          )}\n          {withArrow && <PopoverPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrowIcon)} />}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n"],"names":["Popover","triggerElement","classes","sideOffset","alignOffset","align","side","defaultOpen","avoidCollisions","children","arrowPadding","portalContainer","withCloseBtn","withArrow","contentProps","jsxs","PopoverPrimitive.Root","jsx","cn","PopoverPrimitive.Trigger","PopoverPrimitive.Portal","PopoverPrimitive.Content","PopoverPrimitive.Close","Icon","PopoverPrimitive.Arrow"],"mappings":"ksDAmCO,MAAMA,GAAU,CAAC,CACtB,eAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,EACb,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,GACd,gBAAAC,EAAkB,GAClB,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,GAAGC,CACL,IAEIC,EAACC,EAAA,CAAsB,YAAAT,EACrB,SAAA,CAAAU,EAAC,OAAI,UAAWC,EAAG,gCAAiChB,GAAA,YAAAA,EAAS,IAAI,EAC/D,SAAAe,EAACE,EAAA,CACC,aAAW,UACX,UAAWD,EAAG,kDAAmDhB,GAAA,YAAAA,EAAS,OAAO,EAEhF,SAAAD,CAAA,CAAA,EAEL,EACAgB,EAACG,EAAA,CAAwB,UAAWT,EAClC,SAAAI,EAACM,EAAA,CACC,UAAWH,EACT,iHACAhB,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAC,EACA,YAAAC,EACA,gBAAAI,EACA,aAAAE,EACA,MAAAL,EACA,KAAAC,EACC,GAAGQ,EAEH,SAAA,CAAAL,EAEAG,GACCK,EAACK,EAAA,CACC,aAAW,QACX,UAAWJ,EAAG,wEAAyEhB,GAAA,YAAAA,EAAS,YAAY,EAE5G,SAAAe,EAACM,EAAA,CACC,KAAK,gBACL,UAAWL,EACT,gGACAhB,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAGHW,GAAaI,EAACO,EAAA,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWN,EAAG,aAAchB,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,CAAA,CAAA,CAC/G,CACF,CAAA,EACF"}

package/dist/lib/shared/validation/base/base.constants.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"../../../../node_modules/classnames/index.js";import{TypeGuards as E}from"../../utils/typeGuards.js";import"../../ui/button/Button.js";import"../../ui/buttonIcon/ButtonIcon.js";import"../../ui/calendar/Calendar.js";import{formatDateToLocaleString as N}from"../../ui/calendar/model/utils.js";import"../../ui/accordion/Accordion.js";import"react";import"react-dom";import"../../ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../ui/table/ui/primitives/Primitives.js";import"../../ui/carousel/ui/CarouselContent.js";import"../../ui/slot/Slot.js";import"../../ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../ui/formElements/uncontrolled/combobox/combobox.js";import"../../ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../ui/formElements/uncontrolled/input/Input.js";import"../../ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../ui/formElements/uncontrolled/slider/SliderBase.js";import"../../ui/formElements/uncontrolled/switch/Switch.js";import"../../ui/formElements/uncontrolled/textarea/Textarea.js";import"../../ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../ui/formElements/controlled/editor/ui/Editor.js";import"../../ui/formElements/controlled/input/MaskInputControl.js";import"../../ui/dropdownList/ui/dropdownItem/DropdownItem.js";const g={NON_EMPTY:()=>"Поле не может быть пустым",MIN_LENGTH:_=>`Поле должно содержать минимум символов: ${_}`,MAX_LENGTH:_=>`Поле должно содержать максимум символов: ${_}`,FIX_LENGTH:_=>`Поле должно быть фиксированной длины символов: ${_}`,MIN_VALUE:_=>`Значение не может быть меньше чем ${_}`,MAX_VALUE:_=>`Значение не может быть больше чем ${_}`,PHONE_NON_EMPTY:()=>"Номер телефона должен состоять из 11 цифр",PHONE_INVALID_OPERATOR:()=>"Код города/оператора должен начинаться с цифры 3, 4, 5, 6 или 9",EMAIL_INVALID:()=>"Email введен некорректно. Пример: example@domain.ru",EMAIL_NON_EMPTY:()=>"Введите адрес электронной почты",SELECT_NON_EMPTY:()=>"Выберите один из вариантов",SELECT_MULTIPLE_MIN_LENGTH:_=>`Выберите не менее ${_} вариантов`,SELECT_MULTIPLE_MAX_LENGTH:_=>`Выберите не более ${_} вариантов`,SELECT_FIX_LENGTH:_=>`Поле должно быть фиксированного количества вариантов: ${_}`,DATE_INVALID_FORMAT:()=>"Дата указана некорректно",DATE_NON_EMPTY:()=>"Укажите дату",VALUE_OUT_OF_RANGE:_=>`Выберите один из вариантов ${_.join(", ")}`,DATE_MIN:_=>{const t=E.isString(_)?new Date(_):_;return`Выбранная дата должна быть не раньше ${N(t)}`},DATE_MAX:_=>{const t=E.isString(_)?new Date(_):_;return`Выбранная дата должна быть не позже ${N(t)}`},INVALID_REGEX_STRING:()=>"Поле не соответствует требованиям",INVALID_URL:()=>"Ссылка введена некорректно. Пример: https://example.com, example.com",PASSPORT_INVALID_TYPE:()=>"Паспортные данные введены некорректно",PASSPORT_NON_EMPTY:()=>"Поле обязательно для заполнения",PASSPORT_PART_OR_NUMBER_NON_EMPTY:()=>"Серия или номер паспорта не могут быть пустыми",INVALID_PASSPORT_PART:()=>"Серия паспорта введена некорректно",INVALID_PASSPORT_NUMBER:()=>"Номер паспорта введен некорректно",DEPARTMENT_NON_EMPTY:()=>"Поле обязательно для заполнения",INVALID_DEPARTMENT:()=>"Код подразделения введён некорректно",CURRENCY_NON_EMPTY:()=>"Не выбрана валюта"};export{g as baseDefaultMessages};
+import"react/jsx-runtime";import"../../../../node_modules/classnames/index.js";import{TypeGuards as E}from"../../utils/typeGuards.js";import"../../ui/button/Button.js";import"../../ui/buttonIcon/ButtonIcon.js";import"../../ui/calendar/Calendar.js";import{formatDateToLocaleString as o}from"../../ui/calendar/model/utils.js";import"../../ui/accordion/Accordion.js";import"react";import"react-dom";import"../../ui/modal/ui/IframeModalContent.js";import"../../../../node_modules/react-hot-toast/dist/index.js";import"../../ui/table/ui/primitives/Primitives.js";import"../../ui/carousel/ui/CarouselContent.js";import"../../ui/slot/Slot.js";import"../../ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../ui/formElements/uncontrolled/combobox/combobox.js";import"../../ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../ui/formElements/uncontrolled/input/Input.js";import"../../ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../ui/formElements/uncontrolled/slider/SliderBase.js";import"../../ui/formElements/uncontrolled/switch/Switch.js";import"../../ui/formElements/uncontrolled/textarea/Textarea.js";import"../../ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../../ui/formElements/controlled/editor/ui/Editor.js";import"../../ui/formElements/controlled/input/MaskInputControl.js";import"../../ui/dropdownList/ui/dropdownItem/DropdownItem.js";const F={NON_EMPTY:()=>"Поле не может быть пустым",MIN_LENGTH:_=>`Поле должно содержать минимум символов: ${_}`,MAX_LENGTH:_=>`Поле должно содержать максимум символов: ${_}`,FIX_LENGTH:_=>`Поле должно быть фиксированной длины символов: ${_}`,MIN_VALUE:_=>`Значение не может быть меньше чем ${_}`,MAX_VALUE:_=>`Значение не может быть больше чем ${_}`,PHONE_NON_EMPTY:()=>"Номер телефона должен состоять из 11 цифр",PHONE_INVALID_OPERATOR:()=>"Код города/оператора должен начинаться с цифры 3, 4, 5, 6 или 9",EMAIL_INVALID:()=>"Email введен некорректно. Пример: example@domain.ru",EMAIL_NON_EMPTY:()=>"Введите адрес электронной почты",SELECT_NON_EMPTY:()=>"Выберите один из вариантов",SELECT_MULTIPLE_MIN_LENGTH:_=>`Выберите не менее ${_} вариантов`,SELECT_MULTIPLE_MAX_LENGTH:_=>`Выберите не более ${_} вариантов`,SELECT_FIX_LENGTH:_=>`Поле должно быть фиксированного количества вариантов: ${_}`,DATE_INVALID_FORMAT:()=>"Дата указана некорректно",DATE_NON_EMPTY:()=>"Укажите дату",VALUE_OUT_OF_RANGE:_=>`Выберите один из вариантов ${_.join(", ")}`,DATE_MIN:_=>{const t=E.isString(_)?new Date(_):_;return`Выбранная дата должна быть не раньше ${o(t)}`},DATE_MAX:_=>{const t=E.isString(_)?new Date(_):_;return`Выбранная дата должна быть не позже ${o(t)}`},INVALID_REGEX_STRING:()=>"Поле не соответствует требованиям",INVALID_URL:()=>"Ссылка введена некорректно. Пример: https://example.com, example.com",PASSPORT_INVALID_TYPE:()=>"Паспортные данные введены некорректно",PASSPORT_NON_EMPTY:()=>"Поле обязательно для заполнения",PASSPORT_PART_OR_NUMBER_NON_EMPTY:()=>"Серия или номер паспорта не могут быть пустыми",INVALID_PASSPORT_PART:()=>"Серия паспорта введена некорректно",INVALID_PASSPORT_NUMBER:()=>"Номер паспорта введен некорректно",DEPARTMENT_NON_EMPTY:()=>"Поле обязательно для заполнения",INVALID_DEPARTMENT:()=>"Код подразделения введён некорректно",CURRENCY_NON_EMPTY:()=>"Не выбрана валюта"};export{F as baseDefaultMessages};
 //# sourceMappingURL=base.constants.js.map