@scbt-ecom/ui 0.150.0 → 0.152.1

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

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as r}from"react/jsx-runtime";import{useController as j}from"react-hook-form";import{UploaderBase as v}from"../../uncontrolled/uploader/UploaderBase.js";import{cn as w}from"../../../../utils/cn.js";import"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const Nt=({control:m,name:i,defaultValue:p,rules:s,shouldUnregister:e,classes:a,helperText:l,disabled:o,...n})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,rules:s,shouldUnregister:e}),{error:t,invalid:d}=f,{message:g,container:u,...x}=a||{};return C("div",{className:w("w-full",u),children:[r(v,{...n,...c,invalid:d,disabled:o,classes:x,"data-error-message":t==null?void 0:t.message}),r(N,{text:(t==null?void 0:t.message)||l,className:g,intent:t?"error":"simple",disabled:o})]})};export{Nt as UploaderControl,Nt as default};
+import{jsxs as C,jsx as r}from"react/jsx-runtime";import{useController as j}from"react-hook-form";import{UploaderBase as v}from"../../uncontrolled/uploader/UploaderBase.js";import{cn as w}from"../../../../utils/cn.js";import"uuid";import"react";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../carousel/ui/CarouselContent.js";import"../../../customLink/model/helpers.js";import"../../../slot/Slot.js";import"../../uncontrolled/autocomplete/Autocomplete.js";import"../../uncontrolled/checkbox/Checkbox.js";import"../../uncontrolled/combobox/combobox.js";import"../../uncontrolled/dayPicker/DayPicker.js";import"../../uncontrolled/input/Input.js";import"../../uncontrolled/inputOtp/InputOtpBase.js";import"../../uncontrolled/maskInput/MaskInput.js";import"../../uncontrolled/radio/RadioGroup.js";import"../../uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../uncontrolled/slider/SliderBase.js";import"../../uncontrolled/switch/Switch.js";import"../../uncontrolled/textarea/Textarea.js";import"../../uncontrolled/inputCurrency/InputCurrency.js";import"@tanstack/react-query";import"../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../editor/ui/Editor.js";import"../input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{MessageView as N}from"../../ui/MessageView.js";const Nt=({control:m,name:i,defaultValue:p,rules:s,shouldUnregister:e,classes:a,helperText:l,disabled:o,...n})=>{const{field:c,fieldState:f}=j({control:m,name:i,defaultValue:p,rules:s,shouldUnregister:e}),{error:t,invalid:d}=f,{message:g,container:x,...u}=a||{};return C("div",{className:w("w-full",x),children:[r(v,{...n,...c,invalid:d,disabled:o,classes:u,"data-error-message":t==null?void 0:t.message}),r(N,{text:(t==null?void 0:t.message)||l,className:g,intent:t?"error":"simple",disabled:o})]})};export{Nt as UploaderControl};
 //# sourceMappingURL=UploaderControl.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-
+import{InputBase as o}from"./input/Input.js";import{MaskInput as r}from"./maskInput/MaskInput.js";import{CheckboxBase as m}from"./checkbox/Checkbox.js";import{DayPickerBase as t}from"./dayPicker/DayPicker.js";import{SwitchBase as p}from"./switch/Switch.js";import{AutocompleteBase as i}from"./autocomplete/Autocomplete.js";import{SliderBase as e}from"./slider/SliderBase.js";import{RadioGroupBase as a}from"./radio/RadioGroup.js";import"./radio/ui/RadioItem.js";import"react/jsx-runtime";import"react";import"@radix-ui/react-radio-group";import"classnames";import"tailwind-merge";import"uuid";import{TextareaBase as f}from"./textarea/Textarea.js";import{UploaderBase as s}from"./uploader/UploaderBase.js";import{InputOtpBase as B}from"./inputOtp/InputOtpBase.js";import{Combobox as c}from"./combobox/combobox.js";const P={InputBase:o,SliderBase:e,AutocompleteBase:i,MaskInput:r,CheckboxBase:m,DayPickerBase:t,SwitchBase:p,RadioGroupBase:a,TextareaBase:f,InputOtpBase:B,UploaderBase:s,Combobox:c};export{P as Uncontrolled};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/shared/ui/formElements/uncontrolled/index.ts"],"sourcesContent":["import { InputBase } from './input'\nexport type { InputBaseProps } from './input'\nimport { MaskInput } from './maskInput'\nexport type { MaskInputProps } from './maskInput'\nimport { CheckboxBase } from './checkbox'\nexport type { CheckboxBaseProps, CheckedState } from './checkbox'\nimport { DayPickerBase } from './dayPicker'\nexport type { DayPickerProps } from './dayPicker'\nimport { SwitchBase } from './switch'\nexport type { SwitchBaseProps } from './switch'\nimport { AutocompleteBase } from './autocomplete'\nimport { SliderBase } from './slider'\nexport type { AutocompleteBaseProps, AutocompleteItemOption } from './autocomplete'\nimport { RadioGroupBase } from './radio'\nexport type { RadioGroupBaseProps, RadioOption } from './radio'\nimport { TextareaBase } from './textarea'\nimport { UploaderBase } from './uploader'\nexport type { TextareaBaseProps } from './textarea'\nimport { InputOtpBase } from './inputOtp'\nexport type { InputOtpBaseProps } from './inputOtp'\nimport { Combobox } from './combobox'\nexport type { ComboboxProps, ComboboxItemOption } from './combobox'\n\n/**\n * @example\n * ```ts\n * It's ok\n * import { InputBase } from '@scbt-ecom/ui'\n *\n * Not ok (tree shaking doesn't work)\n * import { Uncontrolled } from '@scbt-ecom/ui'\n * ```\n * @deprecated use Select instead\n */\nexport const Uncontrolled = {\n  InputBase,\n  SliderBase,\n  AutocompleteBase,\n  MaskInput,\n  CheckboxBase,\n  DayPickerBase,\n  SwitchBase,\n  RadioGroupBase,\n  TextareaBase,\n  InputOtpBase,\n  UploaderBase,\n  Combobox\n}\n"],"names":["Uncontrolled","InputBase","SliderBase","AutocompleteBase","MaskInput","CheckboxBase","DayPickerBase","SwitchBase","RadioGroupBase","TextareaBase","InputOtpBase","UploaderBase","Combobox"],"mappings":"6yBAkCO,MAAMA,EAAe,CAC1B,UAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,aAAAC,EACA,cAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,CACF"}

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

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as p}from"react/jsx-runtime";import*as h from"react";import{forwardRef as Q}from"react";import{NumericFormat as T}from"react-number-format";import{getInputSliderSuffix as b}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as U}from"../Slider.js";import{useSliderAlgorithmic as W}from"./hooks/useSliderAlgorithmic.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as X}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as Y}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as Z}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const _=p(Y,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Hi=Q(({classes:k,invalid:w,externalHandlers:i,disabled:I,value:c,onChange:l,min:e,max:g,suffix:s,label:S,attachmentProps:t,additionalSuffix:C,readOnly:u,componentType:v,dataLayers:d,...r},B)=>{const R=h.useId(),f=h.useRef(null),y=()=>{var o;(o=f==null?void 0:f.current)==null||o.focus()},{sliderValue:j,sliderStep:A,sliderMin:F,sliderMax:M,handleChangeSlider:V}=W({min:e,max:g,defaultValue:0,value:c,onChange:l}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:D,textContainer:E,input:J,field:K}=k||{};return n("div",{"aria-label":v,className:m("flex w-full flex-col gap-1",$),children:[n("div",{className:m("relative w-full select-none",{"select-none":u},K),children:[p(Z,{label:S,value:c,attachmentProps:{onClickIcon:u?void 0:(t==null?void 0:t.onClickIcon)||y,icon:u?void 0:(t==null?void 0:t.icon)||_,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...D},onBlur:o=>{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:()=>p(T,{id:R,readOnly:u,"aria-invalid":w?"true":"false",value:c,disabled:I,suffix:` ${b(s,c)} ${C??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:X(f,B),onValueChange:({floatValue:o})=>{var N;o!==void 0&&(l&&l(o),(N=i==null?void 0:i.onInputChange)==null||N.call(i,o))},"data-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",J),"data-layer-id":d==null?void 0:d.targetId,...r})}),p(U,{classes:{...z},step:A,value:j,disabled:I,min:Number(F),max:Number(M),onChange:V,externalHandlers:i})]}),n("div",{className:m("flex justify-between",E),children:[e&&p("span",{className:m("desk-body-regular-m text-color-tetriary",G),children:b(s,e,!1)}),g&&p("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:b(s,g,!1)})]})]})});export{Hi as SliderAlgorithmic};
+import{jsxs as n,jsx as p}from"react/jsx-runtime";import*as h from"react";import{forwardRef as Q}from"react";import{NumericFormat as T}from"react-number-format";import{getInputSliderSuffix as b}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as U}from"../Slider.js";import{useSliderAlgorithmic as W}from"./hooks/useSliderAlgorithmic.js";import{cn as r}from"../../../../../../utils/cn.js";import{mergeRefs as X}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as Y}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{InputBase as Z}from"../../../input/Input.js";import"../../../inputOtp/InputOtpBase.js";import"../../../maskInput/MaskInput.js";import"../../../radio/RadioGroup.js";import"../../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const _=p(Y,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Hi=Q(({classes:k,invalid:w,externalHandlers:i,disabled:I,value:c,onChange:l,min:e,max:g,suffix:s,label:S,attachmentProps:t,additionalSuffix:C,readOnly:u,componentType:v,dataLayers:d,...m},B)=>{const R=h.useId(),f=h.useRef(null),y=()=>{var o;(o=f==null?void 0:f.current)==null||o.focus()},{sliderValue:j,sliderStep:A,sliderMin:F,sliderMax:M,handleChangeSlider:V}=W({min:Number(e),max:Number(g),defaultValue:0,value:c,onChange:l}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:D,textContainer:E,input:J,field:K}=k||{};return n("div",{"aria-label":v,className:r("flex w-full flex-col gap-1",$),children:[n("div",{className:r("relative w-full select-none",{"select-none":u},K),children:[p(Z,{label:S,value:c,attachmentProps:{onClickIcon:u?void 0:(t==null?void 0:t.onClickIcon)||y,icon:u?void 0:(t==null?void 0:t.icon)||_,...t},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...D},onBlur:o=>{m!=null&&m.onBlur&&(m==null||m.onBlur(o)),i!=null&&i.onBlur&&i.onBlur(o)},onClick:i==null?void 0:i.onClick,onFocus:i==null?void 0:i.onBlur,renderValues:()=>p(T,{id:R,readOnly:u,"aria-invalid":w?"true":"false",value:c,disabled:I,suffix:` ${b(s,c)} ${C??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:X(f,B),onValueChange:({floatValue:o})=>{var N;o!==void 0&&(l&&l(o),(N=i==null?void 0:i.onInputChange)==null||N.call(i,o))},"data-id":"slider",className:r("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",J),"data-layer-id":d==null?void 0:d.targetId,...m})}),p(U,{classes:{...z},step:A,value:j,disabled:I,min:Number(F),max:Number(M),onChange:V,externalHandlers:i})]}),n("div",{className:r("flex justify-between",E),children:[e&&p("span",{className:r("desk-body-regular-m text-color-tetriary",G),children:b(s,e,!1)}),g&&p("span",{className:r("desk-body-regular-m text-color-tetriary",q),children:b(s,g,!1)})]})]})});export{Hi 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 { type SliderAlgorithmicProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\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      dataLayers,\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 { 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              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-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                data-layer-id={dataLayers?.targetId}\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","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","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 { type SliderAlgorithmicProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\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      dataLayers,\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 { sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n      min: Number(min),\n      max: Number(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              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-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                data-layer-id={dataLayers?.targetId}\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","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","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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"}

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

@@ -1,2 +1,2 @@
-import{useEffect as M}from"react";import{useLogarithmic as A}from"../../../model/useLogarithmic.js";const b=({min:i,max:t,defaultValue:o,value:s,onChange:r})=>{const{fromSlider:e,toSlider:d,round:c}=A({min:i,max:t,defaultSum:o}),l=d(s),S=.01,u=d(i),p=d(t);return M(()=>{s&&(s>t&&r&&r(t),s<i&&r&&r(i))},[s,r,t,i]),{handleChangeSlider:f=>{f&&r&&r(c(e(f)))},toSlider:d,fromSlider:e,sliderValue:l,sliderStep:S,sliderMin:u,sliderMax:p}};export{b as useSliderAlgorithmic};
+import{useEffect as y}from"react";import{useLogarithmic as M}from"../../../model/useLogarithmic.js";const L=({min:t,max:i,defaultValue:f,value:e,onChange:r})=>{const{fromSlider:s,toSlider:o,round:c}=M({min:t,max:i,defaultSum:f});console.log({min:typeof t,max:typeof i,defaultValue:typeof f,value:typeof e});const l=o(e),p=.01,S=o(t),u=o(i);return y(()=>{e&&(e>i&&r&&r(i),e<t&&r&&r(t))},[e,r,i,t]),{handleChangeSlider:d=>{d&&r&&r(c(s(d)))},toSlider:o,fromSlider:s,sliderValue:l,sliderStep:p,sliderMin:S,sliderMax:u}};export{L as useSliderAlgorithmic};
 //# sourceMappingURL=useSliderAlgorithmic.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSliderAlgorithmic.js","sources":["../../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/hooks/useSliderAlgorithmic.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { useLogarithmic } from '../../../model'\n\ninterface UseSliderAlgorithmic {\n  min: number\n  max: number\n  defaultValue: number\n  value: number | undefined\n  onChange?: (value: number) => void\n}\n\nexport const useSliderAlgorithmic = ({ min, max, defaultValue, value, onChange }: UseSliderAlgorithmic) => {\n  const { fromSlider, toSlider, round } = useLogarithmic({ min, max, defaultSum: defaultValue })\n\n  const sliderValue = toSlider(value)\n\n  const sliderStep = 0.01\n\n  const sliderMin = toSlider(min)\n  const sliderMax = toSlider(max)\n\n  useEffect(() => {\n    if (!value) return\n\n    if (value > max) {\n      if (onChange) onChange(max)\n    }\n    if (value < min) {\n      if (onChange) onChange(min)\n    }\n  }, [value, onChange, max, min])\n\n  const handleChangeSlider = (value?: number) => {\n    if (!value) {\n      return\n    }\n    if (onChange) onChange(round(fromSlider(value)))\n  }\n\n  return {\n    handleChangeSlider,\n    toSlider,\n    fromSlider,\n    sliderValue,\n    sliderStep,\n    sliderMin,\n    sliderMax\n  }\n}\n"],"names":["useSliderAlgorithmic","min","max","defaultValue","value","onChange","fromSlider","toSlider","round","useLogarithmic","sliderValue","sliderStep","sliderMin","sliderMax","useEffect"],"mappings":"oGAWO,MAAMA,EAAuB,CAAC,CAAE,IAAAC,EAAK,IAAAC,EAAK,aAAAC,EAAc,MAAAC,EAAO,SAAAC,KAAqC,CACzG,KAAM,CAAE,WAAAC,EAAY,SAAAC,EAAU,MAAAC,GAAUC,EAAe,CAAE,IAAAR,EAAK,IAAAC,EAAK,WAAYC,EAAc,EAEvFO,EAAcH,EAASH,CAAK,EAE5BO,EAAa,IAEbC,EAAYL,EAASN,CAAG,EACxBY,EAAYN,EAASL,CAAG,EAE9B,OAAAY,EAAU,IAAM,CACTV,IAEDA,EAAQF,GACNG,KAAmBH,CAAG,EAExBE,EAAQH,GACNI,KAAmBJ,CAAG,EAE9B,EAAG,CAACG,EAAOC,EAAUH,EAAKD,CAAG,CAAC,EASvB,CACL,mBAR0BG,GAAmB,CACxCA,GAGDC,GAAUA,EAASG,EAAMF,EAAWF,CAAK,CAAC,CAAC,CACjD,EAIE,SAAAG,EACA,WAAAD,EACA,YAAAI,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,CAEJ"}
+{"version":3,"file":"useSliderAlgorithmic.js","sources":["../../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/hooks/useSliderAlgorithmic.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { useLogarithmic } from '../../../model'\n\ninterface UseSliderAlgorithmic {\n  min: number\n  max: number\n  defaultValue: number\n  value: number | undefined\n  onChange?: (value: number) => void // good\n}\n\nexport const useSliderAlgorithmic = ({ min, max, defaultValue, value, onChange }: UseSliderAlgorithmic) => {\n  const { fromSlider, toSlider, round } = useLogarithmic({ min, max, defaultSum: defaultValue })\n\n  console.log({\n    min: typeof min,\n    max: typeof max,\n    defaultValue: typeof defaultValue,\n    value: typeof value\n  })\n\n  const sliderValue = toSlider(value)\n\n  const sliderStep = 0.01\n\n  const sliderMin = toSlider(min)\n  const sliderMax = toSlider(max)\n\n  useEffect(() => {\n    if (!value) return\n\n    if (value > max) {\n      if (onChange) onChange(max)\n    }\n    if (value < min) {\n      if (onChange) onChange(min)\n    }\n  }, [value, onChange, max, min])\n\n  const handleChangeSlider = (value?: number) => {\n    if (!value) {\n      return\n    }\n    if (onChange) onChange(round(fromSlider(value)))\n  }\n\n  return {\n    handleChangeSlider,\n    toSlider,\n    fromSlider,\n    sliderValue,\n    sliderStep,\n    sliderMin,\n    sliderMax\n  }\n}\n"],"names":["useSliderAlgorithmic","min","max","defaultValue","value","onChange","fromSlider","toSlider","round","useLogarithmic","sliderValue","sliderStep","sliderMin","sliderMax","useEffect"],"mappings":"oGAWO,MAAMA,EAAuB,CAAC,CAAE,IAAAC,EAAK,IAAAC,EAAK,aAAAC,EAAc,MAAAC,EAAO,SAAAC,KAAqC,CACzG,KAAM,CAAE,WAAAC,EAAY,SAAAC,EAAU,MAAAC,GAAUC,EAAe,CAAE,IAAAR,EAAK,IAAAC,EAAK,WAAYC,EAAc,EAE7F,QAAQ,IAAI,CACV,IAAK,OAAOF,EACZ,IAAK,OAAOC,EACZ,aAAc,OAAOC,EACrB,MAAO,OAAOC,CAAA,CACf,EAED,MAAMM,EAAcH,EAASH,CAAK,EAE5BO,EAAa,IAEbC,EAAYL,EAASN,CAAG,EACxBY,EAAYN,EAASL,CAAG,EAE9B,OAAAY,EAAU,IAAM,CACTV,IAEDA,EAAQF,GACNG,KAAmBH,CAAG,EAExBE,EAAQH,GACNI,KAAmBJ,CAAG,EAE9B,EAAG,CAACG,EAAOC,EAAUH,EAAKD,CAAG,CAAC,EASvB,CACL,mBAR0BG,GAAmB,CACxCA,GAGDC,GAAUA,EAASG,EAAMF,EAAWF,CAAK,CAAC,CAAC,CACjD,EAIE,SAAAG,EACA,WAAAD,EACA,YAAAI,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,CAEJ"}

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

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as p}from"react/jsx-runtime";import*as N from"react";import{forwardRef as Q}from"react";import{NumericFormat as T}from"react-number-format";import{getInputSliderSuffix as b}from"../../model/helpers/getInputSliderSuffix.js";import{SliderInner as U}from"../Slider.js";import{useSliderStep as V}from"./hooks/useSliderStep.js";import{cn as m}from"../../../../../../utils/cn.js";import{mergeRefs as W}from"../../../../../../utils/mergeRefs.js";import"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as X}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{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"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Z=p(X,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),Ho=Q(({classes:S,invalid:k,externalHandlers:o,disabled:I,value:c,onChange:f,min:l,max:n,suffix:s,label:w,step:C,attachmentProps:t,additionalSuffix:h,readOnly:u,componentType:B,dataLayers:g,...r},R)=>{const v=N.useId(),e=N.useRef(null),y=()=>{var i;(i=e==null?void 0:e.current)==null||i.focus()},{sliderStep:j,sliderMin:F,sliderMax:M,handleChangeSlider:$}=V({min:l,max:n,step:C,onChange:f,value:c}),{root:z,slider:G,textLeft:q,textRight:A,inputRoot:D,textContainer:E,input:J,field:K}=S||{};return d("div",{"aria-label":B,className:m("flex w-full flex-col gap-1",z),children:[d("div",{className:m("relative w-full select-none",{"select-none":u},K),children:[p(Y,{label:w,value:c,attachmentProps:{onClickIcon:u?void 0:(t==null?void 0:t.onClickIcon)||y,icon:u?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",...D},onBlur:i=>{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:()=>p(T,{id:v,readOnly:u,"aria-invalid":k?"true":"false",value:c,disabled:I,suffix:` ${b(s,c)} ${h??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:W(e,R),onValueChange:({floatValue:i})=>{i&&(f&&f(i),o!=null&&o.onInputChange&&o.onInputChange(i))},"data-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",J),"data-layer-id":g==null?void 0:g.targetId,...r})}),p(U,{classes:{...G},step:j,value:c??0,disabled:I,min:Number(F),max:Number(M),onChange:$})]}),d("div",{className:m("flex justify-between",E),children:[l&&p("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:b(s,l,!1)}),n&&p("span",{className:m("desk-body-regular-m text-color-tetriary",A),children:b(s,n,!1)})]})]})});export{Ho as SliderStep};
+import{jsxs as b,jsx as p}from"react/jsx-runtime";import*as S from"react";import{forwardRef as K}from"react";import{NumericFormat as Q}from"react-number-format";import{getInputSliderSuffix as d}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"uuid";import"../../../../../button/Button.js";import"../../../../../button/model/helpers.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../loader/model/helpers.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../../notification/ui/CustomToast.js";import"../../../../../table/ui/primitives/Primitives.js";import{Icon as W}from"../../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../customLink/model/helpers.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{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"@radix-ui/react-radio-group";import"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Y=p(W,{name:"general/edit",className:"size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800"}),ao=K(({classes:k,invalid:w,externalHandlers:o,disabled:N,value:u,onChange:f,min:l,max:n,suffix:g,label:C,step:I,attachmentProps:r,additionalSuffix:h,readOnly:c,componentType:B,dataLayers:s,...t},v)=>{const R=S.useId(),e=S.useRef(null),y=()=>{var i;(i=e==null?void 0:e.current)==null||i.focus()},{sliderMin:j,sliderMax:F,handleChangeSlider:M}=U({min:Number(l),max:Number(n),value:Number(u),step:Number(I??1),onChange:f}),{root:$,slider:z,textLeft:G,textRight:q,inputRoot:A,textContainer:D,input:E,field:J}=k||{};return b("div",{"aria-label":B,className:m("flex w-full flex-col gap-1",$),children:[b("div",{className:m("relative w-full select-none",{"select-none":c},J),children:[p(X,{label:C,value:u,attachmentProps:{onClickIcon:c?void 0:(r==null?void 0:r.onClickIcon)||y,icon:c?void 0:(r==null?void 0:r.icon)||Y,...r},classes:{container:"border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800",...A},onBlur:i=>{t!=null&&t.onBlur&&(t==null||t.onBlur(i)),o!=null&&o.onBlur&&o.onBlur(i)},onClick:o==null?void 0:o.onClick,onFocus:o==null?void 0:o.onBlur,renderValues:()=>p(Q,{id:R,readOnly:c,"aria-invalid":w?"true":"false",value:u,disabled:N,suffix:` ${d(g,u)} ${h??""}`,thousandsGroupStyle:"thousand",thousandSeparator:" ",allowNegative:!1,getInputRef:V(e,v),onValueChange:({floatValue:i})=>{i&&(f&&f(i),o!=null&&o.onInputChange&&o.onInputChange(i))},"data-id":"slider",className:m("group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all",E),"data-layer-id":s==null?void 0:s.targetId,...t})}),p(T,{classes:{...z},step:I,value:u??0,disabled:N,min:Number(j),max:Number(F),onChange:M})]}),b("div",{className:m("flex justify-between",D),children:[l&&p("span",{className:m("desk-body-regular-m text-color-tetriary",G),children:d(g,l,!1)}),n&&p("span",{className:m("desk-body-regular-m text-color-tetriary",q),children:d(g,n,!1)})]})]})});export{ao 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 { type SliderStepProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\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      dataLayers,\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 { sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n      min,\n      max,\n      step,\n      onChange,\n      value\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              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-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                data-layer-id={dataLayers?.targetId}\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","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","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 { type SliderStepProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\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      dataLayers,\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 { sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n      min: Number(min),\n      max: Number(max),\n      value: Number(value),\n      step: Number(step ?? 1),\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              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-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                data-layer-id={dataLayers?.targetId}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={step}\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","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","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/slider/ui/sliderStep/hooks/useSliderStep.js

@@ -1,2 +1,2 @@
-import{useEffect as l}from"react";const M=({min:t,max:i,step:e,onChange:r,value:f})=>{const d=e??1,c=t,S=i;return l(()=>{f&&(f>i&&r&&r(i),f<t&&r&&r(t))},[i,t,r,f]),{handleChangeSlider:s=>{s&&r&&r(s)},sliderStep:d,sliderMin:c,sliderMax:S}};export{M as useSliderStep};
+import{useEffect as S}from"react";const M=({min:i,max:t,step:d,onChange:r,value:f})=>{const e=i,c=t;return S(()=>{f&&(f>t&&r&&r(t),f<i&&r&&r(i))},[t,i,r,f]),{handleChangeSlider:s=>{s&&r&&r(s)},step:d,sliderMin:e,sliderMax:c}};export{M as useSliderStep};
 //# sourceMappingURL=useSliderStep.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSliderStep.js","sources":["../../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/hooks/useSliderStep.ts"],"sourcesContent":["import { useEffect } from 'react'\n\ninterface UseSliderStep {\n  min: number\n  max: number\n  step: number\n  onChange?: (value: number) => void\n  value?: number\n}\n\nexport const useSliderStep = ({ min, max, step, onChange, value }: UseSliderStep) => {\n  const sliderStep = step ?? 1\n\n  const sliderMin = min\n  const sliderMax = max\n\n  useEffect(() => {\n    if (!value) return\n\n    if (value > max) {\n      if (onChange) onChange(max)\n    }\n    if (value < min) {\n      if (onChange) onChange(min)\n    }\n  }, [max, min, onChange, value])\n\n  const handleChangeSlider = (value?: number) => {\n    if (!value) {\n      return\n    }\n    if (onChange) onChange(value)\n  }\n\n  return {\n    handleChangeSlider,\n    sliderStep,\n    sliderMin,\n    sliderMax\n  }\n}\n"],"names":["useSliderStep","min","max","step","onChange","value","sliderStep","sliderMin","sliderMax","useEffect"],"mappings":"kCAUO,MAAMA,EAAgB,CAAC,CAAE,IAAAC,EAAK,IAAAC,EAAK,KAAAC,EAAM,SAAAC,EAAU,MAAAC,KAA2B,CACnF,MAAMC,EAAaH,GAAQ,EAErBI,EAAYN,EACZO,EAAYN,EAElB,OAAAO,EAAU,IAAM,CACTJ,IAEDA,EAAQH,GACNE,KAAmBF,CAAG,EAExBG,EAAQJ,GACNG,KAAmBH,CAAG,EAE9B,EAAG,CAACC,EAAKD,EAAKG,EAAUC,CAAK,CAAC,EASvB,CACL,mBAR0BA,GAAmB,CACxCA,GAGDD,KAAmBC,CAAK,CAC9B,EAIE,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,CAEJ"}
+{"version":3,"file":"useSliderStep.js","sources":["../../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/hooks/useSliderStep.ts"],"sourcesContent":["import { useEffect } from 'react'\n\ninterface UseSliderStep {\n  min: number\n  max: number\n  step: number\n  onChange?: (value: number) => void\n  value?: number\n}\n\nexport const useSliderStep = ({ min, max, step, onChange, value }: UseSliderStep) => {\n  const sliderMin = min\n  const sliderMax = max\n\n  useEffect(() => {\n    if (!value) return\n\n    if (value > max) {\n      if (onChange) onChange(max)\n    }\n    if (value < min) {\n      if (onChange) onChange(min)\n    }\n  }, [max, min, onChange, value])\n\n  const handleChangeSlider = (value?: number) => {\n    if (!value) {\n      return\n    }\n    if (onChange) onChange(value)\n  }\n\n  return {\n    handleChangeSlider,\n    step,\n    sliderMin,\n    sliderMax\n  }\n}\n"],"names":["useSliderStep","min","max","step","onChange","value","sliderMin","sliderMax","useEffect"],"mappings":"kCAUO,MAAMA,EAAgB,CAAC,CAAE,IAAAC,EAAK,IAAAC,EAAK,KAAAC,EAAM,SAAAC,EAAU,MAAAC,KAA2B,CACnF,MAAMC,EAAYL,EACZM,EAAYL,EAElB,OAAAM,EAAU,IAAM,CACTH,IAEDA,EAAQH,GACNE,KAAmBF,CAAG,EAExBG,EAAQJ,GACNG,KAAmBH,CAAG,EAE9B,EAAG,CAACC,EAAKD,EAAKG,EAAUC,CAAK,CAAC,EASvB,CACL,mBAR0BA,GAAmB,CACxCA,GAGDD,KAAmBC,CAAK,CAC9B,EAIE,KAAAF,EACA,UAAAG,EACA,UAAAC,CAAA,CAEJ"}

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

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

package/dist/lib/widgets/banner/index.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"classnames";import"tailwind-merge";import"uuid";import"react";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../benefit/Benefit.js";import"../model/helpers.js";import{Banner as qr}from"./Banner.js";import"../stepper/ui/StepperTabs.js";import"../longBanner/model/cva.js";import"../interLinking/InterLinking.js";import"../usefulInfo/ui/subEntities/table/model/utils.js";import"../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../fieldMapper/ui/component.client.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import"zod";import"../queryClientProvider/QueryClientProvider.js";import"../seoHeader/ui/desktop/CategoryTabs.js";import"../calculator/ui/CalculatorTabs.js";import"../userFeedback/model/schema.js";import"../userFeedback/ui/FeedbackTrigger.js";import"../userFeedback/ui/SelectRating.js";import{BannerWithSeparateImg as ur}from"./ui/banners/BannerWithSeparateImg.js";export{qr as Banner,ur as BannerWithSeparateImg};
+import"react/jsx-runtime";import"classnames";import"tailwind-merge";import"uuid";import"react";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../benefit/Benefit.js";import"../model/helpers.js";import{Banner as lr}from"./Banner.js";import"../stepper/ui/StepperTabs.js";import"../longBanner/model/cva.js";import"../interLinking/InterLinking.js";import"../usefulInfo/ui/subEntities/table/model/utils.js";import"../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../shared/validation/zodValidation/dadataFio.js";import"../../shared/validation/zodValidation/calendar.js";import"../../shared/validation/zodValidation/phone.js";import"../../shared/validation/zodValidation/otpCode.js";import"zod";import"../queryClientProvider/QueryClientProvider.js";import"../seoHeader/ui/desktop/CategoryTabs.js";import"../calculator/ui/CalculatorTabs.js";import"../userFeedback/model/schema.js";import"../userFeedback/ui/FeedbackTrigger.js";import"../userFeedback/ui/SelectRating.js";import{BannerWithSeparateImg as sr}from"./ui/banners/BannerWithSeparateImg.js";export{lr as Banner,sr as BannerWithSeparateImg};
 //# sourceMappingURL=index.js.map

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js

@@ -1,2 +1,2 @@
-import{jsxs as m,Fragment as k,jsx as i}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as p}from"../../../../shared/utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../benefit/Benefit.js";import{widgetIds as h}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../longBanner/model/cva.js";import"../../../interLinking/InterLinking.js";import"../../../usefulInfo/ui/subEntities/table/model/utils.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../../../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../../../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../../fieldMapper/ui/component.client.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const Wo=({headTitle:n,subtitle:f,buttonsConfig:b,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:h.banner,"data-test-id":h.banner,style:{backgroundColor:u??"#d9edff"},className:p("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[i("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:p("h-full",o==null?void 0:o.container),children:[i("div",{className:p("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[i("div",{dangerouslySetInnerHTML:{__html:n},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:f},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(c,{buttonConfig:b})]})}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{Wo as BannerImageFull};
+import{jsxs as m,Fragment as k,jsx as i}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as p}from"../../../../shared/utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../benefit/Benefit.js";import{widgetIds as h}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../longBanner/model/cva.js";import"../../../interLinking/InterLinking.js";import"../../../usefulInfo/ui/subEntities/table/model/utils.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../../../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../../../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const Vo=({headTitle:n,subtitle:f,buttonsConfig:b,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:h.banner,"data-test-id":h.banner,style:{backgroundColor:u??"#d9edff"},className:p("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[i("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):i("img",{loading:"eager",fetchPriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:p("h-full",o==null?void 0:o.container),children:[i("div",{className:p("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:p("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[i("div",{dangerouslySetInnerHTML:{__html:n},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:f},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(c,{buttonConfig:b})]})}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&i(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{Vo as BannerImageFull};
 //# sourceMappingURL=BannerImageFull.js.map

package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const { isMobile } = useDevice()\n\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <>\n      <section\n        id={widgetIds.banner}\n        data-test-id={widgetIds.banner}\n        style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n        className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n      >\n        <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n          {isMobile ? (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.mobile}\n              className='h-full w-full object-cover object-center'\n              alt={images?.alt}\n            />\n          ) : (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.desktop}\n              alt={images?.alt}\n              className='h-full w-full object-cover object-center'\n            />\n          )}\n        </div>\n\n        <ResponsiveContainer className={cn('h-full', classes?.container)}>\n          <div className={cn('flex h-full', classes?.wrapper)}>\n            <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n              <div className='z-10 flex flex-col gap-4'>\n                <div\n                  dangerouslySetInnerHTML={{ __html: headTitle }}\n                  className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n                />\n                <div\n                  dangerouslySetInnerHTML={{ __html: subtitle }}\n                  className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n                />\n              </div>\n\n              <Buttons buttonConfig={buttonsConfig} />\n            </div>\n          </div>\n\n          {advantages?.enabled && advantagesExist && (\n            <Advantages\n              classes={{\n                root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n              }}\n              {...advantages}\n            />\n          )}\n        </ResponsiveContainer>\n      </section>\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"+nIAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,OACb,UAAU,2CACV,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAA,EAGfU,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,QACb,IAAKA,GAAA,YAAAA,EAAQ,IACb,UAAU,0CAAA,CAAA,EAGhB,IAECW,EAAA,CAAoB,UAAWF,EAAG,SAAUV,GAAA,YAAAA,EAAS,SAAS,EAC7D,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeV,GAAA,YAAAA,EAAS,OAAO,EAChD,SAAAO,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,SAAS,EACvG,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQf,CAAA,EACnC,UAAWc,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,sCAAuCV,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAW,EAACE,EAAA,CAAQ,aAAcf,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,GAECC,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGf,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,GAEDA,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGf,CAAA,CAAA,CACN,EAEJ,CAEJ"}
+{"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const { isMobile } = useDevice()\n\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <>\n      <section\n        id={widgetIds.banner}\n        data-test-id={widgetIds.banner}\n        style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n        className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n      >\n        <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n          {isMobile ? (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.mobile}\n              className='h-full w-full object-cover object-center'\n              alt={images?.alt}\n            />\n          ) : (\n            <img\n              loading='eager'\n              fetchPriority='high'\n              src={images?.desktop}\n              alt={images?.alt}\n              className='h-full w-full object-cover object-center'\n            />\n          )}\n        </div>\n\n        <ResponsiveContainer className={cn('h-full', classes?.container)}>\n          <div className={cn('flex h-full', classes?.wrapper)}>\n            <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n              <div className='z-10 flex flex-col gap-4'>\n                <div\n                  dangerouslySetInnerHTML={{ __html: headTitle }}\n                  className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n                />\n                <div\n                  dangerouslySetInnerHTML={{ __html: subtitle }}\n                  className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n                />\n              </div>\n\n              <Buttons buttonConfig={buttonsConfig} />\n            </div>\n          </div>\n\n          {advantages?.enabled && advantagesExist && (\n            <Advantages\n              classes={{\n                root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n              }}\n              {...advantages}\n            />\n          )}\n        </ResponsiveContainer>\n      </section>\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"2kIAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,OACb,UAAU,2CACV,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAA,EAGfU,EAAC,MAAA,CACC,QAAQ,QACR,cAAc,OACd,IAAKV,GAAA,YAAAA,EAAQ,QACb,IAAKA,GAAA,YAAAA,EAAQ,IACb,UAAU,0CAAA,CAAA,EAGhB,IAECW,EAAA,CAAoB,UAAWF,EAAG,SAAUV,GAAA,YAAAA,EAAS,SAAS,EAC7D,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeV,GAAA,YAAAA,EAAS,OAAO,EAChD,SAAAO,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,SAAS,EACvG,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQf,CAAA,EACnC,UAAWc,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,sCAAuCV,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAW,EAACE,EAAA,CAAQ,aAAcf,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,GAECC,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGf,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,GAEDA,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGf,CAAA,CAAA,CACN,EAEJ,CAEJ"}

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as i}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as p}from"../../../../shared/utils/cn.js";import"uuid";import"react";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../benefit/Benefit.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../longBanner/model/cva.js";import"../../../interLinking/InterLinking.js";import"../../../usefulInfo/ui/subEntities/table/model/utils.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../../../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../../../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../../fieldMapper/ui/component.client.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const Oo=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var d;const e=(t==null?void 0:t.details)&&((d=t==null?void 0:t.details)==null?void 0:d.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:p("",o==null?void 0:o.root),children:[m(u,{className:p("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:p("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:p("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[i("div",{dangerouslySetInnerHTML:{__html:h},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:k},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(b,{buttonConfig:x,classes:{group:"z-10"}})]}),i("div",{className:p("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchpriority:"high",src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),i("div",{className:p("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchpriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{Oo as BannerWithSeparateImg};
+import{jsxs as m,jsx as i}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/button/model/helpers.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as p}from"../../../../shared/utils/cn.js";import"uuid";import"react";import"../../../../shared/ui/loader/model/helpers.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../shared/ui/notification/ui/CustomToast.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/customLink/model/helpers.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"../../../benefit/Benefit.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../longBanner/model/cva.js";import"../../../interLinking/InterLinking.js";import"../../../usefulInfo/ui/subEntities/table/model/utils.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopHeadings.js";import"../../../usefulInfo/ui/subEntities/table/ui/DesktopRow.js";import"../../../usefulInfo/ui/subEntities/table/ui/MobileRow.js";import"../../../usefulInfo/ui/subEntities/documents/ui/document/model/utils.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"zod";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const Ko=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var d;const e=(t==null?void 0:t.details)&&((d=t==null?void 0:t.details)==null?void 0:d.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:p("",o==null?void 0:o.root),children:[m(u,{className:p("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:p("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:p("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[i("div",{dangerouslySetInnerHTML:{__html:h},className:p("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),i("div",{dangerouslySetInnerHTML:{__html:k},className:p("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),i(b,{buttonConfig:x,classes:{group:"z-10"}})]}),i("div",{className:p("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchpriority:"high",src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),i("div",{className:p("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:i("img",{loading:"eager",fetchpriority:"high",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&e&&i(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{Ko as BannerWithSeparateImg};
 //# sourceMappingURL=BannerWithSeparateImg.js.map

package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <section\n      id={widgetIds.banner}\n      style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n      data-test-id={widgetIds.banner}\n      className={cn('', classes?.root)}\n    >\n      <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n        <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n          <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n            <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n              <div\n                dangerouslySetInnerHTML={{ __html: headTitle }}\n                className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n              />\n              <div\n                dangerouslySetInnerHTML={{ __html: subtitle }}\n                className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n              />\n            </div>\n\n            <Buttons\n              buttonConfig={buttonsConfig}\n              classes={{\n                group: 'z-10'\n              }}\n            />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n          </div>\n        </div>\n\n        {advantages?.enabled && advantagesExist && (\n          <Advantages\n            classes={{\n              root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n            }}\n            {...advantages}\n          />\n        )}\n      </ResponsiveContainer>\n\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </section>\n  )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"+iIAMO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAIX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,EAGrHQ,EAAC,MAAA,CACC,UAAWF,EACT,2FACAP,GAAA,YAAAA,EAAS,cAAA,EAIX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,CACtH,EACF,GAECF,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,EAEJ,GAECA,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}
+{"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\nimport { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n  headTitle,\n  subtitle,\n  buttonsConfig,\n  advantages,\n  classes,\n  images,\n  backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n  const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n  return (\n    <section\n      id={widgetIds.banner}\n      style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n      data-test-id={widgetIds.banner}\n      className={cn('', classes?.root)}\n    >\n      <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n        <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n          <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n            <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n              <div\n                dangerouslySetInnerHTML={{ __html: headTitle }}\n                className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n              />\n              <div\n                dangerouslySetInnerHTML={{ __html: subtitle }}\n                className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n              />\n            </div>\n\n            <Buttons\n              buttonConfig={buttonsConfig}\n              classes={{\n                group: 'z-10'\n              }}\n            />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n          </div>\n\n          <div\n            className={cn(\n              'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n              classes?.imageContainer\n            )}\n          >\n            {/* @ts-expect-error fetchpriority */}\n            <img loading='eager' fetchpriority='high' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n          </div>\n        </div>\n\n        {advantages?.enabled && advantagesExist && (\n          <Advantages\n            classes={{\n              root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n            }}\n            {...advantages}\n          />\n        )}\n      </ResponsiveContainer>\n\n      {advantages?.enabled && advantagesExist && (\n        <Advantages\n          classes={{\n            root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n          }}\n          {...advantages}\n        />\n      )}\n    </section>\n  )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"2/HAMO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAIX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,EAGrHQ,EAAC,MAAA,CACC,UAAWF,EACT,2FACAP,GAAA,YAAAA,EAAS,cAAA,EAIX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,cAAc,OAAO,IAAKR,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,CACtH,EACF,GAECF,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,EAEJ,GAECA,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}

package/dist/lib/widgets/calculator/Calculator.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as g}from"react/jsx-runtime";import{useState as l,useMemo as w}from"react";import{cn as p}from"../../shared/utils/cn.js";import"uuid";import{widgetIds as f}from"../model/helpers.js";import{CalculatorView as x}from"./CalculatorView.js";import{ResponsiveContainer as I}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import{Heading as v}from"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"zod";import"../fieldMapper/ui/component.client.js";import{CalculatorTabs as N}from"./ui/CalculatorTabs.js";const ko=({calculators:t,headline:u,classes:o})=>{var a;const n=t.length>1,[e,C]=l(n?(a=t[0])==null?void 0:a.name:""),i=w(()=>t==null?void 0:t.map(({name:d,label:b})=>({name:d,label:b})),[t]),h=n?i==null?void 0:i.findIndex(d=>d.name===e):0,m=t[h];return r("section",{id:f.calculator,"data-test-id":f.calculator,className:p(o==null?void 0:o.root),children:r(I,{className:p(o==null?void 0:o.container),children:g("div",{className:p(o==null?void 0:o.wrapper),children:[r(v,{className:p("mb-8 desktop:mb-12",o==null?void 0:o.headline),as:"h2",children:u}),n&&r(N,{calculatorTabs:i,activeCalculator:e,setActiveCalculator:C,classes:o==null?void 0:o.calculatorTabs}),r(x,{name:m.name,label:m.label,calculatorInfoConfig:m.calculatorInfoConfig,calculatorFieldsConfig:m.calculatorFieldsConfig,classes:o==null?void 0:o.calculatorView})]})})})};export{ko as Calculator,ko as default};
+import{jsx as r,jsxs as g}from"react/jsx-runtime";import{useState as l,useMemo as w}from"react";import{cn as p}from"../../shared/utils/cn.js";import"uuid";import{widgetIds as f}from"../model/helpers.js";import{CalculatorView as x}from"./CalculatorView.js";import{ResponsiveContainer as I}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import{Heading as v}from"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import"zod";import{CalculatorTabs as N}from"./ui/CalculatorTabs.js";const co=({calculators:t,headline:u,classes:o})=>{var a;const n=t.length>1,[e,C]=l(n?(a=t[0])==null?void 0:a.name:""),i=w(()=>t==null?void 0:t.map(({name:d,label:b})=>({name:d,label:b})),[t]),h=n?i==null?void 0:i.findIndex(d=>d.name===e):0,m=t[h];return r("section",{id:f.calculator,"data-test-id":f.calculator,className:p(o==null?void 0:o.root),children:r(I,{className:p(o==null?void 0:o.container),children:g("div",{className:p(o==null?void 0:o.wrapper),children:[r(v,{className:p("mb-8 desktop:mb-12",o==null?void 0:o.headline),as:"h2",children:u}),n&&r(N,{calculatorTabs:i,activeCalculator:e,setActiveCalculator:C,classes:o==null?void 0:o.calculatorTabs}),r(x,{name:m.name,label:m.label,calculatorInfoConfig:m.calculatorInfoConfig,calculatorFieldsConfig:m.calculatorFieldsConfig,classes:o==null?void 0:o.calculatorView})]})})})};export{co as Calculator,co as default};
 //# sourceMappingURL=Calculator.js.map