@scbt-ecom/ui 0.152.5 → 0.153.0

package/dist/lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { type UseQueryOptions, type UseQueryResult } from '@tanstack/react-query'\nimport type { AutocompleteItemOption } from './types'\nimport { useDebounceValue } from '$/shared/hooks'\nimport { Combobox, type ComboboxProps, type ComboboxValue } from '$/shared/ui'\n\nexport interface AutocompleteBaseProps<TData>\n  extends Omit<\n    ComboboxProps<false>,\n    'options' | 'inputValue' | 'onInputChange' | 'searchable' | 'multiple' | 'value' | 'onChange'\n  > {\n  /**\n   * Функция для запроса основанная на [@tanstack/query](https://tanstack.com/query/latest/docs/framework/react/overview)\n   */\n  query: (query: string, options?: Partial<UseQueryOptions<TData[]>>) => UseQueryResult<TData[]>\n  /**\n   * Параметры запроса\n   */\n  queryOptions?: Partial<UseQueryOptions<TData[]>>\n  /**\n   * Позволяет форматировать данные\n   */\n  formatter: (item: TData, index: number, array: TData[]) => AutocompleteItemOption<TData>\n  /**\n   * Значение инпута\n   */\n  value?: string\n  /**\n   * Handler инпута\n   */\n  onChange?: (value: string) => void\n  /**\n   * Стратегия управления полем\n   * @variation `input-first` - источником правды является инпут\n   * @variation `select-first` - источником правды является список\n   * @default input-first\n   */\n  strategy?: 'input-first' | 'select-first'\n  limit?: number\n}\n\nexport const AutocompleteBase = forwardRef(\n  <TData,>(\n    {\n      formatter,\n      query,\n      queryOptions: initialQueryOptions,\n      value,\n      displayValue,\n      limit = 0,\n      onChange,\n      strategy = 'input-first',\n      ...props\n    }: AutocompleteBaseProps<TData>,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [search, setSearch] = useState<string>(value ?? '')\n\n    const inputValue = strategy === 'input-first' ? (value ?? '') : search\n    const onInputChange = strategy === 'input-first' ? onChange : setSearch\n\n    const debounceSearch = useDebounceValue(inputValue, 100)\n\n    const queryOptions: Partial<UseQueryOptions<TData[]>> = {\n      // enabled: limit > 0 ? debounceSearch.length >= limit : true,\n      ...initialQueryOptions\n    }\n\n    const { data } = query(debounceSearch, queryOptions)\n\n    const options = data && Array.isArray(data) ? data?.map(formatter) : []\n\n    const onValueChange = (value: ComboboxValue<false>) => {\n      if (!value) return\n\n      if (onChange) onChange(displayValue ? displayValue(value) : value.label)\n    }\n\n    return (\n      <Combobox\n        {...props}\n        ref={ref}\n        options={options}\n        searchable\n        filterDisabled\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n        multiple={false}\n        displayValue={displayValue}\n        onChange={onValueChange}\n        empty={debounceSearch.length < limit ? `Введите более ${limit} символов для поиска` : undefined}\n      />\n    )\n  }\n) as <TData>(props: AutocompleteBaseProps<TData> & { ref: React.Ref<HTMLInputElement> }) => React.JSX.Element\n"],"names":["AutocompleteBase","forwardRef","formatter","query","initialQueryOptions","value","displayValue","limit","onChange","strategy","props","ref","search","setSearch","useState","inputValue","onInputChange","debounceSearch","useDebounceValue","queryOptions","data","options","jsx","Combobox"],"mappings":"m2DAyCO,MAAMA,GAAmBC,EAC9B,CACE,CACE,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,MAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,EACR,SAAAC,EACA,SAAAC,EAAW,cACX,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiBT,GAAS,EAAE,EAElDU,EAAaN,IAAa,cAAiBJ,GAAS,GAAMO,EAC1DI,EAAgBP,IAAa,cAAgBD,EAAWK,EAExDI,EAAiBC,EAAiBH,EAAY,GAAG,EAEjDI,EAAkD,CAEtD,GAAGf,CAAA,EAGC,CAAE,KAAAgB,CAAA,EAASjB,EAAMc,EAAgBE,CAAY,EAE7CE,EAAUD,GAAQ,MAAM,QAAQA,CAAI,EAAIA,GAAA,YAAAA,EAAM,IAAIlB,GAAa,CAAA,EAQrE,OACEoB,EAACC,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,QAAAU,EACA,WAAU,GACV,eAAc,GACd,WAAAN,EACA,cAAAC,EACA,SAAU,GACV,aAAAV,EACA,SAjBmBD,GAAgC,CAChDA,GAEDG,GAAUA,EAASF,EAAeA,EAAaD,CAAK,EAAIA,EAAM,KAAK,CACzE,EAcI,MAAOY,EAAe,OAASV,EAAQ,iBAAiBA,CAAK,uBAAyB,MAAA,CAAA,CAG5F,CACF"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { type UseQueryOptions, type UseQueryResult } from '@tanstack/react-query'\nimport type { AutocompleteItemOption } from './types'\nimport { useDebounceValue } from '$/shared/hooks'\nimport { Combobox, type ComboboxProps, type ComboboxValue } from '$/shared/ui'\n\nexport interface AutocompleteBaseProps<TData>\n  extends Omit<\n    ComboboxProps<false>,\n    'options' | 'inputValue' | 'onInputChange' | 'searchable' | 'multiple' | 'value' | 'onChange'\n  > {\n  /**\n   * Функция для запроса основанная на [@tanstack/query](https://tanstack.com/query/latest/docs/framework/react/overview)\n   */\n  query: (query: string, options?: Partial<UseQueryOptions<TData[]>>) => UseQueryResult<TData[]>\n  /**\n   * Параметры запроса\n   */\n  queryOptions?: Partial<UseQueryOptions<TData[]>>\n  /**\n   * Позволяет форматировать данные\n   */\n  formatter: (item: TData, index: number, array: TData[]) => AutocompleteItemOption<TData>\n  /**\n   * Значение инпута\n   */\n  value?: string\n  /**\n   * Handler инпута\n   */\n  onChange?: (value: string) => void\n  /**\n   * Стратегия управления полем\n   * @variation `input-first` - источником правды является инпут\n   * @variation `select-first` - источником правды является список\n   * @default input-first\n   */\n  strategy?: 'input-first' | 'select-first'\n  limit?: number\n}\n\nexport const AutocompleteBase = forwardRef(\n  <TData,>(\n    {\n      formatter,\n      query,\n      queryOptions: initialQueryOptions,\n      value,\n      displayValue,\n      limit = 0,\n      onChange,\n      strategy = 'input-first',\n      ...props\n    }: AutocompleteBaseProps<TData>,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const [search, setSearch] = useState<string>(value ?? '')\n\n    const inputValue = strategy === 'input-first' ? (value ?? '') : search\n    const onInputChange = strategy === 'input-first' ? onChange : setSearch\n\n    const debounceSearch = useDebounceValue(inputValue, 100)\n\n    const queryOptions: Partial<UseQueryOptions<TData[]>> = {\n      // enabled: limit > 0 ? debounceSearch.length >= limit : true,\n      ...initialQueryOptions\n    }\n\n    const { data } = query(debounceSearch, queryOptions)\n\n    const options = data && Array.isArray(data) ? data?.map(formatter) : []\n\n    const onValueChange = (value: ComboboxValue<false>) => {\n      if (!value) return\n\n      if (onChange) onChange(displayValue ? displayValue(value) : value.label)\n    }\n\n    return (\n      <Combobox\n        {...props}\n        ref={ref}\n        options={options}\n        searchable\n        filterDisabled\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n        multiple={false}\n        displayValue={displayValue}\n        onChange={onValueChange}\n        empty={debounceSearch.length < limit ? `Введите более ${limit} символов для поиска` : undefined}\n      />\n    )\n  }\n) as <TData>(props: AutocompleteBaseProps<TData> & { ref: React.Ref<HTMLInputElement> }) => React.JSX.Element\n"],"names":["AutocompleteBase","forwardRef","formatter","query","initialQueryOptions","value","displayValue","limit","onChange","strategy","props","ref","search","setSearch","useState","inputValue","onInputChange","debounceSearch","useDebounceValue","queryOptions","data","options","jsx","Combobox"],"mappings":"gNAyCO,MAAMA,EAAmBC,EAC9B,CACE,CACE,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,MAAAC,EACA,aAAAC,EACA,MAAAC,EAAQ,EACR,SAAAC,EACA,SAAAC,EAAW,cACX,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiBT,GAAS,EAAE,EAElDU,EAAaN,IAAa,cAAiBJ,GAAS,GAAMO,EAC1DI,EAAgBP,IAAa,cAAgBD,EAAWK,EAExDI,EAAiBC,EAAiBH,EAAY,GAAG,EAEjDI,EAAkD,CAEtD,GAAGf,CAAA,EAGC,CAAE,KAAAgB,CAAA,EAASjB,EAAMc,EAAgBE,CAAY,EAE7CE,EAAUD,GAAQ,MAAM,QAAQA,CAAI,EAAIA,GAAM,IAAIlB,CAAS,EAAI,CAAA,EAQrE,OACEoB,EAACC,EAAA,CACE,GAAGb,EACJ,IAAAC,EACA,QAAAU,EACA,WAAU,GACV,eAAc,GACd,WAAAN,EACA,cAAAC,EACA,SAAU,GACV,aAAAV,EACA,SAjBmBD,GAAgC,CAChDA,GAEDG,GAAUA,EAASF,EAAeA,EAAaD,CAAK,EAAIA,EAAM,KAAK,CACzE,EAcI,MAAOY,EAAe,OAASV,EAAQ,iBAAiBA,CAAK,uBAAyB,MAAA,CAAA,CAG5F,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as c}from"react";import{Root as l,Indicator as g}from"@radix-ui/react-checkbox";import{cn as m}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import"../../../calendar/Calendar.js";import"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as u}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"../combobox/combobox.js";import"../dayPicker/DayPicker.js";import"../input/Input.js";import"../inputOtp/InputOtpBase.js";import"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../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 C=c(({classes:r,className:d,invalid:e,disabled:p,externalHandlers:f,dataLayers:o,...t},h)=>{const{onChange:n,...b}=f||{};return i(l,{...t,...b,onCheckedChange:a=>{t.onCheckedChange&&t.onCheckedChange(a),n&&n(a)},disabled:p,ref:h,"aria-invalid":e,"data-layer-id":o==null?void 0:o.targetId,className:m("flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full","relative rounded-sm border-2 border-blue-grey-700 outline-none",'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus",{"border-negative":e,"disabled:border-0 disabled:bg-color-blue-grey-300":p},r==null?void 0:r.root,d),children:i(g,{className:m("h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled",r==null?void 0:r.indicator),children:i(u,{name:"general/check",className:m("size-6 text-icon-white",r==null?void 0:r.icon)})})})});C.displayName="CheckboxBase";export{C as CheckboxBase};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as h}from"react";import{Root as b,Indicator as g}from"@radix-ui/react-checkbox";import{cn as a}from"../../../../utils/cn.js";import{Icon as u}from"../../../icon/Icon.js";const p=h(({classes:e,className:c,invalid:t,disabled:n,externalHandlers:l,dataLayers:f,...r},m)=>{const{onChange:d,...s}=l||{};return o(b,{...r,...s,onCheckedChange:i=>{r.onCheckedChange&&r.onCheckedChange(i),d&&d(i)},disabled:n,ref:m,"aria-invalid":t,"data-layer-id":f?.targetId,className:a("flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full","relative rounded-sm border-2 border-blue-grey-700 outline-none",'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[""]',"after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover","after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed","after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus",{"border-negative":t,"disabled:border-0 disabled:bg-color-blue-grey-300":n},e?.root,c),children:o(g,{className:a("h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled",e?.indicator),children:o(u,{name:"general/check",className:a("size-6 text-icon-white",e?.icon)})})})});p.displayName="CheckboxBase";export{p as CheckboxBase};
 //# sourceMappingURL=Checkbox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type CheckboxProps as CheckboxPrimitiveProps, type CheckedState, Indicator, Root } from '@radix-ui/react-checkbox'\nimport { type DataLayers } from '../../../../types'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CheckboxBaseClasses = {\n  root?: string\n  indicator?: string\n  icon?: string\n}\n\nexport type { CheckedState }\n\ntype ExternalHandlers = {\n  onChange?: (value: CheckedState) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type CheckboxBaseProps = CheckboxPrimitiveProps & {\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: CheckboxBaseClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const CheckboxBase = forwardRef<HTMLButtonElement, CheckboxBaseProps>(\n  ({ classes, className, invalid, disabled, externalHandlers, dataLayers, ...props }, ref) => {\n    const { onChange, ...restHandlers } = externalHandlers || {}\n\n    const onCheckedChange = (value: CheckedState) => {\n      if (props.onCheckedChange) props.onCheckedChange(value)\n      if (onChange) onChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        {...restHandlers}\n        onCheckedChange={onCheckedChange}\n        disabled={disabled}\n        ref={ref}\n        aria-invalid={invalid}\n        data-layer-id={dataLayers?.targetId}\n        className={cn(\n          'flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full',\n          'relative rounded-sm border-2 border-blue-grey-700 outline-none',\n          'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[\"\"]',\n          'after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover',\n          'after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed',\n          'after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus',\n          {\n            'border-negative': invalid,\n            'disabled:border-0 disabled:bg-color-blue-grey-300': disabled\n          },\n          classes?.root,\n          className\n        )}\n      >\n        <Indicator\n          className={cn(\n            'h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled',\n            classes?.indicator\n          )}\n        >\n          <Icon name='general/check' className={cn('size-6 text-icon-white', classes?.icon)} />\n        </Indicator>\n      </Root>\n    )\n  }\n)\nCheckboxBase.displayName = 'CheckboxBase'\n"],"names":["CheckboxBase","forwardRef","classes","className","invalid","disabled","externalHandlers","dataLayers","props","ref","onChange","restHandlers","jsx","Root","value","cn","Indicator","Icon"],"mappings":"w4DAwCO,MAAMA,EAAeC,EAC1B,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,iBAAAC,EAAkB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAiBL,GAAoB,CAAA,EAO1D,OACEM,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,gBATqBG,GAAwB,CAC3CN,EAAM,iBAAiBA,EAAM,gBAAgBM,CAAK,EAClDJ,KAAmBI,CAAK,CAC9B,EAOI,SAAAT,EACA,IAAAI,EACA,eAAcL,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,wFACA,iEACA,sHACA,6FACA,iFACA,uEACA,CACE,kBAAmBX,EACnB,oDAAqDC,CAAA,EAEvDH,GAAA,YAAAA,EAAS,KACTC,CAAA,EAGF,SAAAS,EAACI,EAAA,CACC,UAAWD,EACT,uFACAb,GAAA,YAAAA,EAAS,SAAA,EAGX,SAAAU,EAACK,GAAK,KAAK,gBAAgB,UAAWF,EAAG,yBAA0Bb,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,CAAA,CACrF,CAAA,CAGN,CACF,EACAF,EAAa,YAAc"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type CheckboxProps as CheckboxPrimitiveProps, type CheckedState, Indicator, Root } from '@radix-ui/react-checkbox'\nimport { type DataLayers } from '../../../../types'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type CheckboxBaseClasses = {\n  root?: string\n  indicator?: string\n  icon?: string\n}\n\nexport type { CheckedState }\n\ntype ExternalHandlers = {\n  onChange?: (value: CheckedState) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type CheckboxBaseProps = CheckboxPrimitiveProps & {\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: CheckboxBaseClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const CheckboxBase = forwardRef<HTMLButtonElement, CheckboxBaseProps>(\n  ({ classes, className, invalid, disabled, externalHandlers, dataLayers, ...props }, ref) => {\n    const { onChange, ...restHandlers } = externalHandlers || {}\n\n    const onCheckedChange = (value: CheckedState) => {\n      if (props.onCheckedChange) props.onCheckedChange(value)\n      if (onChange) onChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        {...restHandlers}\n        onCheckedChange={onCheckedChange}\n        disabled={disabled}\n        ref={ref}\n        aria-invalid={invalid}\n        data-layer-id={dataLayers?.targetId}\n        className={cn(\n          'flex h-6 max-h-6 min-h-6 w-6 min-w-6 max-w-6 items-center justify-center rounded-full',\n          'relative rounded-sm border-2 border-blue-grey-700 outline-none',\n          'after:left-1/2 after:top-1/2 after:h-10 after:w-10 after:-translate-x-1/2 after:-translate-y-1/2 after:content-[\"\"]',\n          'after:absolute after:rounded-full [&:not(:disabled)]:hover:after:bg-color-primary-tr-hover',\n          'after:duration-100 [&:not(:disabled)]:active:after:bg-color-primary-tr-pressed',\n          'after:-z-10 [&:not(:disabled)]:focus:after:bg-color-primary-tr-focus',\n          {\n            'border-negative': invalid,\n            'disabled:border-0 disabled:bg-color-blue-grey-300': disabled\n          },\n          classes?.root,\n          className\n        )}\n      >\n        <Indicator\n          className={cn(\n            'h-6 w-6 rounded-sm bg-color-primary-default group-disabled:bg-color-primary-disabled',\n            classes?.indicator\n          )}\n        >\n          <Icon name='general/check' className={cn('size-6 text-icon-white', classes?.icon)} />\n        </Indicator>\n      </Root>\n    )\n  }\n)\nCheckboxBase.displayName = 'CheckboxBase'\n"],"names":["CheckboxBase","forwardRef","classes","className","invalid","disabled","externalHandlers","dataLayers","props","ref","onChange","restHandlers","jsx","Root","value","cn","Indicator","Icon"],"mappings":"oOAwCO,MAAMA,EAAeC,EAC1B,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,iBAAAC,EAAkB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAiBL,GAAoB,CAAA,EAO1D,OACEM,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,gBATqBG,GAAwB,CAC3CN,EAAM,iBAAiBA,EAAM,gBAAgBM,CAAK,EAClDJ,KAAmBI,CAAK,CAC9B,EAOI,SAAAT,EACA,IAAAI,EACA,eAAcL,EACd,gBAAeG,GAAY,SAC3B,UAAWQ,EACT,wFACA,iEACA,sHACA,6FACA,iFACA,uEACA,CACE,kBAAmBX,EACnB,oDAAqDC,CAAA,EAEvDH,GAAS,KACTC,CAAA,EAGF,SAAAS,EAACI,EAAA,CACC,UAAWD,EACT,uFACAb,GAAS,SAAA,EAGX,SAAAU,EAACK,GAAK,KAAK,gBAAgB,UAAWF,EAAG,yBAA0Bb,GAAS,IAAI,CAAA,CAAG,CAAA,CAAA,CACrF,CAAA,CAGN,CACF,EACAF,EAAa,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as V,jsx as m}from"react/jsx-runtime";import{forwardRef as W}from"react";import{useFloating as X,autoUpdate as Y,flip as Z,offset as _}from"@floating-ui/react";import{AnimatePresence as $,motion as l}from"framer-motion";import{cn as u}from"../../../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import{useClickOutsideMany as x}from"../../../../hooks/useClickOutsideMany.js";import{useCombobox as H}from"./hooks/useCombobox.js";import{useKeyboardNavigation as oo}from"./hooks/useKeyboardNavigation.js";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"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as to}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"../dayPicker/DayPicker.js";import{InputBase as io}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"../slider/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"date-fns";import"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{DropdownList as ro}from"../../../dropdownList/DropdownList.js";import{Portal as mo}from"../../../portal/Portal.js";const po=({options:R,multiple:g,value:f,onChange:k,defaultOpen:s,attachmentProps:B,searchable:p,invalid:C,displayValue:d,label:L,disabled:a,readOnly:b,className:N,externalHandlers:o,inputValue:y,filterDisabled:P,onInputChange:v,empty:A,classes:t,portal:F=globalThis?(O=>(O=globalThis==null?void 0:globalThis.document)==null?void 0:O.body)():void 0,...c},M)=>{var I;const T=c["data-error-message"],{floating:j,...z}=(t==null?void 0:t.list)??{},{refs:r,floatingStyles:D}=X({placement:"bottom-start",strategy:"absolute",middleware:[Z({boundary:"clippingAncestors",crossAxis:!1}),_(4)],whileElementsMounted:Y}),{open:h,setOpen:n,state:E,changeHandler:K,options:S,search:U,onInputChange:q,comboboxDisplayValue:w}=H({multiple:g,value:f,onChange:k,searchable:p,defaultOpen:s,displayValue:d,initialOptions:R,filterDisabled:P,externalHandlers:o,externalInputValue:y,externalOnInputChange:v});oo({ref:r.domReference,openChangeHandler:n});const G=()=>f?g&&p?w(f):p?U:w(f):"",J=i=>{i.target&&i.relatedTarget&&n(!1)};x([r.floating,r.reference],()=>n(!1));const Q=F??r.domReference.current;return V("div",{ref:r.setReference,className:u("relative w-full",t==null?void 0:t.root,N),children:[m(io,{ref:M,label:L,invalid:C,readOnly:b||!p,value:y||G(),onChange:q,disabled:a,onClick:i=>{var e;h||n(!0),(e=o==null?void 0:o.clickHandler)==null||e.call(o,i)},onBlur:i=>{var e;(e=o==null?void 0:o.blurHandler)==null||e.call(o,i),J(i)},onFocus:o==null?void 0:o.focusHandler,classes:{input:u({"cursor-pointer":!p,"cursor-default":a,"pointer-events-none":a||b}),...t==null?void 0:t.input},autoComplete:"off",attachmentProps:{icon:m(to,{name:"arrows/arrowRight",className:u("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":h,"text-color-negative":C})}),onClickIcon:()=>n(i=>!i),...B},"data-id":"combobox-input","data-error-message":T,dataLayers:c==null?void 0:c.dataLayers}),m(mo,{root:Q,children:m($,{children:h&&m(l.div,{ref:r.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:u("z-[1000]",j),style:{...D,width:(I=r.reference.current)==null?void 0:I.getBoundingClientRect().width},children:m(ro,{empty:A,options:S,multiple:g,onPick:K,value:E,displayValue:d,classes:z,target:r.domReference})})})})]})},gt=W(po);export{gt as Combobox};
+import{jsxs as S,jsx as t}from"react/jsx-runtime";import{forwardRef as U}from"react";import{useFloating as q,autoUpdate as G,flip as J,offset as Q}from"@floating-ui/react";import{AnimatePresence as V,motion as W}from"framer-motion";import{useCombobox as X}from"./hooks/useCombobox.js";import{useKeyboardNavigation as Y}from"./hooks/useKeyboardNavigation.js";import{useClickOutsideMany as Z}from"../../../../hooks/useClickOutsideMany.js";import{cn as s}from"../../../../utils/cn.js";import{InputBase as _}from"../input/Input.js";import{Portal as $}from"../../../portal/Portal.js";import{DropdownList as oo}from"../../../dropdownList/DropdownList.js";import{Icon as eo}from"../../../icon/Icon.js";const to=({options:b,multiple:c,value:a,onChange:y,defaultOpen:w,attachmentProps:x,searchable:r,invalid:p,displayValue:u,label:I,disabled:m,readOnly:d,className:R,externalHandlers:i,inputValue:g,filterDisabled:k,onInputChange:B,empty:L,classes:f,portal:N=globalThis?globalThis?.document?.body:void 0,...h},P)=>{const v=h["data-error-message"],{floating:A,...F}=f?.list??{},{refs:e,floatingStyles:M}=q({placement:"bottom-start",strategy:"absolute",middleware:[J({boundary:"clippingAncestors",crossAxis:!1}),Q(4)],whileElementsMounted:G}),{open:l,setOpen:n,state:O,changeHandler:T,options:j,search:z,onInputChange:D,comboboxDisplayValue:C}=X({multiple:c,value:a,onChange:y,searchable:r,defaultOpen:w,displayValue:u,initialOptions:b,filterDisabled:k,externalHandlers:i,externalInputValue:g,externalOnInputChange:B});Y({ref:e.domReference,openChangeHandler:n});const E=()=>a?c&&r?C(a):r?z:C(a):"",H=o=>{o.target&&o.relatedTarget&&n(!1)};Z([e.floating,e.reference],()=>n(!1));const K=N??e.domReference.current;return S("div",{ref:e.setReference,className:s("relative w-full",f?.root,R),children:[t(_,{ref:P,label:I,invalid:p,readOnly:d||!r,value:g||E(),onChange:D,disabled:m,onClick:o=>{l||n(!0),i?.clickHandler?.(o)},onBlur:o=>{i?.blurHandler?.(o),H(o)},onFocus:i?.focusHandler,classes:{input:s({"cursor-pointer":!r,"cursor-default":m,"pointer-events-none":m||d}),...f?.input},autoComplete:"off",attachmentProps:{icon:t(eo,{name:"arrows/arrowRight",className:s("size-6 rotate-90 text-color-blue-grey-600 duration-100",{"-rotate-90":l,"text-color-negative":p})}),onClickIcon:()=>n(o=>!o),...x},"data-id":"combobox-input","data-error-message":v,dataLayers:h?.dataLayers}),t($,{root:K,children:t(V,{children:l&&t(W.div,{ref:e.setFloating,initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},className:s("z-[1000]",A),style:{...M,width:e.reference.current?.getBoundingClientRect().width},children:t(oo,{empty:L,options:j,multiple:c,onPick:T,value:O,displayValue:u,classes:F,target:e.domReference})})})})]})},ho=U(to);export{ho as Combobox};
 //# sourceMappingURL=combobox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useClickOutsideMany } from '../../../../hooks'\nimport { useCombobox, useKeyboardNavigation } from './hooks'\nimport type { ChangeHandler, ComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { DropdownList, Icon, InputBase, type InputBaseProps, Portal } from '$/shared/ui'\nimport { type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ComboboxClasses = {\n  root?: string\n  list?: { floating?: string } & DropdownListClasses\n  input?: InputBaseProps['classes']\n}\n\nexport type ExternalHandlers<Multi extends boolean> = {\n  changeHandler?: ChangeHandler<Multi>\n  clickHandler?: (event: React.MouseEvent<HTMLElement>) => void\n  blurHandler?: (event: React.FocusEvent<HTMLElement>) => void\n  focusHandler?: (event: React.FocusEvent<HTMLElement>) => void\n  inputChangeHandler?: (value: string) => void\n  onKeyDown?: (value: React.KeyboardEventHandler<HTMLInputElement>) => void\n}\n\nexport interface ComboboxProps<Multi extends boolean>\n  extends Omit<DropdownListProps<Multi>, 'options' | 'value' | 'onChange'>,\n    Record<`data-${string}`, unknown> {\n  /**\n   * Список опций\n   */\n  options: ComboboxItemOption[]\n  /**\n   * Выбранное значение\n   */\n  value?: ComboboxValue<Multi>\n  /**\n   * Функция для изменения значения\n   */\n  onChange?: ChangeHandler<Multi>\n  /**\n   * Свойство управляющее поиском\n   */\n  searchable?: boolean\n  /**\n   * Открыть список по умолчанию\n   */\n  defaultOpen?: boolean\n  /**\n   * Свойства дополнительной иконки\n   */\n  attachmentProps?: DeepPartial<IFieldAttachmentProps>\n  /**\n   * Пометить поле как не валидное\n   */\n  invalid?: boolean\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: ComboboxItemOption) => string\n  /**\n   * Отображаемый лейбл\n   */\n  label: string\n  /**\n   * Выключено поле\n   */\n  disabled?: boolean\n  /**\n   * Только для чтения\n   */\n  readOnly?: boolean\n  /**\n   * Дополнительные стили\n   */\n  classes?: ComboboxClasses\n  /**\n   * Дополнительные события\n   */\n  externalHandlers?: ExternalHandlers<Multi>\n  /**\n   * Функция для изменения значения поиска\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * Значение инпута\n   */\n  inputValue?: string\n  /**\n   * Выключить фильтрацию списка\n   */\n  filterDisabled?: boolean\n  /**\n   * Включить рендеринг в портале\n   * @property {false | HTMLElement} portal document.body\n   */\n  portal?: false | HTMLElement\n  /**\n   * Обработка ошибок для даталееров\n   */\n  ['data-error-message']?: string\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nconst InnerComponent = <Multi extends boolean>(\n  {\n    options: initialOptions,\n    multiple,\n    value,\n    onChange,\n    defaultOpen,\n    attachmentProps,\n    searchable,\n    invalid,\n    displayValue,\n    label,\n    disabled,\n    readOnly,\n    className,\n    externalHandlers,\n    inputValue,\n    filterDisabled,\n    onInputChange: externalInputChangeHandler,\n    empty,\n    classes,\n    portal = globalThis ? globalThis?.document?.body : undefined,\n    ...props\n  }: ComboboxProps<Multi>,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const dataErrorMessage = props['data-error-message']\n\n  const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n  const { refs, floatingStyles } = useFloating<HTMLDivElement>({\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n      flip({\n        boundary: 'clippingAncestors',\n        crossAxis: false\n      }),\n      offset(4)\n    ],\n    whileElementsMounted: autoUpdate\n  })\n\n  const { open, setOpen, state, changeHandler, options, search, onInputChange, comboboxDisplayValue } = useCombobox({\n    multiple,\n    value,\n    onChange,\n    searchable,\n    defaultOpen,\n    displayValue,\n    initialOptions,\n    filterDisabled,\n    externalHandlers,\n    externalInputValue: inputValue,\n    externalOnInputChange: externalInputChangeHandler\n  })\n\n  useKeyboardNavigation({ ref: refs.domReference, openChangeHandler: setOpen })\n\n  const getLabel = () => {\n    if (!value) return ''\n\n    if (multiple && searchable) {\n      return comboboxDisplayValue(value)\n    } else if (searchable) {\n      return search\n    } else {\n      return comboboxDisplayValue(value)\n    }\n  }\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (event.target && event.relatedTarget) {\n      setOpen(false)\n    }\n  }\n\n  useClickOutsideMany([refs.floating, refs.reference as React.MutableRefObject<HTMLElement | null>], () => setOpen(false))\n\n  const portalContainer = portal ?? refs.domReference.current!\n\n  return (\n    <div ref={refs.setReference} className={cn('relative w-full', classes?.root, className)}>\n      <InputBase\n        ref={ref}\n        label={label}\n        invalid={invalid}\n        readOnly={readOnly || !searchable}\n        value={inputValue || getLabel()}\n        onChange={onInputChange}\n        disabled={disabled}\n        onClick={(event) => {\n          if (!open) setOpen(true)\n          externalHandlers?.clickHandler?.(event)\n        }}\n        onBlur={(event) => {\n          externalHandlers?.blurHandler?.(event)\n          handleBlur(event)\n        }}\n        onFocus={externalHandlers?.focusHandler}\n        classes={{\n          input: cn({\n            'cursor-pointer': !searchable,\n            'cursor-default': disabled,\n            'pointer-events-none': disabled || readOnly\n          }),\n          ...classes?.input\n        }}\n        autoComplete='off'\n        attachmentProps={{\n          icon: (\n            <Icon\n              name='arrows/arrowRight'\n              className={cn('size-6 rotate-90 text-color-blue-grey-600 duration-100', {\n                '-rotate-90': open,\n                'text-color-negative': invalid\n              })}\n            />\n          ),\n          onClickIcon: () => setOpen((prev) => !prev),\n          ...attachmentProps\n        }}\n        data-id='combobox-input'\n        data-error-message={dataErrorMessage}\n        dataLayers={props?.dataLayers}\n      />\n\n      <Portal root={portalContainer}>\n        <AnimatePresence>\n          {open && (\n            <motion.div\n              ref={refs.setFloating}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.1 }}\n              className={cn('z-[1000]', floating)}\n              style={{\n                ...floatingStyles,\n                width: refs.reference.current?.getBoundingClientRect().width\n              }}\n            >\n              <DropdownList\n                empty={empty}\n                options={options}\n                multiple={multiple}\n                onPick={changeHandler}\n                value={state}\n                displayValue={displayValue}\n                classes={dropdownClasses}\n                target={refs.domReference}\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </Portal>\n    </div>\n  )\n}\n\nexport const Combobox = forwardRef(InnerComponent) as <Multi extends boolean>(\n  props: ComboboxProps<Multi> & { ref?: ForwardedRef<HTMLInputElement> }\n) => React.JSX.Element\n"],"names":["InnerComponent","initialOptions","multiple","value","onChange","defaultOpen","attachmentProps","searchable","invalid","displayValue","label","disabled","readOnly","className","externalHandlers","inputValue","filterDisabled","externalInputChangeHandler","empty","classes","portal","_a","props","ref","dataErrorMessage","floating","dropdownClasses","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","comboboxDisplayValue","useCombobox","useKeyboardNavigation","getLabel","handleBlur","event","useClickOutsideMany","portalContainer","jsxs","cn","jsx","InputBase","Icon","prev","Portal","AnimatePresence","motion","DropdownList","Combobox","forwardRef"],"mappings":"mxEA8GA,MAAMA,GAAiB,CACrB,CACE,QAASC,EACT,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,eAAAC,EACA,cAAeC,EACf,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,YAAaC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QAAO,OACnD,GAAGC,CACL,EACAC,IACG,OACH,MAAMC,EAAmBF,EAAM,oBAAoB,EAE7C,CAAE,SAAAG,EAAU,GAAGC,IAAoBP,GAAA,YAAAA,EAAS,OAAQ,CAAA,EAEpD,CAAE,KAAAQ,EAAM,eAAAC,CAAA,EAAmBC,EAA4B,CAC3D,UAAW,eACX,SAAU,WACV,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,cAAAC,EAAe,QAAAC,EAAS,OAAAC,EAAQ,cAAAC,EAAe,qBAAAC,CAAA,EAAyBC,EAAY,CAChH,SAAAvC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAG,EACA,YAAAF,EACA,aAAAI,EACA,eAAAR,EACA,eAAAe,EACA,iBAAAF,EACA,mBAAoBC,EACpB,sBAAuBE,CAAA,CACxB,EAEDyB,GAAsB,CAAE,IAAKf,EAAK,aAAc,kBAAmBO,EAAS,EAE5E,MAAMS,EAAW,IACVxC,EAEDD,GAAYK,EACPiC,EAAqBrC,CAAK,EACxBI,EACF+B,EAEAE,EAAqBrC,CAAK,EAPhB,GAWfyC,EAAcC,GAA8C,CAC5DA,EAAM,QAAUA,EAAM,eACxBX,EAAQ,EAAK,CAEjB,EAEAY,EAAoB,CAACnB,EAAK,SAAUA,EAAK,SAAuD,EAAG,IAAMO,EAAQ,EAAK,CAAC,EAEvH,MAAMa,EAAkB3B,GAAUO,EAAK,aAAa,QAEpD,OACEqB,EAAC,MAAA,CAAI,IAAKrB,EAAK,aAAc,UAAWsB,EAAG,kBAAmB9B,GAAA,YAAAA,EAAS,KAAMN,CAAS,EACpF,SAAA,CAAAqC,EAACC,GAAA,CACC,IAAA5B,EACA,MAAAb,EACA,QAAAF,EACA,SAAUI,GAAY,CAACL,EACvB,MAAOQ,GAAc4B,EAAA,EACrB,SAAUJ,EACV,SAAA5B,EACA,QAAUkC,GAAU,OACbZ,GAAMC,EAAQ,EAAI,GACvBb,EAAAP,GAAA,YAAAA,EAAkB,eAAlB,MAAAO,EAAA,KAAAP,EAAiC+B,EACnC,EACA,OAASA,GAAU,QACjBxB,EAAAP,GAAA,YAAAA,EAAkB,cAAlB,MAAAO,EAAA,KAAAP,EAAgC+B,GAChCD,EAAWC,CAAK,CAClB,EACA,QAAS/B,GAAA,YAAAA,EAAkB,aAC3B,QAAS,CACP,MAAOmC,EAAG,CACR,iBAAkB,CAAC1C,EACnB,iBAAkBI,EAClB,sBAAuBA,GAAYC,CAAA,CACpC,EACD,GAAGO,GAAA,YAAAA,EAAS,KAAA,EAEd,aAAa,MACb,gBAAiB,CACf,KACE+B,EAACE,GAAA,CACC,KAAK,oBACL,UAAWH,EAAG,yDAA0D,CACtE,aAAchB,EACd,sBAAuBzB,CAAA,CACxB,CAAA,CAAA,EAGL,YAAa,IAAM0B,EAASmB,GAAS,CAACA,CAAI,EAC1C,GAAG/C,CAAA,EAEL,UAAQ,iBACR,qBAAoBkB,EACpB,WAAYF,GAAA,YAAAA,EAAO,UAAA,CAAA,IAGpBgC,GAAA,CAAO,KAAMP,EACZ,SAAAG,EAACK,GACE,SAAAtB,GACCiB,EAACM,EAAO,IAAP,CACC,IAAK7B,EAAK,YACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWsB,EAAG,WAAYxB,CAAQ,EAClC,MAAO,CACL,GAAGG,EACH,OAAOP,EAAAM,EAAK,UAAU,UAAf,YAAAN,EAAwB,wBAAwB,KAAA,EAGzD,SAAA6B,EAACO,GAAA,CACC,MAAAvC,EACA,QAAAmB,EACA,SAAAnC,EACA,OAAQkC,EACR,MAAOD,EACP,aAAA1B,EACA,QAASiB,EACT,OAAQC,EAAK,YAAA,CAAA,CACf,CAAA,EAGN,CAAA,CACF,CAAA,EACF,CAEJ,EAEa+B,GAAWC,EAAW3D,EAAc"}
+{"version":3,"file":"combobox.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/combobox.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { useClickOutsideMany } from '../../../../hooks'\nimport { useCombobox, useKeyboardNavigation } from './hooks'\nimport type { ChangeHandler, ComboboxValue } from './model'\nimport type { ComboboxItemOption } from './ui'\nimport { type DataLayers, type DeepPartial } from '$/shared/types'\nimport { DropdownList, Icon, InputBase, type InputBaseProps, Portal } from '$/shared/ui'\nimport { type DropdownListClasses, type DropdownListProps } from '$/shared/ui/dropdownList'\nimport { type IFieldAttachmentProps } from '$/shared/ui/formElements/ui'\nimport { cn } from '$/shared/utils'\n\nexport type ComboboxClasses = {\n  root?: string\n  list?: { floating?: string } & DropdownListClasses\n  input?: InputBaseProps['classes']\n}\n\nexport type ExternalHandlers<Multi extends boolean> = {\n  changeHandler?: ChangeHandler<Multi>\n  clickHandler?: (event: React.MouseEvent<HTMLElement>) => void\n  blurHandler?: (event: React.FocusEvent<HTMLElement>) => void\n  focusHandler?: (event: React.FocusEvent<HTMLElement>) => void\n  inputChangeHandler?: (value: string) => void\n  onKeyDown?: (value: React.KeyboardEventHandler<HTMLInputElement>) => void\n}\n\nexport interface ComboboxProps<Multi extends boolean>\n  extends Omit<DropdownListProps<Multi>, 'options' | 'value' | 'onChange'>,\n    Record<`data-${string}`, unknown> {\n  /**\n   * Список опций\n   */\n  options: ComboboxItemOption[]\n  /**\n   * Выбранное значение\n   */\n  value?: ComboboxValue<Multi>\n  /**\n   * Функция для изменения значения\n   */\n  onChange?: ChangeHandler<Multi>\n  /**\n   * Свойство управляющее поиском\n   */\n  searchable?: boolean\n  /**\n   * Открыть список по умолчанию\n   */\n  defaultOpen?: boolean\n  /**\n   * Свойства дополнительной иконки\n   */\n  attachmentProps?: DeepPartial<IFieldAttachmentProps>\n  /**\n   * Пометить поле как не валидное\n   */\n  invalid?: boolean\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: ComboboxItemOption) => string\n  /**\n   * Отображаемый лейбл\n   */\n  label: string\n  /**\n   * Выключено поле\n   */\n  disabled?: boolean\n  /**\n   * Только для чтения\n   */\n  readOnly?: boolean\n  /**\n   * Дополнительные стили\n   */\n  classes?: ComboboxClasses\n  /**\n   * Дополнительные события\n   */\n  externalHandlers?: ExternalHandlers<Multi>\n  /**\n   * Функция для изменения значения поиска\n   */\n  onInputChange?: (value: string) => void\n  /**\n   * Значение инпута\n   */\n  inputValue?: string\n  /**\n   * Выключить фильтрацию списка\n   */\n  filterDisabled?: boolean\n  /**\n   * Включить рендеринг в портале\n   * @property {false | HTMLElement} portal document.body\n   */\n  portal?: false | HTMLElement\n  /**\n   * Обработка ошибок для даталееров\n   */\n  ['data-error-message']?: string\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nconst InnerComponent = <Multi extends boolean>(\n  {\n    options: initialOptions,\n    multiple,\n    value,\n    onChange,\n    defaultOpen,\n    attachmentProps,\n    searchable,\n    invalid,\n    displayValue,\n    label,\n    disabled,\n    readOnly,\n    className,\n    externalHandlers,\n    inputValue,\n    filterDisabled,\n    onInputChange: externalInputChangeHandler,\n    empty,\n    classes,\n    portal = globalThis ? globalThis?.document?.body : undefined,\n    ...props\n  }: ComboboxProps<Multi>,\n  ref: ForwardedRef<HTMLInputElement>\n) => {\n  const dataErrorMessage = props['data-error-message']\n\n  const { floating, ...dropdownClasses } = classes?.list ?? {}\n\n  const { refs, floatingStyles } = useFloating<HTMLDivElement>({\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n      flip({\n        boundary: 'clippingAncestors',\n        crossAxis: false\n      }),\n      offset(4)\n    ],\n    whileElementsMounted: autoUpdate\n  })\n\n  const { open, setOpen, state, changeHandler, options, search, onInputChange, comboboxDisplayValue } = useCombobox({\n    multiple,\n    value,\n    onChange,\n    searchable,\n    defaultOpen,\n    displayValue,\n    initialOptions,\n    filterDisabled,\n    externalHandlers,\n    externalInputValue: inputValue,\n    externalOnInputChange: externalInputChangeHandler\n  })\n\n  useKeyboardNavigation({ ref: refs.domReference, openChangeHandler: setOpen })\n\n  const getLabel = () => {\n    if (!value) return ''\n\n    if (multiple && searchable) {\n      return comboboxDisplayValue(value)\n    } else if (searchable) {\n      return search\n    } else {\n      return comboboxDisplayValue(value)\n    }\n  }\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (event.target && event.relatedTarget) {\n      setOpen(false)\n    }\n  }\n\n  useClickOutsideMany([refs.floating, refs.reference as React.MutableRefObject<HTMLElement | null>], () => setOpen(false))\n\n  const portalContainer = portal ?? refs.domReference.current!\n\n  return (\n    <div ref={refs.setReference} className={cn('relative w-full', classes?.root, className)}>\n      <InputBase\n        ref={ref}\n        label={label}\n        invalid={invalid}\n        readOnly={readOnly || !searchable}\n        value={inputValue || getLabel()}\n        onChange={onInputChange}\n        disabled={disabled}\n        onClick={(event) => {\n          if (!open) setOpen(true)\n          externalHandlers?.clickHandler?.(event)\n        }}\n        onBlur={(event) => {\n          externalHandlers?.blurHandler?.(event)\n          handleBlur(event)\n        }}\n        onFocus={externalHandlers?.focusHandler}\n        classes={{\n          input: cn({\n            'cursor-pointer': !searchable,\n            'cursor-default': disabled,\n            'pointer-events-none': disabled || readOnly\n          }),\n          ...classes?.input\n        }}\n        autoComplete='off'\n        attachmentProps={{\n          icon: (\n            <Icon\n              name='arrows/arrowRight'\n              className={cn('size-6 rotate-90 text-color-blue-grey-600 duration-100', {\n                '-rotate-90': open,\n                'text-color-negative': invalid\n              })}\n            />\n          ),\n          onClickIcon: () => setOpen((prev) => !prev),\n          ...attachmentProps\n        }}\n        data-id='combobox-input'\n        data-error-message={dataErrorMessage}\n        dataLayers={props?.dataLayers}\n      />\n\n      <Portal root={portalContainer}>\n        <AnimatePresence>\n          {open && (\n            <motion.div\n              ref={refs.setFloating}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              transition={{ duration: 0.1 }}\n              className={cn('z-[1000]', floating)}\n              style={{\n                ...floatingStyles,\n                width: refs.reference.current?.getBoundingClientRect().width\n              }}\n            >\n              <DropdownList\n                empty={empty}\n                options={options}\n                multiple={multiple}\n                onPick={changeHandler}\n                value={state}\n                displayValue={displayValue}\n                classes={dropdownClasses}\n                target={refs.domReference}\n              />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </Portal>\n    </div>\n  )\n}\n\nexport const Combobox = forwardRef(InnerComponent) as <Multi extends boolean>(\n  props: ComboboxProps<Multi> & { ref?: ForwardedRef<HTMLInputElement> }\n) => React.JSX.Element\n"],"names":["InnerComponent","initialOptions","multiple","value","onChange","defaultOpen","attachmentProps","searchable","invalid","displayValue","label","disabled","readOnly","className","externalHandlers","inputValue","filterDisabled","externalInputChangeHandler","empty","classes","portal","props","ref","dataErrorMessage","floating","dropdownClasses","refs","floatingStyles","useFloating","flip","offset","autoUpdate","open","setOpen","state","changeHandler","options","search","onInputChange","comboboxDisplayValue","useCombobox","useKeyboardNavigation","getLabel","handleBlur","event","useClickOutsideMany","portalContainer","jsxs","cn","jsx","InputBase","Icon","prev","Portal","AnimatePresence","motion","DropdownList","Combobox","forwardRef"],"mappings":"urBA8GA,MAAMA,GAAiB,CACrB,CACE,QAASC,EACT,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EACA,aAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,eAAAC,EACA,cAAeC,EACf,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,WAAa,YAAY,UAAU,KAAO,OACnD,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAmBF,EAAM,oBAAoB,EAE7C,CAAE,SAAAG,EAAU,GAAGC,GAAoBN,GAAS,MAAQ,CAAA,EAEpD,CAAE,KAAAO,EAAM,eAAAC,CAAA,EAAmBC,EAA4B,CAC3D,UAAW,eACX,SAAU,WACV,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,CAAA,CACvB,EAEK,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAO,cAAAC,EAAe,QAAAC,EAAS,OAAAC,EAAQ,cAAAC,EAAe,qBAAAC,CAAA,EAAyBC,EAAY,CAChH,SAAAtC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAG,EACA,YAAAF,EACA,aAAAI,EACA,eAAAR,EACA,eAAAe,EACA,iBAAAF,EACA,mBAAoBC,EACpB,sBAAuBE,CAAA,CACxB,EAEDwB,EAAsB,CAAE,IAAKf,EAAK,aAAc,kBAAmBO,EAAS,EAE5E,MAAMS,EAAW,IACVvC,EAEDD,GAAYK,EACPgC,EAAqBpC,CAAK,EACxBI,EACF8B,EAEAE,EAAqBpC,CAAK,EAPhB,GAWfwC,EAAcC,GAA8C,CAC5DA,EAAM,QAAUA,EAAM,eACxBX,EAAQ,EAAK,CAEjB,EAEAY,EAAoB,CAACnB,EAAK,SAAUA,EAAK,SAAuD,EAAG,IAAMO,EAAQ,EAAK,CAAC,EAEvH,MAAMa,EAAkB1B,GAAUM,EAAK,aAAa,QAEpD,OACEqB,EAAC,MAAA,CAAI,IAAKrB,EAAK,aAAc,UAAWsB,EAAG,kBAAmB7B,GAAS,KAAMN,CAAS,EACpF,SAAA,CAAAoC,EAACC,EAAA,CACC,IAAA5B,EACA,MAAAZ,EACA,QAAAF,EACA,SAAUI,GAAY,CAACL,EACvB,MAAOQ,GAAc2B,EAAA,EACrB,SAAUJ,EACV,SAAA3B,EACA,QAAUiC,GAAU,CACbZ,GAAMC,EAAQ,EAAI,EACvBnB,GAAkB,eAAe8B,CAAK,CACxC,EACA,OAASA,GAAU,CACjB9B,GAAkB,cAAc8B,CAAK,EACrCD,EAAWC,CAAK,CAClB,EACA,QAAS9B,GAAkB,aAC3B,QAAS,CACP,MAAOkC,EAAG,CACR,iBAAkB,CAACzC,EACnB,iBAAkBI,EAClB,sBAAuBA,GAAYC,CAAA,CACpC,EACD,GAAGO,GAAS,KAAA,EAEd,aAAa,MACb,gBAAiB,CACf,KACE8B,EAACE,GAAA,CACC,KAAK,oBACL,UAAWH,EAAG,yDAA0D,CACtE,aAAchB,EACd,sBAAuBxB,CAAA,CACxB,CAAA,CAAA,EAGL,YAAa,IAAMyB,EAASmB,GAAS,CAACA,CAAI,EAC1C,GAAG9C,CAAA,EAEL,UAAQ,iBACR,qBAAoBiB,EACpB,WAAYF,GAAO,UAAA,CAAA,IAGpBgC,EAAA,CAAO,KAAMP,EACZ,SAAAG,EAACK,GACE,SAAAtB,GACCiB,EAACM,EAAO,IAAP,CACC,IAAK7B,EAAK,YACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,UAAWsB,EAAG,WAAYxB,CAAQ,EAClC,MAAO,CACL,GAAGG,EACH,MAAOD,EAAK,UAAU,SAAS,wBAAwB,KAAA,EAGzD,SAAAuB,EAACO,GAAA,CACC,MAAAtC,EACA,QAAAkB,EACA,SAAAlC,EACA,OAAQiC,EACR,MAAOD,EACP,aAAAzB,EACA,QAASgB,EACT,OAAQC,EAAK,YAAA,CAAA,CACf,CAAA,EAGN,CAAA,CACF,CAAA,EACF,CAEJ,EAEa+B,GAAWC,EAAW1D,EAAc"}

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.js

@@ -1,2 +1,2 @@
-import{useState as j,useRef as H,useMemo as M}from"react";import"classnames";import"tailwind-merge";import{TypeGuards as U}from"../../../../../utils/typeGuards.js";import"uuid";const N=R=>{const{multiple:S,defaultOpen:T,value:a,onChange:r,initialOptions:c,searchable:y,filterDisabled:D,displayValue:o,externalHandlers:V,externalInputValue:m,externalOnInputChange:s}=R,{changeHandler:l,inputChangeHandler:b}=V??{},[u,n]=j(""),[A,d]=j(T??!1),v=H(!1),G=M(()=>D||!u.length||!y?c:c.filter(e=>e.label.toLowerCase().includes(m?m.toLowerCase():u.toLowerCase())),[m,D,c,u,y]);return{open:A,setOpen:d,changeHandler:e=>{if(!v.current){if(v.current=!0,S){const t=a||[],f=t.some(i=>i.value===e.value);let p;f?p=t.filter(i=>i.value!==e.value):p=[...t,e],r==null||r(p),l==null||l(p);const L=t.map(i=>o?o(i):i.label).join(", ");n(L),s==null||s(L)}else{let t;(a==null?void 0:a.value)===e.value?t=null:t=e,r==null||r(t),l==null||l(t);const f=o&&t?o(t):t==null?void 0:t.label;n(f??""),s==null||s(f??""),d(!1)}setTimeout(()=>{v.current=!1},0)}},options:G,search:u,onInputChange:e=>{d(!0),n(e.target.value),b==null||b(e.target.value),s==null||s(e.target.value)},state:a,comboboxDisplayValue:e=>{if(e)return U.isArray(e)?e.map(t=>o?o(t):t.label).join(", "):o?o(e):e.label}}};export{N as useCombobox};
+import{useState as x,useRef as j,useMemo as R}from"react";import{TypeGuards as S}from"../../../../../utils/typeGuards.js";const U=v=>{const{multiple:H,defaultOpen:y,value:u,onChange:g,initialOptions:r,searchable:h,filterDisabled:b,displayValue:a,externalHandlers:I,externalInputValue:i,externalOnInputChange:c}=v,{changeHandler:m,inputChangeHandler:O}=I??{},[l,p]=x(""),[D,f]=x(y??!1),d=j(!1),L=R(()=>b||!l.length||!h?r:r.filter(e=>e.label.toLowerCase().includes(i?i.toLowerCase():l.toLowerCase())),[i,b,r,l,h]);return{open:D,setOpen:f,changeHandler:e=>{if(!d.current){if(d.current=!0,H){const t=u||[],s=t.some(n=>n.value===e.value);let o;s?o=t.filter(n=>n.value!==e.value):o=[...t,e],g?.(o),m?.(o);const C=t.map(n=>a?a(n):n.label).join(", ");p(C),c?.(C)}else{let t;u?.value===e.value?t=null:t=e,g?.(t),m?.(t);const s=a&&t?a(t):t?.label;p(s??""),c?.(s??""),f(!1)}setTimeout(()=>{d.current=!1},0)}},options:L,search:l,onInputChange:e=>{f(!0),p(e.target.value),O?.(e.target.value),c?.(e.target.value)},state:u,comboboxDisplayValue:e=>{if(e)return S.isArray(e)?e.map(t=>a?a(t):t.label).join(", "):a?a(e):e.label}}};export{U as useCombobox};
 //# sourceMappingURL=useCombobox.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCombobox.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.ts"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ExternalHandlers } from '../combobox'\nimport { type ChangeHandler, type ComboboxValue } from '../model'\nimport type { ComboboxItemOption } from '../ui'\nimport { TypeGuards } from '$/shared/utils'\n\ntype UseComboboxOptions<Multi extends boolean> = {\n  initialOptions: ComboboxItemOption[]\n  searchable?: boolean\n  multiple?: Multi\n  value?: ComboboxValue<Multi>\n  onChange?: ChangeHandler<Multi>\n  displayValue?: (option: ComboboxItemOption) => string\n  defaultOpen?: boolean\n  externalHandlers?: ExternalHandlers<Multi>\n  externalInputValue?: string\n  externalOnInputChange?: (value: string) => void\n  filterDisabled?: boolean\n}\n\nexport const useCombobox = <Multi extends boolean>(props: UseComboboxOptions<Multi>) => {\n  const {\n    multiple,\n    defaultOpen,\n    value,\n    onChange,\n    initialOptions,\n    searchable,\n    filterDisabled,\n    displayValue,\n    externalHandlers,\n    externalInputValue,\n    externalOnInputChange\n  } = props\n  const { changeHandler: externalChangeHandler, inputChangeHandler: externalInputChangeHandler } = externalHandlers ?? {}\n\n  const [search, setSearch] = useState<string>('')\n  const [open, setOpen] = useState<boolean>(defaultOpen ?? false)\n\n  const isUpdatingRef = useRef<boolean>(false)\n\n  const options = useMemo<ComboboxItemOption[]>(() => {\n    if (filterDisabled) {\n      return initialOptions\n    }\n\n    if (!search.length || !searchable) {\n      return initialOptions\n    }\n\n    return initialOptions.filter((option) =>\n      option.label.toLowerCase().includes(externalInputValue ? externalInputValue.toLowerCase() : search.toLowerCase())\n    )\n  }, [externalInputValue, filterDisabled, initialOptions, search, searchable])\n\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setOpen(true)\n\n    setSearch(e.target.value)\n    externalInputChangeHandler?.(e.target.value)\n    externalOnInputChange?.(e.target.value)\n  }\n\n  const changeHandler = (newValue: ComboboxItemOption) => {\n    if (isUpdatingRef.current) return\n\n    isUpdatingRef.current = true\n\n    if (multiple) {\n      const prev = (value as ComboboxItemOption[]) || []\n      const exists = prev.some((option) => option.value === newValue.value)\n\n      let updatedValue: ComboboxItemOption[]\n\n      if (exists) {\n        updatedValue = prev.filter((option) => option.value !== newValue.value)\n      } else {\n        updatedValue = [...prev, newValue]\n      }\n\n      onChange?.(updatedValue as ComboboxValue<Multi>)\n      externalChangeHandler?.(updatedValue as ComboboxValue<Multi>)\n\n      const searchValue = prev.map((option) => (displayValue ? displayValue(option) : option.label)).join(', ')\n      setSearch(searchValue)\n      externalOnInputChange?.(searchValue)\n    } else {\n      let updated: ComboboxValue<Multi>\n\n      if ((value as ComboboxItemOption)?.value === newValue.value) {\n        updated = null as ComboboxValue<Multi>\n      } else {\n        updated = newValue as ComboboxValue<Multi>\n      }\n\n      onChange?.(updated)\n      externalChangeHandler?.(updated)\n\n      const label = displayValue && updated ? displayValue(updated as ComboboxItemOption) : (updated as ComboboxItemOption)?.label\n      setSearch(label ?? '')\n      externalOnInputChange?.(label ?? '')\n      setOpen(false)\n    }\n\n    setTimeout(() => {\n      isUpdatingRef.current = false\n    }, 0)\n  }\n\n  const comboboxDisplayValue = (value: ComboboxValue<Multi>) => {\n    if (!value) return\n\n    if (TypeGuards.isArray(value)) {\n      return value.map((item) => (displayValue ? displayValue(item) : item.label)).join(', ')\n    }\n\n    return displayValue ? displayValue(value) : value.label\n  }\n\n  return {\n    open,\n    setOpen,\n    changeHandler,\n    options,\n    search,\n    onInputChange,\n    state: value,\n    comboboxDisplayValue\n  }\n}\n"],"names":["useCombobox","props","multiple","defaultOpen","value","onChange","initialOptions","searchable","filterDisabled","displayValue","externalHandlers","externalInputValue","externalOnInputChange","externalChangeHandler","externalInputChangeHandler","search","setSearch","useState","open","setOpen","isUpdatingRef","useRef","options","useMemo","option","newValue","prev","exists","updatedValue","searchValue","updated","label","TypeGuards","item"],"mappings":"iLAoBO,MAAMA,EAAsCC,GAAqC,CACtF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,sBAAAC,CAAA,EACEX,EACE,CAAE,cAAeY,EAAuB,mBAAoBC,CAAA,EAA+BJ,GAAoB,CAAA,EAE/G,CAACK,EAAQC,CAAS,EAAIC,EAAiB,EAAE,EACzC,CAACC,EAAMC,CAAO,EAAIF,EAAkBd,GAAe,EAAK,EAExDiB,EAAgBC,EAAgB,EAAK,EAErCC,EAAUC,EAA8B,IACxCf,GAIA,CAACO,EAAO,QAAU,CAACR,EACdD,EAGFA,EAAe,OAAQkB,GAC5BA,EAAO,MAAM,YAAA,EAAc,SAASb,EAAqBA,EAAmB,cAAgBI,EAAO,aAAa,CAAA,EAEjH,CAACJ,EAAoBH,EAAgBF,EAAgBS,EAAQR,CAAU,CAAC,EAkE3E,MAAO,CACL,KAAAW,EACA,QAAAC,EACA,cA3DqBM,GAAiC,CACtD,GAAI,CAAAL,EAAc,QAIlB,IAFAA,EAAc,QAAU,GAEpBlB,EAAU,CACZ,MAAMwB,EAAQtB,GAAkC,CAAA,EAC1CuB,EAASD,EAAK,KAAMF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEpE,IAAIG,EAEAD,EACFC,EAAeF,EAAK,OAAQF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEtEG,EAAe,CAAC,GAAGF,EAAMD,CAAQ,EAGnCpB,GAAA,MAAAA,EAAWuB,GACXf,GAAA,MAAAA,EAAwBe,GAExB,MAAMC,EAAcH,EAAK,IAAKF,GAAYf,EAAeA,EAAae,CAAM,EAAIA,EAAO,KAAM,EAAE,KAAK,IAAI,EACxGR,EAAUa,CAAW,EACrBjB,GAAA,MAAAA,EAAwBiB,EAC1B,KAAO,CACL,IAAIC,GAEC1B,GAAA,YAAAA,EAA8B,SAAUqB,EAAS,MACpDK,EAAU,KAEVA,EAAUL,EAGZpB,GAAA,MAAAA,EAAWyB,GACXjB,GAAA,MAAAA,EAAwBiB,GAExB,MAAMC,EAAQtB,GAAgBqB,EAAUrB,EAAaqB,CAA6B,EAAKA,GAAA,YAAAA,EAAgC,MACvHd,EAAUe,GAAS,EAAE,EACrBnB,GAAA,MAAAA,EAAwBmB,GAAS,IACjCZ,EAAQ,EAAK,CACf,CAEA,WAAW,IAAM,CACfC,EAAc,QAAU,EAC1B,EAAG,CAAC,EACN,EAgBE,QAAAE,EACA,OAAAP,EACA,cAtEqB,GAA2C,CAChEI,EAAQ,EAAI,EAEZH,EAAU,EAAE,OAAO,KAAK,EACxBF,GAAA,MAAAA,EAA6B,EAAE,OAAO,OACtCF,GAAA,MAAAA,EAAwB,EAAE,OAAO,MACnC,EAiEE,MAAOR,EACP,qBAlB4BA,GAAgC,CAC5D,GAAKA,EAEL,OAAI4B,EAAW,QAAQ5B,CAAK,EACnBA,EAAM,IAAK6B,GAAUxB,EAAeA,EAAawB,CAAI,EAAIA,EAAK,KAAM,EAAE,KAAK,IAAI,EAGjFxB,EAAeA,EAAaL,CAAK,EAAIA,EAAM,KACpD,CAUE,CAEJ"}
+{"version":3,"file":"useCombobox.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.ts"],"sourcesContent":["import { useMemo, useRef, useState } from 'react'\nimport type { ExternalHandlers } from '../combobox'\nimport { type ChangeHandler, type ComboboxValue } from '../model'\nimport type { ComboboxItemOption } from '../ui'\nimport { TypeGuards } from '$/shared/utils'\n\ntype UseComboboxOptions<Multi extends boolean> = {\n  initialOptions: ComboboxItemOption[]\n  searchable?: boolean\n  multiple?: Multi\n  value?: ComboboxValue<Multi>\n  onChange?: ChangeHandler<Multi>\n  displayValue?: (option: ComboboxItemOption) => string\n  defaultOpen?: boolean\n  externalHandlers?: ExternalHandlers<Multi>\n  externalInputValue?: string\n  externalOnInputChange?: (value: string) => void\n  filterDisabled?: boolean\n}\n\nexport const useCombobox = <Multi extends boolean>(props: UseComboboxOptions<Multi>) => {\n  const {\n    multiple,\n    defaultOpen,\n    value,\n    onChange,\n    initialOptions,\n    searchable,\n    filterDisabled,\n    displayValue,\n    externalHandlers,\n    externalInputValue,\n    externalOnInputChange\n  } = props\n  const { changeHandler: externalChangeHandler, inputChangeHandler: externalInputChangeHandler } = externalHandlers ?? {}\n\n  const [search, setSearch] = useState<string>('')\n  const [open, setOpen] = useState<boolean>(defaultOpen ?? false)\n\n  const isUpdatingRef = useRef<boolean>(false)\n\n  const options = useMemo<ComboboxItemOption[]>(() => {\n    if (filterDisabled) {\n      return initialOptions\n    }\n\n    if (!search.length || !searchable) {\n      return initialOptions\n    }\n\n    return initialOptions.filter((option) =>\n      option.label.toLowerCase().includes(externalInputValue ? externalInputValue.toLowerCase() : search.toLowerCase())\n    )\n  }, [externalInputValue, filterDisabled, initialOptions, search, searchable])\n\n  const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setOpen(true)\n\n    setSearch(e.target.value)\n    externalInputChangeHandler?.(e.target.value)\n    externalOnInputChange?.(e.target.value)\n  }\n\n  const changeHandler = (newValue: ComboboxItemOption) => {\n    if (isUpdatingRef.current) return\n\n    isUpdatingRef.current = true\n\n    if (multiple) {\n      const prev = (value as ComboboxItemOption[]) || []\n      const exists = prev.some((option) => option.value === newValue.value)\n\n      let updatedValue: ComboboxItemOption[]\n\n      if (exists) {\n        updatedValue = prev.filter((option) => option.value !== newValue.value)\n      } else {\n        updatedValue = [...prev, newValue]\n      }\n\n      onChange?.(updatedValue as ComboboxValue<Multi>)\n      externalChangeHandler?.(updatedValue as ComboboxValue<Multi>)\n\n      const searchValue = prev.map((option) => (displayValue ? displayValue(option) : option.label)).join(', ')\n      setSearch(searchValue)\n      externalOnInputChange?.(searchValue)\n    } else {\n      let updated: ComboboxValue<Multi>\n\n      if ((value as ComboboxItemOption)?.value === newValue.value) {\n        updated = null as ComboboxValue<Multi>\n      } else {\n        updated = newValue as ComboboxValue<Multi>\n      }\n\n      onChange?.(updated)\n      externalChangeHandler?.(updated)\n\n      const label = displayValue && updated ? displayValue(updated as ComboboxItemOption) : (updated as ComboboxItemOption)?.label\n      setSearch(label ?? '')\n      externalOnInputChange?.(label ?? '')\n      setOpen(false)\n    }\n\n    setTimeout(() => {\n      isUpdatingRef.current = false\n    }, 0)\n  }\n\n  const comboboxDisplayValue = (value: ComboboxValue<Multi>) => {\n    if (!value) return\n\n    if (TypeGuards.isArray(value)) {\n      return value.map((item) => (displayValue ? displayValue(item) : item.label)).join(', ')\n    }\n\n    return displayValue ? displayValue(value) : value.label\n  }\n\n  return {\n    open,\n    setOpen,\n    changeHandler,\n    options,\n    search,\n    onInputChange,\n    state: value,\n    comboboxDisplayValue\n  }\n}\n"],"names":["useCombobox","props","multiple","defaultOpen","value","onChange","initialOptions","searchable","filterDisabled","displayValue","externalHandlers","externalInputValue","externalOnInputChange","externalChangeHandler","externalInputChangeHandler","search","setSearch","useState","open","setOpen","isUpdatingRef","useRef","options","useMemo","option","newValue","prev","exists","updatedValue","searchValue","updated","label","TypeGuards","item"],"mappings":"0HAoBO,MAAMA,EAAsCC,GAAqC,CACtF,KAAM,CACJ,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,eAAAC,EACA,WAAAC,EACA,eAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,sBAAAC,CAAA,EACEX,EACE,CAAE,cAAeY,EAAuB,mBAAoBC,CAAA,EAA+BJ,GAAoB,CAAA,EAE/G,CAACK,EAAQC,CAAS,EAAIC,EAAiB,EAAE,EACzC,CAACC,EAAMC,CAAO,EAAIF,EAAkBd,GAAe,EAAK,EAExDiB,EAAgBC,EAAgB,EAAK,EAErCC,EAAUC,EAA8B,IACxCf,GAIA,CAACO,EAAO,QAAU,CAACR,EACdD,EAGFA,EAAe,OAAQkB,GAC5BA,EAAO,MAAM,YAAA,EAAc,SAASb,EAAqBA,EAAmB,cAAgBI,EAAO,aAAa,CAAA,EAEjH,CAACJ,EAAoBH,EAAgBF,EAAgBS,EAAQR,CAAU,CAAC,EAkE3E,MAAO,CACL,KAAAW,EACA,QAAAC,EACA,cA3DqBM,GAAiC,CACtD,GAAI,CAAAL,EAAc,QAIlB,IAFAA,EAAc,QAAU,GAEpBlB,EAAU,CACZ,MAAMwB,EAAQtB,GAAkC,CAAA,EAC1CuB,EAASD,EAAK,KAAMF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEpE,IAAIG,EAEAD,EACFC,EAAeF,EAAK,OAAQF,GAAWA,EAAO,QAAUC,EAAS,KAAK,EAEtEG,EAAe,CAAC,GAAGF,EAAMD,CAAQ,EAGnCpB,IAAWuB,CAAoC,EAC/Cf,IAAwBe,CAAoC,EAE5D,MAAMC,EAAcH,EAAK,IAAKF,GAAYf,EAAeA,EAAae,CAAM,EAAIA,EAAO,KAAM,EAAE,KAAK,IAAI,EACxGR,EAAUa,CAAW,EACrBjB,IAAwBiB,CAAW,CACrC,KAAO,CACL,IAAIC,EAEC1B,GAA8B,QAAUqB,EAAS,MACpDK,EAAU,KAEVA,EAAUL,EAGZpB,IAAWyB,CAAO,EAClBjB,IAAwBiB,CAAO,EAE/B,MAAMC,EAAQtB,GAAgBqB,EAAUrB,EAAaqB,CAA6B,EAAKA,GAAgC,MACvHd,EAAUe,GAAS,EAAE,EACrBnB,IAAwBmB,GAAS,EAAE,EACnCZ,EAAQ,EAAK,CACf,CAEA,WAAW,IAAM,CACfC,EAAc,QAAU,EAC1B,EAAG,CAAC,EACN,EAgBE,QAAAE,EACA,OAAAP,EACA,cAtEqB,GAA2C,CAChEI,EAAQ,EAAI,EAEZH,EAAU,EAAE,OAAO,KAAK,EACxBF,IAA6B,EAAE,OAAO,KAAK,EAC3CF,IAAwB,EAAE,OAAO,KAAK,CACxC,EAiEE,MAAOR,EACP,qBAlB4BA,GAAgC,CAC5D,GAAKA,EAEL,OAAI4B,EAAW,QAAQ5B,CAAK,EACnBA,EAAM,IAAK6B,GAAUxB,EAAeA,EAAawB,CAAI,EAAIA,EAAK,KAAM,EAAE,KAAK,IAAI,EAGjFxB,EAAeA,EAAaL,CAAK,EAAIA,EAAM,KACpD,CAUE,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/combobox/model/utils.js

@@ -1,2 +1,2 @@
-function t(...c){return o=>c.forEach(r=>r==null?void 0:r(o))}export{t as call};
+function o(...r){return c=>r.forEach(n=>n?.(c))}export{o as call};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/model/utils.ts"],"sourcesContent":["type Fn<T, R> = (arg: T) => R\n\nexport function call<T>(...functions: Array<Fn<T, void> | undefined>): Fn<T, void> {\n  return (arg: T) => functions.forEach((fn) => fn?.(arg))\n}\n"],"names":["call","functions","arg","fn"],"mappings":"AAEO,SAASA,KAAWC,EAAwD,CACjF,OAAQC,GAAWD,EAAU,QAASE,GAAOA,GAAA,YAAAA,EAAKD,EAAI,CACxD"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/combobox/model/utils.ts"],"sourcesContent":["type Fn<T, R> = (arg: T) => R\n\nexport function call<T>(...functions: Array<Fn<T, void> | undefined>): Fn<T, void> {\n  return (arg: T) => functions.forEach((fn) => fn?.(arg))\n}\n"],"names":["call","functions","arg","fn"],"mappings":"AAEO,SAASA,KAAWC,EAAwD,CACjF,OAAQC,GAAWD,EAAU,QAASE,GAAOA,IAAKD,CAAG,CAAC,CACxD"}

package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as B}from"react/jsx-runtime";import{forwardRef as F,useRef as M,useState as s}from"react";import{createPortal as T}from"react-dom";import{format as C,parse as j,isValid as _}from"date-fns";import{AnimatePresence as q}from"framer-motion";import{useClickOutside as v}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{cn as x}from"../../../../utils/cn.js";import"uuid";import"../../../button/Button.js";import"../../../button/model/helpers.js";import"../../../buttonIcon/ButtonIcon.js";import"../../../loader/model/helpers.js";import{Calendar as H}from"../../../calendar/Calendar.js";import{DATE_VISIBLE_PATTERN as c}from"../../../calendar/model/utils.js";import"../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../notification/ui/CustomToast.js";import"../../../table/ui/primitives/Primitives.js";import{Icon as K}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"../input/Input.js";import"../inputOtp/InputOtpBase.js";import{MaskInput as L}from"../maskInput/MaskInput.js";import"../radio/RadioGroup.js";import"../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../slider/SliderBase.js";import"../switch/Switch.js";import"../textarea/Textarea.js";import"../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"../../controlled/editor/ui/Editor.js";import"../../controlled/input/MaskInputControl.js";import"classnames";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";const $=F(({defaultOpen:y=!1,value:l,onChange:o,disabled:m,externalHandlers:k,classes:w,...f},O)=>{const{onChange:e,onFocus:u,...I}=k||{},d=M(null),[P,r]=s(y),g=()=>{r(t=>!t)},[S,n]=s(new Date),[R,D]=s(C(new Date,c));v(d,()=>r(!1));const V=l?new Date(l):new Date,N=t=>{if(D(t),!/^(\d{2})\.(\d{2})\.(\d{4})$/.test(t))return;const p=j(t,c,new Date);if(_(p)){const h=p.toISOString();o&&o(h),e&&e(h),n(p)}},b=t=>{n(t);const a=t.toISOString();o&&o(a),e&&e(a),D(C(t,c)),r(!1)},{root:E,input:A}=w||{};return i("div",{ref:d,className:x("relative w-full",E),children:B(q,{mode:"sync",children:[i(L,{ref:O,...f,...I,disabled:m,mask:"##.##.####",classes:A,value:R,onChange:t=>N(t.target.value),autoComplete:"off",onFocus:t=>{r(!0),u&&u(t)},onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&g()},attachmentProps:{...f.attachmentProps,icon:i(K,{name:"general/calendar",className:x("text-icon-blue-grey-600",{"text-icon-disabled":m})}),onClickIcon:g,disabled:m}}),P&&T(i(H,{required:!0,mode:"single",month:S,onMonthChange:n,selected:V,onSelect:b,className:"absolute right-0 top-full"}),document.body)]})})});$.displayName="DayPickerBase";export{$ as DayPickerBase};
+import{jsx as a,jsxs as B}from"react/jsx-runtime";import{forwardRef as F,useRef as M,useState as l}from"react";import{createPortal as T}from"react-dom";import{format as C,parse as j,isValid as _}from"date-fns";import{AnimatePresence as q}from"framer-motion";import{DATE_VISIBLE_PATTERN as m}from"../../../calendar/model/utils.js";import{cn as x}from"../../../../utils/cn.js";import{MaskInput as v}from"../maskInput/MaskInput.js";import{Calendar as H}from"../../../calendar/Calendar.js";import{useClickOutside as K}from"../../../../hooks/useClickOutside.js";import{Icon as L}from"../../../icon/Icon.js";const $=F(({defaultOpen:y=!1,value:f,onChange:t,disabled:r,externalHandlers:k,classes:w,...u},O)=>{const{onChange:o,onFocus:d,...I}=k||{},p=M(null),[P,n]=l(y),g=()=>{n(e=>!e)},[S,s]=l(new Date),[R,D]=l(C(new Date,m));K(p,()=>n(!1));const V=f?new Date(f):new Date,N=e=>{if(D(e),!/^(\d{2})\.(\d{2})\.(\d{4})$/.test(e))return;const c=j(e,m,new Date);if(_(c)){const h=c.toISOString();t&&t(h),o&&o(h),s(c)}},b=e=>{s(e);const i=e.toISOString();t&&t(i),o&&o(i),D(C(e,m)),n(!1)},{root:E,input:A}=w||{};return a("div",{ref:p,className:x("relative w-full",E),children:B(q,{mode:"sync",children:[a(v,{ref:O,...u,...I,disabled:r,mask:"##.##.####",classes:A,value:R,onChange:e=>N(e.target.value),autoComplete:"off",onFocus:e=>{n(!0),d&&d(e)},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&g()},attachmentProps:{...u.attachmentProps,icon:a(L,{name:"general/calendar",className:x("text-icon-blue-grey-600",{"text-icon-disabled":r})}),onClickIcon:g,disabled:r}}),P&&T(a(H,{required:!0,mode:"single",month:S,onMonthChange:s,selected:V,onSelect:b,className:"absolute right-0 top-full"}),document.body)]})})});$.displayName="DayPickerBase";export{$ as DayPickerBase};
 //# sourceMappingURL=DayPicker.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parse } from 'date-fns'\nimport { AnimatePresence } from 'framer-motion'\nimport { type InputBaseClasses } from '../input/Input'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type DayPickerClasses = {\n  root?: string\n  input?: InputBaseClasses\n}\n\nexport type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask' | 'classes'> & {\n  /**\n   * Указывает, открыт ли календарь по умолчанию\n   */\n  defaultOpen?: boolean\n  /**\n   * Значение поля\n   */\n  value?: string\n  /**\n   * Функция изменения значения\n   */\n  onChange?: (value: string) => void\n  /**\n   * Внешние классы которыми можно поменять стили\n   */\n  classes?: DayPickerClasses\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n}\n\nexport const DayPickerBase = forwardRef<HTMLInputElement, DayPickerProps>(\n  ({ defaultOpen = false, value, onChange, disabled, externalHandlers, classes, ...props }, ref) => {\n    const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers || {}\n\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    const [calendarOpen, setCalendarOpen] = useState<boolean>(defaultOpen)\n    const onCalendarOpenChange = () => {\n      setCalendarOpen((prev) => !prev)\n    }\n\n    const [month, setMonth] = useState<Date>(new Date())\n    const [visibleValue, setVisibleValue] = useState<string>(format(new Date(), DATE_VISIBLE_PATTERN))\n\n    useClickOutside(containerRef, () => setCalendarOpen(false))\n\n    const date = value ? new Date(value) : new Date()\n\n    const onValueChange = (value: string) => {\n      setVisibleValue(value)\n\n      const dateRegex = /^(\\d{2})\\.(\\d{2})\\.(\\d{4})$/\n\n      if (!dateRegex.test(value)) {\n        return\n      }\n\n      const parsedDate = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n      if (isValid(parsedDate)) {\n        const isoDate = parsedDate.toISOString()\n\n        if (onChange) onChange(isoDate)\n        if (externalOnChange) externalOnChange(isoDate)\n        setMonth(parsedDate)\n      }\n    }\n\n    const onDateChange = (date: Date) => {\n      setMonth(date)\n\n      const isoDate = date.toISOString()\n\n      if (onChange) onChange(isoDate)\n      if (externalOnChange) externalOnChange(isoDate)\n\n      setVisibleValue(format(date, DATE_VISIBLE_PATTERN))\n      setCalendarOpen(false)\n    }\n\n    const { root, input } = classes || {}\n\n    return (\n      <div ref={containerRef} className={cn('relative w-full', root)}>\n        <AnimatePresence mode='sync'>\n          <MaskInput\n            ref={ref}\n            {...props}\n            {...restHandlers}\n            disabled={disabled}\n            mask='##.##.####'\n            classes={input}\n            value={visibleValue}\n            onChange={(event) => onValueChange(event.target.value)}\n            autoComplete='off'\n            onFocus={(event) => {\n              setCalendarOpen(true)\n              if (externalOnFocus) externalOnFocus(event)\n            }}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                onCalendarOpenChange()\n              }\n            }}\n            attachmentProps={{\n              ...props.attachmentProps,\n              icon: (\n                <Icon name='general/calendar' className={cn('text-icon-blue-grey-600', { 'text-icon-disabled': disabled })} />\n              ),\n              onClickIcon: onCalendarOpenChange,\n              disabled\n            }}\n          />\n          {calendarOpen &&\n            createPortal(\n              <Calendar\n                required\n                mode='single'\n                month={month}\n                onMonthChange={setMonth}\n                selected={date}\n                onSelect={onDateChange}\n                className='absolute right-0 top-full'\n              />,\n              document.body\n            )}\n        </AnimatePresence>\n      </div>\n    )\n  }\n)\nDayPickerBase.displayName = 'DayPickerBase'\n"],"names":["DayPickerBase","forwardRef","defaultOpen","value","onChange","disabled","externalHandlers","classes","props","ref","externalOnChange","externalOnFocus","restHandlers","containerRef","useRef","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","month","setMonth","visibleValue","setVisibleValue","format","DATE_VISIBLE_PATTERN","useClickOutside","date","onValueChange","parsedDate","parse","isValid","isoDate","onDateChange","root","input","jsx","cn","jsxs","AnimatePresence","MaskInput","event","Icon","createPortal","Calendar"],"mappings":"klEA4CO,MAAMA,EAAgBC,EAC3B,CAAC,CAAE,YAAAC,EAAc,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAChG,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAeC,EAAuB,IAAI,EAE1C,CAACC,EAAcC,CAAe,EAAIC,EAAkBf,CAAW,EAC/DgB,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEM,CAACC,EAAOC,CAAQ,EAAIJ,EAAe,IAAI,IAAM,EAC7C,CAACK,EAAcC,CAAe,EAAIN,EAAiBO,EAAO,IAAI,KAAQC,CAAoB,CAAC,EAEjGC,EAAgBb,EAAc,IAAMG,EAAgB,EAAK,CAAC,EAE1D,MAAMW,EAAOxB,EAAQ,IAAI,KAAKA,CAAK,MAAQ,KAErCyB,EAAiBzB,GAAkB,CAKvC,GAJAoB,EAAgBpB,CAAK,EAIjB,CAFc,8BAEH,KAAKA,CAAK,EACvB,OAGF,MAAM0B,EAAaC,EAAM3B,EAAOsB,EAAsB,IAAI,IAAM,EAEhE,GAAIM,EAAQF,CAAU,EAAG,CACvB,MAAMG,EAAUH,EAAW,YAAA,EAEvBzB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAC9CX,EAASQ,CAAU,CACrB,CACF,EAEMI,EAAgBN,GAAe,CACnCN,EAASM,CAAI,EAEb,MAAMK,EAAUL,EAAK,YAAA,EAEjBvB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAE9CT,EAAgBC,EAAOG,EAAMF,CAAoB,CAAC,EAClDT,EAAgB,EAAK,CACvB,EAEM,CAAE,KAAAkB,EAAM,MAAAC,CAAA,EAAU5B,GAAW,CAAA,EAEnC,OACE6B,EAAC,MAAA,CAAI,IAAKvB,EAAc,UAAWwB,EAAG,kBAAmBH,CAAI,EAC3D,SAAAI,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAA,CAAAH,EAACI,EAAA,CACC,IAAA/B,EACC,GAAGD,EACH,GAAGI,EACJ,SAAAP,EACA,KAAK,aACL,QAAS8B,EACT,MAAOb,EACP,SAAWmB,GAAUb,EAAca,EAAM,OAAO,KAAK,EACrD,aAAa,MACb,QAAUA,GAAU,CAClBzB,EAAgB,EAAI,EAChBL,KAAiC8B,CAAK,CAC5C,EACA,UAAYA,GAAU,EAChBA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,MACzCvB,EAAA,CAEJ,EACA,gBAAiB,CACf,GAAGV,EAAM,gBACT,KACE4B,EAACM,EAAA,CAAK,KAAK,mBAAmB,UAAWL,EAAG,0BAA2B,CAAE,qBAAsBhC,CAAA,CAAU,CAAA,CAAG,EAE9G,YAAaa,EACb,SAAAb,CAAA,CACF,CAAA,EAEDU,GACC4B,EACEP,EAACQ,EAAA,CACC,SAAQ,GACR,KAAK,SACL,MAAAxB,EACA,cAAeC,EACf,SAAUM,EACV,SAAUM,EACV,UAAU,2BAAA,CAAA,EAEZ,SAAS,IAAA,CACX,CAAA,CACJ,CAAA,CACF,CAEJ,CACF,EACAjC,EAAc,YAAc"}
+{"version":3,"file":"DayPicker.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/dayPicker/DayPicker.tsx"],"sourcesContent":["import { forwardRef, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { format, isValid, parse } from 'date-fns'\nimport { AnimatePresence } from 'framer-motion'\nimport { type InputBaseClasses } from '../input/Input'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Calendar, DATE_VISIBLE_PATTERN, Icon, MaskInput, type MaskInputProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type DayPickerClasses = {\n  root?: string\n  input?: InputBaseClasses\n}\n\nexport type DayPickerProps = Omit<MaskInputProps, 'value' | 'onChange' | 'mask' | 'classes'> & {\n  /**\n   * Указывает, открыт ли календарь по умолчанию\n   */\n  defaultOpen?: boolean\n  /**\n   * Значение поля\n   */\n  value?: string\n  /**\n   * Функция изменения значения\n   */\n  onChange?: (value: string) => void\n  /**\n   * Внешние классы которыми можно поменять стили\n   */\n  classes?: DayPickerClasses\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n}\n\nexport const DayPickerBase = forwardRef<HTMLInputElement, DayPickerProps>(\n  ({ defaultOpen = false, value, onChange, disabled, externalHandlers, classes, ...props }, ref) => {\n    const { onChange: externalOnChange, onFocus: externalOnFocus, ...restHandlers } = externalHandlers || {}\n\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    const [calendarOpen, setCalendarOpen] = useState<boolean>(defaultOpen)\n    const onCalendarOpenChange = () => {\n      setCalendarOpen((prev) => !prev)\n    }\n\n    const [month, setMonth] = useState<Date>(new Date())\n    const [visibleValue, setVisibleValue] = useState<string>(format(new Date(), DATE_VISIBLE_PATTERN))\n\n    useClickOutside(containerRef, () => setCalendarOpen(false))\n\n    const date = value ? new Date(value) : new Date()\n\n    const onValueChange = (value: string) => {\n      setVisibleValue(value)\n\n      const dateRegex = /^(\\d{2})\\.(\\d{2})\\.(\\d{4})$/\n\n      if (!dateRegex.test(value)) {\n        return\n      }\n\n      const parsedDate = parse(value, DATE_VISIBLE_PATTERN, new Date())\n\n      if (isValid(parsedDate)) {\n        const isoDate = parsedDate.toISOString()\n\n        if (onChange) onChange(isoDate)\n        if (externalOnChange) externalOnChange(isoDate)\n        setMonth(parsedDate)\n      }\n    }\n\n    const onDateChange = (date: Date) => {\n      setMonth(date)\n\n      const isoDate = date.toISOString()\n\n      if (onChange) onChange(isoDate)\n      if (externalOnChange) externalOnChange(isoDate)\n\n      setVisibleValue(format(date, DATE_VISIBLE_PATTERN))\n      setCalendarOpen(false)\n    }\n\n    const { root, input } = classes || {}\n\n    return (\n      <div ref={containerRef} className={cn('relative w-full', root)}>\n        <AnimatePresence mode='sync'>\n          <MaskInput\n            ref={ref}\n            {...props}\n            {...restHandlers}\n            disabled={disabled}\n            mask='##.##.####'\n            classes={input}\n            value={visibleValue}\n            onChange={(event) => onValueChange(event.target.value)}\n            autoComplete='off'\n            onFocus={(event) => {\n              setCalendarOpen(true)\n              if (externalOnFocus) externalOnFocus(event)\n            }}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                onCalendarOpenChange()\n              }\n            }}\n            attachmentProps={{\n              ...props.attachmentProps,\n              icon: (\n                <Icon name='general/calendar' className={cn('text-icon-blue-grey-600', { 'text-icon-disabled': disabled })} />\n              ),\n              onClickIcon: onCalendarOpenChange,\n              disabled\n            }}\n          />\n          {calendarOpen &&\n            createPortal(\n              <Calendar\n                required\n                mode='single'\n                month={month}\n                onMonthChange={setMonth}\n                selected={date}\n                onSelect={onDateChange}\n                className='absolute right-0 top-full'\n              />,\n              document.body\n            )}\n        </AnimatePresence>\n      </div>\n    )\n  }\n)\nDayPickerBase.displayName = 'DayPickerBase'\n"],"names":["DayPickerBase","forwardRef","defaultOpen","value","onChange","disabled","externalHandlers","classes","props","ref","externalOnChange","externalOnFocus","restHandlers","containerRef","useRef","calendarOpen","setCalendarOpen","useState","onCalendarOpenChange","prev","month","setMonth","visibleValue","setVisibleValue","format","DATE_VISIBLE_PATTERN","useClickOutside","date","onValueChange","parsedDate","parse","isValid","isoDate","onDateChange","root","input","jsx","cn","jsxs","AnimatePresence","MaskInput","event","Icon","createPortal","Calendar"],"mappings":"0lBA4CO,MAAMA,EAAgBC,EAC3B,CAAC,CAAE,YAAAC,EAAc,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,iBAAAC,EAAkB,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAChG,KAAM,CAAE,SAAUC,EAAkB,QAASC,EAAiB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAEhGO,EAAeC,EAAuB,IAAI,EAE1C,CAACC,EAAcC,CAAe,EAAIC,EAAkBf,CAAW,EAC/DgB,EAAuB,IAAM,CACjCF,EAAiBG,GAAS,CAACA,CAAI,CACjC,EAEM,CAACC,EAAOC,CAAQ,EAAIJ,EAAe,IAAI,IAAM,EAC7C,CAACK,EAAcC,CAAe,EAAIN,EAAiBO,EAAO,IAAI,KAAQC,CAAoB,CAAC,EAEjGC,EAAgBb,EAAc,IAAMG,EAAgB,EAAK,CAAC,EAE1D,MAAMW,EAAOxB,EAAQ,IAAI,KAAKA,CAAK,MAAQ,KAErCyB,EAAiBzB,GAAkB,CAKvC,GAJAoB,EAAgBpB,CAAK,EAIjB,CAFc,8BAEH,KAAKA,CAAK,EACvB,OAGF,MAAM0B,EAAaC,EAAM3B,EAAOsB,EAAsB,IAAI,IAAM,EAEhE,GAAIM,EAAQF,CAAU,EAAG,CACvB,MAAMG,EAAUH,EAAW,YAAA,EAEvBzB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAC9CX,EAASQ,CAAU,CACrB,CACF,EAEMI,EAAgBN,GAAe,CACnCN,EAASM,CAAI,EAEb,MAAMK,EAAUL,EAAK,YAAA,EAEjBvB,KAAmB4B,CAAO,EAC1BtB,KAAmCsB,CAAO,EAE9CT,EAAgBC,EAAOG,EAAMF,CAAoB,CAAC,EAClDT,EAAgB,EAAK,CACvB,EAEM,CAAE,KAAAkB,EAAM,MAAAC,CAAA,EAAU5B,GAAW,CAAA,EAEnC,OACE6B,EAAC,MAAA,CAAI,IAAKvB,EAAc,UAAWwB,EAAG,kBAAmBH,CAAI,EAC3D,SAAAI,EAACC,EAAA,CAAgB,KAAK,OACpB,SAAA,CAAAH,EAACI,EAAA,CACC,IAAA/B,EACC,GAAGD,EACH,GAAGI,EACJ,SAAAP,EACA,KAAK,aACL,QAAS8B,EACT,MAAOb,EACP,SAAWmB,GAAUb,EAAca,EAAM,OAAO,KAAK,EACrD,aAAa,MACb,QAAUA,GAAU,CAClBzB,EAAgB,EAAI,EAChBL,KAAiC8B,CAAK,CAC5C,EACA,UAAYA,GAAU,EAChBA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,MACzCvB,EAAA,CAEJ,EACA,gBAAiB,CACf,GAAGV,EAAM,gBACT,KACE4B,EAACM,EAAA,CAAK,KAAK,mBAAmB,UAAWL,EAAG,0BAA2B,CAAE,qBAAsBhC,CAAA,CAAU,CAAA,CAAG,EAE9G,YAAaa,EACb,SAAAb,CAAA,CACF,CAAA,EAEDU,GACC4B,EACEP,EAACQ,EAAA,CACC,SAAQ,GACR,KAAK,SACL,MAAAxB,EACA,cAAeC,EACf,SAAUM,EACV,SAAUM,EACV,UAAU,2BAAA,CAAA,EAEZ,SAAS,IAAA,CACX,CAAA,CACJ,CAAA,CACF,CAEJ,CACF,EACAjC,EAAc,YAAc"}

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};
+import{Combobox as o}from"./combobox/combobox.js";import{UploaderBase as r}from"./uploader/UploaderBase.js";import{InputOtpBase as m}from"./inputOtp/InputOtpBase.js";import{TextareaBase as t}from"./textarea/Textarea.js";import{RadioGroupBase as e}from"./radio/RadioGroup.js";import{SwitchBase as p}from"./switch/Switch.js";import{DayPickerBase as a}from"./dayPicker/DayPicker.js";import{CheckboxBase as i}from"./checkbox/Checkbox.js";import{MaskInput as f}from"./maskInput/MaskInput.js";import{AutocompleteBase as s}from"./autocomplete/Autocomplete.js";import{SliderBase as B}from"./slider/SliderBase.js";import{InputBase as c}from"./input/Input.js";const w={InputBase:c,SliderBase:B,AutocompleteBase:s,MaskInput:f,CheckboxBase:i,DayPickerBase:a,SwitchBase:p,RadioGroupBase:e,TextareaBase:t,InputOtpBase:m,UploaderBase:r,Combobox:o};export{w as Uncontrolled};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"0oBAkCO,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/input/Input.js

@@ -1,2 +1,2 @@
-import{jsxs as y,jsx as o}from"react/jsx-runtime";import{forwardRef as k,useId as B}from"react";import{FieldAttachment as _}from"../../ui/fieldAttachment/FieldAttachment.js";import"../../ui/MessageView.js";import{cn as t}from"../../../../utils/cn.js";import"uuid";const C=k(({label:e,value:p,invalid:a,disabled:d,classes:r,renderValues:n,attachmentProps:u,externalHandlers:h,onChange:x,dataLayers:l,...i},m)=>{const b=B(),{onChange:f,...c}=h||{},w=g=>{x&&x(g),f&&f(g)};return y("div",{className:t("relative flex w-full gap-x-4 rounded-sm bg-color-blue-grey-100","[&_label]:focus-within:top-[9px] [&_label]:focus-within:translate-y-0","[&_label]:focus-within:desk-body-regular-s","hover:bg-color-blue-grey-200","border-[1px] border-transparent focus-within:border-blue-grey-800",{"border-secondary-default":a},r==null?void 0:r.container),"data-id":"input-root",children:[n?o("div",{onClick:i.onClick,onBlur:i.onBlur,className:t("peer desk-body-regular-l min-h-[54px] w-full bg-color-transparent [&_input]:px-4 [&_input]:pb-[6px] [&_input]:pt-[28px]","text-color-dark outline-none placeholder:text-color-transparent","flex flex-row flex-wrap gap-2",r==null?void 0:r.renderWrapper),children:n()}):o("input",{...i,...c,onChange:w,disabled:d,"data-layer-id":l==null?void 0:l.targetId,value:p??"",placeholder:e,"aria-placeholder":e,"aria-invalid":a,ref:m,id:b,className:t("peer desk-body-regular-l w-full bg-color-transparent px-4 pb-[9px] pt-[25px]","text-color-dark outline-none placeholder:text-color-transparent",{hidden:!!n},r==null?void 0:r.input)}),o("label",{htmlFor:b,className:t("desk-body-regular-l pointer-events-none absolute left-4 w-[80%] truncate text-start","top-1/2 -translate-y-1/2 text-color-tetriary duration-100",{"desk-body-regular-s top-[9px] translate-y-0":!!p,"text-color-disabled":d},r==null?void 0:r.label),children:e}),u&&o(_,{...u})]})});C.displayName="InputBase";export{C as InputBase};
+import{jsxs as y,jsx as r}from"react/jsx-runtime";import{forwardRef as w,useId as k}from"react";import{cn as t}from"../../../../utils/cn.js";import{FieldAttachment as B}from"../../ui/fieldAttachment/FieldAttachment.js";const _=w(({label:o,value:n,invalid:i,disabled:p,classes:e,renderValues:l,attachmentProps:d,externalHandlers:b,onChange:u,dataLayers:f,...a},g)=>{const c=k(),{onChange:s,...h}=b||{},m=x=>{u&&u(x),s&&s(x)};return y("div",{className:t("relative flex w-full gap-x-4 rounded-sm bg-color-blue-grey-100","[&_label]:focus-within:top-[9px] [&_label]:focus-within:translate-y-0","[&_label]:focus-within:desk-body-regular-s","hover:bg-color-blue-grey-200","border-[1px] border-transparent focus-within:border-blue-grey-800",{"border-secondary-default":i},e?.container),"data-id":"input-root",children:[l?r("div",{onClick:a.onClick,onBlur:a.onBlur,className:t("peer desk-body-regular-l min-h-[54px] w-full bg-color-transparent [&_input]:px-4 [&_input]:pb-[6px] [&_input]:pt-[28px]","text-color-dark outline-none placeholder:text-color-transparent","flex flex-row flex-wrap gap-2",e?.renderWrapper),children:l()}):r("input",{...a,...h,onChange:m,disabled:p,"data-layer-id":f?.targetId,value:n??"",placeholder:o,"aria-placeholder":o,"aria-invalid":i,ref:g,id:c,className:t("peer desk-body-regular-l w-full bg-color-transparent px-4 pb-[9px] pt-[25px]","text-color-dark outline-none placeholder:text-color-transparent",{hidden:!!l},e?.input)}),r("label",{htmlFor:c,className:t("desk-body-regular-l pointer-events-none absolute left-4 w-[80%] truncate text-start","top-1/2 -translate-y-1/2 text-color-tetriary duration-100",{"desk-body-regular-s top-[9px] translate-y-0":!!n,"text-color-disabled":p},e?.label),children:o}),d&&r(B,{...d})]})});_.displayName="InputBase";export{_ as InputBase};
 //# sourceMappingURL=Input.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react'\nimport { type DataLayers } from '../../../../types'\nimport { FieldAttachment } from '../../ui'\nimport { type DeepPartial } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\nexport type InputBaseClasses = {\n  container?: string\n  input?: string\n  label?: string\n  renderWrapper?: string\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\ntype ExternalHandlers = {\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'size'> & {\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: InputBaseClasses\n  /**\n   * Отображаемый placeholder\n   */\n  label: string\n  /**\n   * Отображение не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Свойства дополнительной иконки\n   */\n  attachmentProps?: DeepPartial<FieldAttachmentProps>\n  /**\n   * Рендер дополнительных значений вместо базового ввода\n   */\n  renderValues?: () => React.JSX.Element | null\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n  /**\n   * Обработка ошибок для даталееров\n   */\n  ['data-error-message']?: string\n}\n\nexport const InputBase = forwardRef<HTMLInputElement, InputBaseProps>(\n  (\n    { label, value, invalid, disabled, classes, renderValues, attachmentProps, externalHandlers, onChange, dataLayers, ...props },\n    ref\n  ) => {\n    const id = useId()\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (onChange) onChange(event)\n      if (externalOnChange) externalOnChange(event)\n    }\n\n    return (\n      <div\n        className={cn(\n          'relative flex w-full gap-x-4 rounded-sm bg-color-blue-grey-100',\n          '[&_label]:focus-within:top-[9px] [&_label]:focus-within:translate-y-0',\n          '[&_label]:focus-within:desk-body-regular-s',\n          // '[&_label]:focus-within:text-color-tetriary',\n          'hover:bg-color-blue-grey-200',\n          'border-[1px] border-transparent focus-within:border-blue-grey-800',\n          {\n            'border-secondary-default': invalid\n          },\n          classes?.container\n        )}\n        data-id='input-root'\n      >\n        {renderValues ? (\n          <div\n            onClick={props.onClick}\n            onBlur={props.onBlur}\n            className={cn(\n              'peer desk-body-regular-l min-h-[54px] w-full bg-color-transparent [&_input]:px-4 [&_input]:pb-[6px] [&_input]:pt-[28px]',\n              'text-color-dark outline-none placeholder:text-color-transparent',\n              'flex flex-row flex-wrap gap-2',\n              classes?.renderWrapper\n            )}\n          >\n            {renderValues()}\n          </div>\n        ) : (\n          <input\n            {...props}\n            {...restHandlers}\n            onChange={onValueChange}\n            disabled={disabled}\n            data-layer-id={dataLayers?.targetId}\n            value={value ?? ''}\n            placeholder={label}\n            aria-placeholder={label}\n            aria-invalid={invalid}\n            ref={ref}\n            id={id}\n            className={cn(\n              'peer desk-body-regular-l w-full bg-color-transparent px-4 pb-[9px] pt-[25px]',\n              'text-color-dark outline-none placeholder:text-color-transparent',\n              {\n                hidden: Boolean(renderValues)\n              },\n              classes?.input\n            )}\n          />\n        )}\n        <label\n          htmlFor={id}\n          className={cn(\n            'desk-body-regular-l pointer-events-none absolute left-4 w-[80%] truncate text-start',\n            'top-1/2 -translate-y-1/2 text-color-tetriary duration-100',\n            {\n              'desk-body-regular-s top-[9px] translate-y-0': Boolean(value),\n              'text-color-disabled': disabled\n            },\n            classes?.label\n          )}\n        >\n          {label}\n        </label>\n        {attachmentProps && <FieldAttachment {...attachmentProps} />}\n      </div>\n    )\n  }\n)\nInputBase.displayName = 'InputBase'\n"],"names":["InputBase","forwardRef","label","value","invalid","disabled","classes","renderValues","attachmentProps","externalHandlers","onChange","dataLayers","props","ref","id","useId","externalOnChange","restHandlers","onValueChange","event","jsxs","cn","jsx","FieldAttachment"],"mappings":"wQAyDO,MAAMA,EAAYC,EACvB,CACE,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAc,gBAAAC,EAAiB,iBAAAC,EAAkB,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EACtHC,IACG,CACH,MAAMC,EAAKC,EAAA,EAEL,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBR,GAAoB,CAAA,EAEtES,EAAiBC,GAA+C,CAChET,KAAmBS,CAAK,EACxBH,KAAmCG,CAAK,CAC9C,EAEA,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,iEACA,wEACA,6CAEA,+BACA,oEACA,CACE,2BAA4BjB,CAAA,EAE9BE,GAAA,YAAAA,EAAS,SAAA,EAEX,UAAQ,aAEP,SAAA,CAAAC,EACCe,EAAC,MAAA,CACC,QAASV,EAAM,QACf,OAAQA,EAAM,OACd,UAAWS,EACT,0HACA,kEACA,gCACAf,GAAA,YAAAA,EAAS,aAAA,EAGV,SAAAC,EAAA,CAAa,CAAA,EAGhBe,EAAC,QAAA,CACE,GAAGV,EACH,GAAGK,EACJ,SAAUC,EACV,SAAAb,EACA,gBAAeM,GAAA,YAAAA,EAAY,SAC3B,MAAOR,GAAS,GAChB,YAAaD,EACb,mBAAkBA,EAClB,eAAcE,EACd,IAAAS,EACA,GAAAC,EACA,UAAWO,EACT,+EACA,kEACA,CACE,OAAQ,EAAQd,CAAY,EAE9BD,GAAA,YAAAA,EAAS,KAAA,CACX,CAAA,EAGJgB,EAAC,QAAA,CACC,QAASR,EACT,UAAWO,EACT,sFACA,4DACA,CACE,8CAA+C,EAAQlB,EACvD,sBAAuBE,CAAA,EAEzBC,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAAJ,CAAA,CAAA,EAEFM,GAAmBc,EAACC,EAAA,CAAiB,GAAGf,CAAA,CAAiB,CAAA,CAAA,CAAA,CAGhE,CACF,EACAR,EAAU,YAAc"}
+{"version":3,"file":"Input.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from 'react'\nimport { type DataLayers } from '../../../../types'\nimport { FieldAttachment } from '../../ui'\nimport { type DeepPartial } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\nexport type InputBaseClasses = {\n  container?: string\n  input?: string\n  label?: string\n  renderWrapper?: string\n}\n\ntype FieldAttachmentProps = React.ComponentPropsWithoutRef<typeof FieldAttachment>\n\ntype ExternalHandlers = {\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  onClick?: (event: React.MouseEvent<HTMLInputElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void\n}\n\nexport type InputBaseProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'size'> & {\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: InputBaseClasses\n  /**\n   * Отображаемый placeholder\n   */\n  label: string\n  /**\n   * Отображение не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Свойства дополнительной иконки\n   */\n  attachmentProps?: DeepPartial<FieldAttachmentProps>\n  /**\n   * Рендер дополнительных значений вместо базового ввода\n   */\n  renderValues?: () => React.JSX.Element | null\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n  /**\n   * Обработка ошибок для даталееров\n   */\n  ['data-error-message']?: string\n}\n\nexport const InputBase = forwardRef<HTMLInputElement, InputBaseProps>(\n  (\n    { label, value, invalid, disabled, classes, renderValues, attachmentProps, externalHandlers, onChange, dataLayers, ...props },\n    ref\n  ) => {\n    const id = useId()\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onValueChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (onChange) onChange(event)\n      if (externalOnChange) externalOnChange(event)\n    }\n\n    return (\n      <div\n        className={cn(\n          'relative flex w-full gap-x-4 rounded-sm bg-color-blue-grey-100',\n          '[&_label]:focus-within:top-[9px] [&_label]:focus-within:translate-y-0',\n          '[&_label]:focus-within:desk-body-regular-s',\n          // '[&_label]:focus-within:text-color-tetriary',\n          'hover:bg-color-blue-grey-200',\n          'border-[1px] border-transparent focus-within:border-blue-grey-800',\n          {\n            'border-secondary-default': invalid\n          },\n          classes?.container\n        )}\n        data-id='input-root'\n      >\n        {renderValues ? (\n          <div\n            onClick={props.onClick}\n            onBlur={props.onBlur}\n            className={cn(\n              'peer desk-body-regular-l min-h-[54px] w-full bg-color-transparent [&_input]:px-4 [&_input]:pb-[6px] [&_input]:pt-[28px]',\n              'text-color-dark outline-none placeholder:text-color-transparent',\n              'flex flex-row flex-wrap gap-2',\n              classes?.renderWrapper\n            )}\n          >\n            {renderValues()}\n          </div>\n        ) : (\n          <input\n            {...props}\n            {...restHandlers}\n            onChange={onValueChange}\n            disabled={disabled}\n            data-layer-id={dataLayers?.targetId}\n            value={value ?? ''}\n            placeholder={label}\n            aria-placeholder={label}\n            aria-invalid={invalid}\n            ref={ref}\n            id={id}\n            className={cn(\n              'peer desk-body-regular-l w-full bg-color-transparent px-4 pb-[9px] pt-[25px]',\n              'text-color-dark outline-none placeholder:text-color-transparent',\n              {\n                hidden: Boolean(renderValues)\n              },\n              classes?.input\n            )}\n          />\n        )}\n        <label\n          htmlFor={id}\n          className={cn(\n            'desk-body-regular-l pointer-events-none absolute left-4 w-[80%] truncate text-start',\n            'top-1/2 -translate-y-1/2 text-color-tetriary duration-100',\n            {\n              'desk-body-regular-s top-[9px] translate-y-0': Boolean(value),\n              'text-color-disabled': disabled\n            },\n            classes?.label\n          )}\n        >\n          {label}\n        </label>\n        {attachmentProps && <FieldAttachment {...attachmentProps} />}\n      </div>\n    )\n  }\n)\nInputBase.displayName = 'InputBase'\n"],"names":["InputBase","forwardRef","label","value","invalid","disabled","classes","renderValues","attachmentProps","externalHandlers","onChange","dataLayers","props","ref","id","useId","externalOnChange","restHandlers","onValueChange","event","jsxs","cn","jsx","FieldAttachment"],"mappings":"2NAyDO,MAAMA,EAAYC,EACvB,CACE,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAc,gBAAAC,EAAiB,iBAAAC,EAAkB,SAAAC,EAAU,WAAAC,EAAY,GAAGC,CAAA,EACtHC,IACG,CACH,MAAMC,EAAKC,EAAA,EAEL,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBR,GAAoB,CAAA,EAEtES,EAAiBC,GAA+C,CAChET,KAAmBS,CAAK,EACxBH,KAAmCG,CAAK,CAC9C,EAEA,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,iEACA,wEACA,6CAEA,+BACA,oEACA,CACE,2BAA4BjB,CAAA,EAE9BE,GAAS,SAAA,EAEX,UAAQ,aAEP,SAAA,CAAAC,EACCe,EAAC,MAAA,CACC,QAASV,EAAM,QACf,OAAQA,EAAM,OACd,UAAWS,EACT,0HACA,kEACA,gCACAf,GAAS,aAAA,EAGV,SAAAC,EAAA,CAAa,CAAA,EAGhBe,EAAC,QAAA,CACE,GAAGV,EACH,GAAGK,EACJ,SAAUC,EACV,SAAAb,EACA,gBAAeM,GAAY,SAC3B,MAAOR,GAAS,GAChB,YAAaD,EACb,mBAAkBA,EAClB,eAAcE,EACd,IAAAS,EACA,GAAAC,EACA,UAAWO,EACT,+EACA,kEACA,CACE,OAAQ,EAAQd,CAAY,EAE9BD,GAAS,KAAA,CACX,CAAA,EAGJgB,EAAC,QAAA,CACC,QAASR,EACT,UAAWO,EACT,sFACA,4DACA,CACE,8CAA+C,EAAQlB,EACvD,sBAAuBE,CAAA,EAEzBC,GAAS,KAAA,EAGV,SAAAJ,CAAA,CAAA,EAEFM,GAAmBc,EAACC,EAAA,CAAiB,GAAGf,CAAA,CAAiB,CAAA,CAAA,CAAA,CAGhE,CACF,EACAR,EAAU,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as R,jsx as t}from"react/jsx-runtime";import{forwardRef as v}from"react";import{useFloating as F,autoUpdate as O,flip as b,offset as A,useClick as B,useInteractions as M}from"@floating-ui/react";import{AnimatePresence as j,motion as L}from"framer-motion";import"../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{cn as c}from"../../../../utils/cn.js";import{DropdownList as N}from"../../../dropdownList/DropdownList.js";import{InputBase as z}from"../input/Input.js";import{useCurrencyControl as D}from"./hooks/useCurrencyControl.js";import{useCurrencyFormat as E}from"./hooks/useCurrencyFormat.js";import{CurrencyIcon as H}from"./ui/CurrencyIcon.js";import{useClickOutside as S}from"../../../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{mergeRefs as U}from"../../../../utils/mergeRefs.js";import"uuid";import{Portal as q}from"../../../portal/Portal.js";const io=v(({classes:o,value:r,onChange:u,currencies:m,portal:d=document.body,attachmentProps:l,...g},s)=>{var a;const{currency:p,onCurrencyChange:C,onInputChange:y,open:n,setOpen:i}=D({currencies:m,value:r,onChange:u}),{refs:e,floatingStyles:h,context:w}=F({middleware:[b({boundary:"clippingAncestors",crossAxis:!1}),A(4)],whileElementsMounted:O,open:n,onOpenChange:i}),k=B(w,{ignoreMouse:!0,keyboardHandlers:!0,stickIfOpen:!0}),{getReferenceProps:x,getFloatingProps:I}=M([k]);S(e.floating,()=>i(!1));const f=E(r.value);return R("div",{...x({ref:e.setReference,className:c("relative w-full",o==null?void 0:o.root)}),children:[t(z,{ref:U(s,f),...g,autoComplete:"off",inputMode:"decimal",value:r.value,onChange:y,classes:o==null?void 0:o.input,attachmentProps:{classes:{icon:"flex items-center gap-2 w-max"},icon:t(H,{currency:p,open:n}),onClickIcon:()=>i(P=>!P),...l}}),t(q,{root:d,children:t(j,{children:n&&t(L.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},...I({ref:e.setFloating,className:c("z-[1000]"),style:{...h,width:(a=e.reference.current)==null?void 0:a.getBoundingClientRect().width}}),children:t(N,{target:f,options:m,value:p,onPick:C,classes:o==null?void 0:o.dropdownList})})})})]})});export{io as InputCurrencyBase};
+import{jsxs as P,jsx as e}from"react/jsx-runtime";import{forwardRef as R}from"react";import{useFloating as v,autoUpdate as F,flip as O,offset as b,useClick as A,useInteractions as B}from"@floating-ui/react";import{AnimatePresence as M,motion as j}from"framer-motion";import{useCurrencyControl as L}from"./hooks/useCurrencyControl.js";import{useCurrencyFormat as N}from"./hooks/useCurrencyFormat.js";import{InputBase as z}from"../input/Input.js";import{mergeRefs as D}from"../../../../utils/mergeRefs.js";import{CurrencyIcon as E}from"./ui/CurrencyIcon.js";import{DropdownList as H}from"../../../dropdownList/DropdownList.js";import{cn as m}from"../../../../utils/cn.js";import{useClickOutside as S}from"../../../../hooks/useClickOutside.js";import{Portal as U}from"../../../portal/Portal.js";const ee=R(({classes:t,value:r,onChange:l,currencies:s,portal:f=document.body,attachmentProps:p,...u},d)=>{const{currency:a,onCurrencyChange:g,onInputChange:C,open:n,setOpen:i}=L({currencies:s,value:r,onChange:l}),{refs:o,floatingStyles:y,context:h}=v({middleware:[O({boundary:"clippingAncestors",crossAxis:!1}),b(4)],whileElementsMounted:F,open:n,onOpenChange:i}),w=A(h,{ignoreMouse:!0,keyboardHandlers:!0,stickIfOpen:!0}),{getReferenceProps:k,getFloatingProps:x}=B([w]);S(o.floating,()=>i(!1));const c=N(r.value);return P("div",{...k({ref:o.setReference,className:m("relative w-full",t?.root)}),children:[e(z,{ref:D(d,c),...u,autoComplete:"off",inputMode:"decimal",value:r.value,onChange:C,classes:t?.input,attachmentProps:{classes:{icon:"flex items-center gap-2 w-max"},icon:e(E,{currency:a,open:n}),onClickIcon:()=>i(I=>!I),...p}}),e(U,{root:f,children:e(M,{children:n&&e(j.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},...x({ref:o.setFloating,className:m("z-[1000]"),style:{...y,width:o.reference.current?.getBoundingClientRect().width}}),children:e(H,{target:c,options:s,value:a,onPick:g,classes:t?.dropdownList})})})})]})});export{ee as InputCurrencyBase};
 //# sourceMappingURL=InputCurrency.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputCurrency.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useClick, useFloating, useInteractions } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { type DropdownItemOption, DropdownList, type DropdownListProps } from '../../../dropdownList'\nimport { InputBase, type InputBaseProps } from '../input'\nimport { useCurrencyControl, useCurrencyFormat } from './hooks'\nimport { CurrencyIcon } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Portal } from '$/shared/ui/portal'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport type CurrencyValue = {\n  value: string\n  currency: string | null\n}\n\ntype InputCurrencyBaseClasses = {\n  root?: string\n  input?: InputBaseProps['classes']\n  dropdownList?: DropdownListProps['classes']\n}\n\nexport interface InputCurrencyBaseProps extends Omit<InputBaseProps, 'value' | 'onChange' | 'classes'> {\n  /**\n   * Выбранное значение\n   */\n  value: CurrencyValue\n  /**\n   * Функция для изменения значения\n   * @param value\n   */\n  onChange: (value: CurrencyValue) => void\n  /**\n   * Список валют для выбора\n   */\n  currencies: DropdownItemOption[]\n  /**\n   * Дополнительные стили для переопределения\n   */\n  classes?: InputCurrencyBaseClasses\n  /**\n   * Включить рендеринг в портале\n   * @property {false | HTMLElement} portal document.body\n   */\n  portal?: false | HTMLElement\n}\n\nexport const InputCurrencyBase = forwardRef<HTMLInputElement, InputCurrencyBaseProps>(\n  ({ classes, value, onChange, currencies, portal = document.body, attachmentProps, ...props }, ref) => {\n    const { currency, onCurrencyChange, onInputChange, open, setOpen } = useCurrencyControl({ currencies, value, onChange })\n\n    const { refs, floatingStyles, context } = useFloating({\n      middleware: [\n        flip({\n          boundary: 'clippingAncestors',\n          crossAxis: false\n        }),\n        offset(4)\n      ],\n      whileElementsMounted: autoUpdate,\n      open,\n      onOpenChange: setOpen\n    })\n\n    const click = useClick(context, {\n      ignoreMouse: true,\n      keyboardHandlers: true,\n      stickIfOpen: true\n    })\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click])\n\n    useClickOutside(refs.floating, () => setOpen(false))\n\n    const formatRef = useCurrencyFormat(value.value)\n\n    return (\n      <div\n        {...getReferenceProps({\n          ref: refs.setReference,\n          className: cn('relative w-full', classes?.root)\n        })}\n      >\n        <InputBase\n          ref={mergeRefs(ref, formatRef)}\n          {...props}\n          autoComplete='off'\n          inputMode='decimal'\n          value={value.value}\n          onChange={onInputChange}\n          classes={classes?.input}\n          attachmentProps={{\n            classes: {\n              icon: 'flex items-center gap-2 w-max'\n            },\n            icon: <CurrencyIcon currency={currency} open={open} />,\n            onClickIcon: () => setOpen((prev) => !prev),\n            ...attachmentProps\n          }}\n        />\n        <Portal root={portal}>\n          <AnimatePresence>\n            {open && (\n              <motion.div\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={{ duration: 0.1 }}\n                {...getFloatingProps({\n                  ref: refs.setFloating,\n                  className: cn('z-[1000]'),\n                  style: {\n                    ...floatingStyles,\n                    width: refs.reference.current?.getBoundingClientRect().width\n                  }\n                })}\n              >\n                <DropdownList\n                  target={formatRef}\n                  options={currencies}\n                  value={currency}\n                  onPick={onCurrencyChange}\n                  classes={classes?.dropdownList}\n                />\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </Portal>\n      </div>\n    )\n  }\n)\n"],"names":["InputCurrencyBase","forwardRef","classes","value","onChange","currencies","portal","attachmentProps","props","ref","currency","onCurrencyChange","onInputChange","open","setOpen","useCurrencyControl","refs","floatingStyles","context","useFloating","flip","offset","autoUpdate","click","useClick","getReferenceProps","getFloatingProps","useInteractions","useClickOutside","formatRef","useCurrencyFormat","jsxs","cn","jsx","InputBase","mergeRefs","CurrencyIcon","prev","Portal","AnimatePresence","motion","_a","DropdownList"],"mappings":"25BA+CO,MAAMA,GAAoBC,EAC/B,CAAC,CAAE,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,OAAAC,EAAS,SAAS,KAAM,gBAAAC,EAAiB,GAAGC,CAAA,EAASC,IAAQ,OACpG,KAAM,CAAE,SAAAC,EAAU,iBAAAC,EAAkB,cAAAC,EAAe,KAAAC,EAAM,QAAAC,GAAYC,EAAmB,CAAE,WAAAV,EAAY,MAAAF,EAAO,SAAAC,CAAA,CAAU,EAEjH,CAAE,KAAAY,EAAM,eAAAC,EAAgB,QAAAC,CAAA,EAAYC,EAAY,CACpD,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,EACtB,KAAAT,EACA,aAAcC,CAAA,CACf,EAEKS,EAAQC,EAASN,EAAS,CAC9B,YAAa,GACb,iBAAkB,GAClB,YAAa,EAAA,CACd,EAEK,CAAE,kBAAAO,EAAmB,iBAAAC,CAAA,EAAqBC,EAAgB,CAACJ,CAAK,CAAC,EAEvEK,EAAgBZ,EAAK,SAAU,IAAMF,EAAQ,EAAK,CAAC,EAEnD,MAAMe,EAAYC,EAAkB3B,EAAM,KAAK,EAE/C,OACE4B,EAAC,MAAA,CACE,GAAGN,EAAkB,CACpB,IAAKT,EAAK,aACV,UAAWgB,EAAG,kBAAmB9B,GAAA,YAAAA,EAAS,IAAI,CAAA,CAC/C,EAED,SAAA,CAAA+B,EAACC,EAAA,CACC,IAAKC,EAAU1B,EAAKoB,CAAS,EAC5B,GAAGrB,EACJ,aAAa,MACb,UAAU,UACV,MAAOL,EAAM,MACb,SAAUS,EACV,QAASV,GAAA,YAAAA,EAAS,MAClB,gBAAiB,CACf,QAAS,CACP,KAAM,+BAAA,EAER,KAAM+B,EAACG,EAAA,CAAa,SAAA1B,EAAoB,KAAAG,CAAA,CAAY,EACpD,YAAa,IAAMC,EAASuB,GAAS,CAACA,CAAI,EAC1C,GAAG9B,CAAA,CACL,CAAA,IAED+B,EAAA,CAAO,KAAMhC,EACZ,SAAA2B,EAACM,GACE,SAAA1B,GACCoB,EAACO,EAAO,IAAP,CACC,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACvB,GAAGd,EAAiB,CACnB,IAAKV,EAAK,YACV,UAAWgB,EAAG,UAAU,EACxB,MAAO,CACL,GAAGf,EACH,OAAOwB,EAAAzB,EAAK,UAAU,UAAf,YAAAyB,EAAwB,wBAAwB,KAAA,CACzD,CACD,EAED,SAAAR,EAACS,EAAA,CACC,OAAQb,EACR,QAASxB,EACT,MAAOK,EACP,OAAQC,EACR,QAAST,GAAA,YAAAA,EAAS,YAAA,CAAA,CACpB,CAAA,EAGN,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"InputCurrency.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { autoUpdate, flip, offset, useClick, useFloating, useInteractions } from '@floating-ui/react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { type DropdownItemOption, DropdownList, type DropdownListProps } from '../../../dropdownList'\nimport { InputBase, type InputBaseProps } from '../input'\nimport { useCurrencyControl, useCurrencyFormat } from './hooks'\nimport { CurrencyIcon } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Portal } from '$/shared/ui/portal'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport type CurrencyValue = {\n  value: string\n  currency: string | null\n}\n\ntype InputCurrencyBaseClasses = {\n  root?: string\n  input?: InputBaseProps['classes']\n  dropdownList?: DropdownListProps['classes']\n}\n\nexport interface InputCurrencyBaseProps extends Omit<InputBaseProps, 'value' | 'onChange' | 'classes'> {\n  /**\n   * Выбранное значение\n   */\n  value: CurrencyValue\n  /**\n   * Функция для изменения значения\n   * @param value\n   */\n  onChange: (value: CurrencyValue) => void\n  /**\n   * Список валют для выбора\n   */\n  currencies: DropdownItemOption[]\n  /**\n   * Дополнительные стили для переопределения\n   */\n  classes?: InputCurrencyBaseClasses\n  /**\n   * Включить рендеринг в портале\n   * @property {false | HTMLElement} portal document.body\n   */\n  portal?: false | HTMLElement\n}\n\nexport const InputCurrencyBase = forwardRef<HTMLInputElement, InputCurrencyBaseProps>(\n  ({ classes, value, onChange, currencies, portal = document.body, attachmentProps, ...props }, ref) => {\n    const { currency, onCurrencyChange, onInputChange, open, setOpen } = useCurrencyControl({ currencies, value, onChange })\n\n    const { refs, floatingStyles, context } = useFloating({\n      middleware: [\n        flip({\n          boundary: 'clippingAncestors',\n          crossAxis: false\n        }),\n        offset(4)\n      ],\n      whileElementsMounted: autoUpdate,\n      open,\n      onOpenChange: setOpen\n    })\n\n    const click = useClick(context, {\n      ignoreMouse: true,\n      keyboardHandlers: true,\n      stickIfOpen: true\n    })\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click])\n\n    useClickOutside(refs.floating, () => setOpen(false))\n\n    const formatRef = useCurrencyFormat(value.value)\n\n    return (\n      <div\n        {...getReferenceProps({\n          ref: refs.setReference,\n          className: cn('relative w-full', classes?.root)\n        })}\n      >\n        <InputBase\n          ref={mergeRefs(ref, formatRef)}\n          {...props}\n          autoComplete='off'\n          inputMode='decimal'\n          value={value.value}\n          onChange={onInputChange}\n          classes={classes?.input}\n          attachmentProps={{\n            classes: {\n              icon: 'flex items-center gap-2 w-max'\n            },\n            icon: <CurrencyIcon currency={currency} open={open} />,\n            onClickIcon: () => setOpen((prev) => !prev),\n            ...attachmentProps\n          }}\n        />\n        <Portal root={portal}>\n          <AnimatePresence>\n            {open && (\n              <motion.div\n                initial={{ opacity: 0 }}\n                animate={{ opacity: 1 }}\n                transition={{ duration: 0.1 }}\n                {...getFloatingProps({\n                  ref: refs.setFloating,\n                  className: cn('z-[1000]'),\n                  style: {\n                    ...floatingStyles,\n                    width: refs.reference.current?.getBoundingClientRect().width\n                  }\n                })}\n              >\n                <DropdownList\n                  target={formatRef}\n                  options={currencies}\n                  value={currency}\n                  onPick={onCurrencyChange}\n                  classes={classes?.dropdownList}\n                />\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </Portal>\n      </div>\n    )\n  }\n)\n"],"names":["InputCurrencyBase","forwardRef","classes","value","onChange","currencies","portal","attachmentProps","props","ref","currency","onCurrencyChange","onInputChange","open","setOpen","useCurrencyControl","refs","floatingStyles","context","useFloating","flip","offset","autoUpdate","click","useClick","getReferenceProps","getFloatingProps","useInteractions","useClickOutside","formatRef","useCurrencyFormat","jsxs","cn","jsx","InputBase","mergeRefs","CurrencyIcon","prev","Portal","AnimatePresence","motion","DropdownList"],"mappings":"wxBA+CO,MAAMA,GAAoBC,EAC/B,CAAC,CAAE,QAAAC,EAAS,MAAAC,EAAO,SAAAC,EAAU,WAAAC,EAAY,OAAAC,EAAS,SAAS,KAAM,gBAAAC,EAAiB,GAAGC,CAAA,EAASC,IAAQ,CACpG,KAAM,CAAE,SAAAC,EAAU,iBAAAC,EAAkB,cAAAC,EAAe,KAAAC,EAAM,QAAAC,GAAYC,EAAmB,CAAE,WAAAV,EAAY,MAAAF,EAAO,SAAAC,CAAA,CAAU,EAEjH,CAAE,KAAAY,EAAM,eAAAC,EAAgB,QAAAC,CAAA,EAAYC,EAAY,CACpD,WAAY,CACVC,EAAK,CACH,SAAU,oBACV,UAAW,EAAA,CACZ,EACDC,EAAO,CAAC,CAAA,EAEV,qBAAsBC,EACtB,KAAAT,EACA,aAAcC,CAAA,CACf,EAEKS,EAAQC,EAASN,EAAS,CAC9B,YAAa,GACb,iBAAkB,GAClB,YAAa,EAAA,CACd,EAEK,CAAE,kBAAAO,EAAmB,iBAAAC,CAAA,EAAqBC,EAAgB,CAACJ,CAAK,CAAC,EAEvEK,EAAgBZ,EAAK,SAAU,IAAMF,EAAQ,EAAK,CAAC,EAEnD,MAAMe,EAAYC,EAAkB3B,EAAM,KAAK,EAE/C,OACE4B,EAAC,MAAA,CACE,GAAGN,EAAkB,CACpB,IAAKT,EAAK,aACV,UAAWgB,EAAG,kBAAmB9B,GAAS,IAAI,CAAA,CAC/C,EAED,SAAA,CAAA+B,EAACC,EAAA,CACC,IAAKC,EAAU1B,EAAKoB,CAAS,EAC5B,GAAGrB,EACJ,aAAa,MACb,UAAU,UACV,MAAOL,EAAM,MACb,SAAUS,EACV,QAASV,GAAS,MAClB,gBAAiB,CACf,QAAS,CACP,KAAM,+BAAA,EAER,KAAM+B,EAACG,EAAA,CAAa,SAAA1B,EAAoB,KAAAG,CAAA,CAAY,EACpD,YAAa,IAAMC,EAASuB,GAAS,CAACA,CAAI,EAC1C,GAAG9B,CAAA,CACL,CAAA,IAED+B,EAAA,CAAO,KAAMhC,EACZ,SAAA2B,EAACM,GACE,SAAA1B,GACCoB,EAACO,EAAO,IAAP,CACC,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACvB,GAAGd,EAAiB,CACnB,IAAKV,EAAK,YACV,UAAWgB,EAAG,UAAU,EACxB,MAAO,CACL,GAAGf,EACH,MAAOD,EAAK,UAAU,SAAS,wBAAwB,KAAA,CACzD,CACD,EAED,SAAAiB,EAACQ,EAAA,CACC,OAAQZ,EACR,QAASxB,EACT,MAAOK,EACP,OAAQC,EACR,QAAST,GAAS,YAAA,CAAA,CACpB,CAAA,EAGN,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF"}

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

@@ -1,2 +1,2 @@
-import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{cn as m}from"../../../../../utils/cn.js";import"uuid";import"react";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../../calendar/Calendar.js";import"../../../../calendar/model/utils.js";import"../../../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../../../notification/ui/CustomToast.js";import"../../../../table/ui/primitives/Primitives.js";import{Icon as c}from"../../../../icon/Icon.js";import"@tanstack/react-table";import"../../../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../../../carousel/ui/CarouselContent.js";import"../../../../customLink/model/helpers.js";import"../../../../slot/Slot.js";import"../../autocomplete/Autocomplete.js";import"../../checkbox/Checkbox.js";import"../../combobox/combobox.js";import"../../dayPicker/DayPicker.js";import"../../input/Input.js";import"../../inputOtp/InputOtpBase.js";import"../../maskInput/MaskInput.js";import"../../radio/RadioGroup.js";import"../../radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../slider/SliderBase.js";import"../../switch/Switch.js";import"../../textarea/Textarea.js";import"../../uploader/UploaderBase.js";import"../InputCurrency.js";import"../../../ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../controlled/editor/ui/Editor.js";import"../../../controlled/input/MaskInputControl.js";import"classnames";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";import{Divider as g}from"../../../../divider/Divider.js";const bo=({currency:o,classes:p,open:e})=>{var r;const{divider:a,root:l,icon:s,label:n}=p??{};return i(d,{children:[t(g,{color:"bg-color-blue-grey-500",height:16,className:a}),i("div",{className:m("desk-body-regular-l flex items-center gap-1 text-color-tetriary",l),children:[(r=o==null?void 0:o.attachment)==null?void 0:r.left,t("span",{className:n,children:o?o.label:"CUR"}),t(c,{name:"arrows/arrowRight",className:m("size-6 rotate-90 duration-100",{"-rotate-90":e},s)})]})]})};export{bo as CurrencyIcon};
+import{jsxs as o,Fragment as n,jsx as e}from"react/jsx-runtime";import{Divider as d}from"../../../../divider/Divider.js";import{cn as t}from"../../../../../utils/cn.js";import{Icon as g}from"../../../../icon/Icon.js";const x=({currency:r,classes:a,open:i})=>{const{divider:l,root:s,icon:m,label:c}=a??{};return o(n,{children:[e(d,{color:"bg-color-blue-grey-500",height:16,className:l}),o("div",{className:t("desk-body-regular-l flex items-center gap-1 text-color-tetriary",s),children:[r?.attachment?.left,e("span",{className:c,children:r?r.label:"CUR"}),e(g,{name:"arrows/arrowRight",className:t("size-6 rotate-90 duration-100",{"-rotate-90":i},m)})]})]})};export{x as CurrencyIcon};
 //# sourceMappingURL=CurrencyIcon.js.map

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

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

package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js

@@ -1,2 +1,2 @@
-import{jsx as f,Fragment as P}from"react/jsx-runtime";import{forwardRef as T,useRef as _,useEffect as k}from"react";import{OTPInput as v,REGEXP_ONLY_DIGITS as C}from"input-otp";import{InputOTPSlot as F}from"./ui/InputOtpSlot.js";import{cn as R}from"../../../../utils/cn.js";import{mergeRefs as G}from"../../../../utils/mergeRefs.js";import"uuid";const Y=T(({value:w,onChange:u,classes:i,maxLength:p=4,initialFocus:N=!0,externalHandlers:o,invalid:O,dataLayers:t,...B},E)=>{const c=_(null);return k(()=>{c.current&&N&&c.current.focus()},[N]),f(P,{children:f(v,{pattern:C,value:w??"",onChange:I=>{var m;u==null||u(I),(m=o==null?void 0:o.onChange)==null||m.call(o,I)},ref:G(c,E),containerClassName:R("flex items-center w-full",i==null?void 0:i.inputContainer),className:R("disabled:cursor-not-allowed",i==null?void 0:i.input),onClick:o==null?void 0:o.onClick,maxLength:p,onBlur:o==null?void 0:o.onBlur,"aria-invalid":O,onFocus:o==null?void 0:o.onFocus,"data-layer-id":t==null?void 0:t.targetId,...B,children:f("div",{className:R("m-auto flex w-max items-center gap-4",i==null?void 0:i.container),children:p>0&&Array.from({length:p},(I,m)=>f(F,{invalid:O,index:m},m))})})})});export{Y as InputOtpBase};
+import{jsx as o,Fragment as C}from"react/jsx-runtime";import{forwardRef as g,useRef as I,useEffect as R}from"react";import{OTPInput as h,REGEXP_ONLY_DIGITS as N}from"input-otp";import{cn as f}from"../../../../utils/cn.js";import{mergeRefs as O}from"../../../../utils/mergeRefs.js";import{InputOTPSlot as w}from"./ui/InputOtpSlot.js";const v=g(({value:a,onChange:p,classes:t,maxLength:e=4,initialFocus:m=!0,externalHandlers:r,invalid:u,dataLayers:l,...s},d)=>{const n=I(null);return R(()=>{n.current&&m&&n.current.focus()},[m]),o(C,{children:o(h,{pattern:N,value:a??"",onChange:i=>{p?.(i),r?.onChange?.(i)},ref:O(n,d),containerClassName:f("flex items-center w-full",t?.inputContainer),className:f("disabled:cursor-not-allowed",t?.input),onClick:r?.onClick,maxLength:e,onBlur:r?.onBlur,"aria-invalid":u,onFocus:r?.onFocus,"data-layer-id":l?.targetId,...s,children:o("div",{className:f("m-auto flex w-max items-center gap-4",t?.container),children:e>0&&Array.from({length:e},(i,c)=>o(w,{invalid:u,index:c},c))})})})});export{v as InputOtpBase};
 //# sourceMappingURL=InputOtpBase.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOtpBase.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from 'react'\nimport { OTPInput, type OTPInputProps, REGEXP_ONLY_DIGITS } from 'input-otp'\nimport { type DataLayers } from '../../../../types'\nimport { InputOTPSlot, type InputOTPSlotClasses } from './ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport type InputOtpBaseClasses = {\n  input?: string\n  inputContainer?: string\n  container?: string\n  slot?: InputOTPSlotClasses\n}\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void\n}\n\nexport type InputOtpBaseProps = Omit<OTPInputProps, 'render'> & {\n  /**\n   * Внешние классы которыми можно поменять стили\n   */\n  classes?: InputOtpBaseClasses\n  /**\n   * Изначальный автофокус\n   */\n  initialFocus?: boolean\n  /**\n   * Внешние handlers\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Для aria-invalid валидное или не валидное поле\n   */\n  invalid?: boolean\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const InputOtpBase = forwardRef<HTMLInputElement, InputOtpBaseProps>(\n  ({ value, onChange, classes, maxLength = 4, initialFocus = true, externalHandlers, invalid, dataLayers, ...props }, ref) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n      if (inputRef.current && initialFocus) {\n        inputRef.current.focus()\n      }\n    }, [initialFocus])\n\n    return (\n      <>\n        <OTPInput\n          pattern={REGEXP_ONLY_DIGITS}\n          value={value ?? ''}\n          onChange={(newValue) => {\n            onChange?.(newValue)\n            externalHandlers?.onChange?.(newValue)\n          }}\n          ref={mergeRefs(inputRef, ref)}\n          containerClassName={cn('flex items-center w-full', classes?.inputContainer)}\n          className={cn('disabled:cursor-not-allowed', classes?.input)}\n          onClick={externalHandlers?.onClick}\n          maxLength={maxLength}\n          onBlur={externalHandlers?.onBlur}\n          aria-invalid={invalid}\n          onFocus={externalHandlers?.onFocus}\n          data-layer-id={dataLayers?.targetId}\n          {...props}\n        >\n          <div className={cn('m-auto flex w-max items-center gap-4', classes?.container)}>\n            {maxLength > 0 &&\n              Array.from({ length: maxLength }, (_, inputIndex) => (\n                <InputOTPSlot key={inputIndex} invalid={invalid} index={inputIndex} />\n              ))}\n          </div>\n        </OTPInput>\n      </>\n    )\n  }\n)\n"],"names":["InputOtpBase","forwardRef","value","onChange","classes","maxLength","initialFocus","externalHandlers","invalid","dataLayers","props","ref","inputRef","useRef","useEffect","jsx","Fragment","OTPInput","REGEXP_ONLY_DIGITS","newValue","_a","mergeRefs","cn","_","inputIndex","InputOTPSlot"],"mappings":"0VA2CO,MAAMA,EAAeC,EAC1B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAY,EAAG,aAAAC,EAAe,GAAM,iBAAAC,EAAkB,QAAAC,EAAS,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1H,MAAMC,EAAWC,EAAyB,IAAI,EAE9C,OAAAC,EAAU,IAAM,CACVF,EAAS,SAAWN,GACtBM,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACN,CAAY,CAAC,EAGfS,EAAAC,EAAA,CACE,SAAAD,EAACE,EAAA,CACC,QAASC,EACT,MAAOhB,GAAS,GAChB,SAAWiB,GAAa,OACtBhB,GAAA,MAAAA,EAAWgB,IACXC,EAAAb,GAAA,YAAAA,EAAkB,WAAlB,MAAAa,EAAA,KAAAb,EAA6BY,EAC/B,EACA,IAAKE,EAAUT,EAAUD,CAAG,EAC5B,mBAAoBW,EAAG,2BAA4BlB,GAAA,YAAAA,EAAS,cAAc,EAC1E,UAAWkB,EAAG,8BAA+BlB,GAAA,YAAAA,EAAS,KAAK,EAC3D,QAASG,GAAA,YAAAA,EAAkB,QAC3B,UAAAF,EACA,OAAQE,GAAA,YAAAA,EAAkB,OAC1B,eAAcC,EACd,QAASD,GAAA,YAAAA,EAAkB,QAC3B,gBAAeE,GAAA,YAAAA,EAAY,SAC1B,GAAGC,EAEJ,SAAAK,EAAC,MAAA,CAAI,UAAWO,EAAG,uCAAwClB,GAAA,YAAAA,EAAS,SAAS,EAC1E,SAAAC,EAAY,GACX,MAAM,KAAK,CAAE,OAAQA,CAAA,EAAa,CAACkB,EAAGC,IACpCT,EAACU,EAAA,CAA8B,QAAAjB,EAAkB,MAAOgB,CAAA,EAArCA,CAAiD,CACrE,CAAA,CACL,CAAA,CAAA,EAEJ,CAEJ,CACF"}
+{"version":3,"file":"InputOtpBase.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from 'react'\nimport { OTPInput, type OTPInputProps, REGEXP_ONLY_DIGITS } from 'input-otp'\nimport { type DataLayers } from '../../../../types'\nimport { InputOTPSlot, type InputOTPSlotClasses } from './ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nexport type InputOtpBaseClasses = {\n  input?: string\n  inputContainer?: string\n  container?: string\n  slot?: InputOTPSlotClasses\n}\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void\n}\n\nexport type InputOtpBaseProps = Omit<OTPInputProps, 'render'> & {\n  /**\n   * Внешние классы которыми можно поменять стили\n   */\n  classes?: InputOtpBaseClasses\n  /**\n   * Изначальный автофокус\n   */\n  initialFocus?: boolean\n  /**\n   * Внешние handlers\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Для aria-invalid валидное или не валидное поле\n   */\n  invalid?: boolean\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const InputOtpBase = forwardRef<HTMLInputElement, InputOtpBaseProps>(\n  ({ value, onChange, classes, maxLength = 4, initialFocus = true, externalHandlers, invalid, dataLayers, ...props }, ref) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n      if (inputRef.current && initialFocus) {\n        inputRef.current.focus()\n      }\n    }, [initialFocus])\n\n    return (\n      <>\n        <OTPInput\n          pattern={REGEXP_ONLY_DIGITS}\n          value={value ?? ''}\n          onChange={(newValue) => {\n            onChange?.(newValue)\n            externalHandlers?.onChange?.(newValue)\n          }}\n          ref={mergeRefs(inputRef, ref)}\n          containerClassName={cn('flex items-center w-full', classes?.inputContainer)}\n          className={cn('disabled:cursor-not-allowed', classes?.input)}\n          onClick={externalHandlers?.onClick}\n          maxLength={maxLength}\n          onBlur={externalHandlers?.onBlur}\n          aria-invalid={invalid}\n          onFocus={externalHandlers?.onFocus}\n          data-layer-id={dataLayers?.targetId}\n          {...props}\n        >\n          <div className={cn('m-auto flex w-max items-center gap-4', classes?.container)}>\n            {maxLength > 0 &&\n              Array.from({ length: maxLength }, (_, inputIndex) => (\n                <InputOTPSlot key={inputIndex} invalid={invalid} index={inputIndex} />\n              ))}\n          </div>\n        </OTPInput>\n      </>\n    )\n  }\n)\n"],"names":["InputOtpBase","forwardRef","value","onChange","classes","maxLength","initialFocus","externalHandlers","invalid","dataLayers","props","ref","inputRef","useRef","useEffect","jsx","Fragment","OTPInput","REGEXP_ONLY_DIGITS","newValue","mergeRefs","cn","_","inputIndex","InputOTPSlot"],"mappings":"6UA2CO,MAAMA,EAAeC,EAC1B,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAY,EAAG,aAAAC,EAAe,GAAM,iBAAAC,EAAkB,QAAAC,EAAS,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC1H,MAAMC,EAAWC,EAAyB,IAAI,EAE9C,OAAAC,EAAU,IAAM,CACVF,EAAS,SAAWN,GACtBM,EAAS,QAAQ,MAAA,CAErB,EAAG,CAACN,CAAY,CAAC,EAGfS,EAAAC,EAAA,CACE,SAAAD,EAACE,EAAA,CACC,QAASC,EACT,MAAOhB,GAAS,GAChB,SAAWiB,GAAa,CACtBhB,IAAWgB,CAAQ,EACnBZ,GAAkB,WAAWY,CAAQ,CACvC,EACA,IAAKC,EAAUR,EAAUD,CAAG,EAC5B,mBAAoBU,EAAG,2BAA4BjB,GAAS,cAAc,EAC1E,UAAWiB,EAAG,8BAA+BjB,GAAS,KAAK,EAC3D,QAASG,GAAkB,QAC3B,UAAAF,EACA,OAAQE,GAAkB,OAC1B,eAAcC,EACd,QAASD,GAAkB,QAC3B,gBAAeE,GAAY,SAC1B,GAAGC,EAEJ,SAAAK,EAAC,MAAA,CAAI,UAAWM,EAAG,uCAAwCjB,GAAS,SAAS,EAC1E,SAAAC,EAAY,GACX,MAAM,KAAK,CAAE,OAAQA,CAAA,EAAa,CAACiB,EAAGC,IACpCR,EAACS,EAAA,CAA8B,QAAAhB,EAAkB,MAAOe,CAAA,EAArCA,CAAiD,CACrE,CAAA,CACL,CAAA,CAAA,EAEJ,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/ui/InputOtpSlot.js

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as o}from"react/jsx-runtime";import{forwardRef as f,useContext as x}from"react";import{OTPInputContext as g}from"input-otp";import{cn as r}from"../../../../../utils/cn.js";import"uuid";const h=f(({index:e,classes:t,invalid:n,...i},m)=>{const p=x(g),{char:a,hasFakeCaret:d,isActive:b}=p.slots[e];return u("div",{ref:m,className:r("desk-headline-bold-m relative flex size-10 items-center justify-center bg-color-dark bg-color-transparent",t==null?void 0:t.singleChar),...i,children:[a,d&&o("div",{className:r("pointer-events-none absolute inset-0 flex items-center justify-center",t==null?void 0:t.caretWrapper),children:o("div",{className:r("h-5 w-px animate-caret-blink bg-color-dark duration-1000",t==null?void 0:t.caret)})}),o("span",{className:r("absolute bottom-0 h-px w-8 bg-color-blue-grey-500",{"bg-color-dark":b,"bg-color-negative":n},t==null?void 0:t.substrate)})]})});h.displayName="InputOTPSlot";export{h as InputOTPSlot};
+import{jsxs as p,jsx as r}from"react/jsx-runtime";import{forwardRef as d,useContext as b}from"react";import{OTPInputContext as u}from"input-otp";import{cn as t}from"../../../../../utils/cn.js";const f=d(({index:o,classes:e,invalid:a,...n},i)=>{const s=b(u),{char:l,hasFakeCaret:c,isActive:m}=s.slots[o];return p("div",{ref:i,className:t("desk-headline-bold-m relative flex size-10 items-center justify-center bg-color-dark bg-color-transparent",e?.singleChar),...n,children:[l,c&&r("div",{className:t("pointer-events-none absolute inset-0 flex items-center justify-center",e?.caretWrapper),children:r("div",{className:t("h-5 w-px animate-caret-blink bg-color-dark duration-1000",e?.caret)})}),r("span",{className:t("absolute bottom-0 h-px w-8 bg-color-blue-grey-500",{"bg-color-dark":m,"bg-color-negative":a},e?.substrate)})]})});f.displayName="InputOTPSlot";export{f as InputOTPSlot};
 //# sourceMappingURL=InputOtpSlot.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/inputOtp/ui/InputOtpSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOtpSlot.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/inputOtp/ui/InputOtpSlot.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type ElementRef, forwardRef, useContext } from 'react'\nimport { OTPInputContext } from 'input-otp'\nimport { cn } from '$/shared/utils'\n\nexport type InputOTPSlotClasses = {\n  singleChar?: string\n  caretWrapper?: string\n  caret?: string\n  substrate?: string\n}\n\ninterface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {\n  index: number\n  classes?: InputOTPSlotClasses\n  invalid?: boolean\n}\n\nexport const InputOTPSlot = forwardRef<ElementRef<'div'>, InputOTPSlotProps>(({ index, classes, invalid, ...props }, ref) => {\n  const inputOTPContext = useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'desk-headline-bold-m relative flex size-10 items-center justify-center bg-color-dark bg-color-transparent',\n        classes?.singleChar\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className={cn('pointer-events-none absolute inset-0 flex items-center justify-center', classes?.caretWrapper)}>\n          <div className={cn('h-5 w-px animate-caret-blink bg-color-dark duration-1000', classes?.caret)} />\n        </div>\n      )}\n      <span\n        className={cn(\n          'absolute bottom-0 h-px w-8 bg-color-blue-grey-500',\n          { 'bg-color-dark': isActive, 'bg-color-negative': invalid },\n          classes?.substrate\n        )}\n      ></span>\n    </div>\n  )\n})\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n"],"names":["InputOTPSlot","forwardRef","index","classes","invalid","props","ref","inputOTPContext","useContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","cn","jsx"],"mappings":"8MAiBO,MAAMA,EAAeC,EAAiD,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAC3H,MAAMC,EAAkBC,EAAWC,CAAe,EAC5C,CAAE,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaL,EAAgB,MAAML,CAAK,EAEpE,OACEW,EAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EACT,4GACAX,GAAA,YAAAA,EAAS,UAAA,EAEV,GAAGE,EAEH,SAAA,CAAAK,EACAC,GACCI,EAAC,MAAA,CAAI,UAAWD,EAAG,wEAAyEX,GAAA,YAAAA,EAAS,YAAY,EAC/G,SAAAY,EAAC,OAAI,UAAWD,EAAG,2DAA4DX,GAAA,YAAAA,EAAS,KAAK,EAAG,EAClG,EAEFY,EAAC,OAAA,CACC,UAAWD,EACT,oDACA,CAAE,gBAAiBF,EAAU,oBAAqBR,CAAA,EAClDD,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACD,CAAA,CAAA,CAGP,CAAC,EAEDH,EAAa,YAAc"}
+{"version":3,"file":"InputOtpSlot.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/inputOtp/ui/InputOtpSlot.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, type ElementRef, forwardRef, useContext } from 'react'\nimport { OTPInputContext } from 'input-otp'\nimport { cn } from '$/shared/utils'\n\nexport type InputOTPSlotClasses = {\n  singleChar?: string\n  caretWrapper?: string\n  caret?: string\n  substrate?: string\n}\n\ninterface InputOTPSlotProps extends ComponentPropsWithoutRef<'div'> {\n  index: number\n  classes?: InputOTPSlotClasses\n  invalid?: boolean\n}\n\nexport const InputOTPSlot = forwardRef<ElementRef<'div'>, InputOTPSlotProps>(({ index, classes, invalid, ...props }, ref) => {\n  const inputOTPContext = useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'desk-headline-bold-m relative flex size-10 items-center justify-center bg-color-dark bg-color-transparent',\n        classes?.singleChar\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className={cn('pointer-events-none absolute inset-0 flex items-center justify-center', classes?.caretWrapper)}>\n          <div className={cn('h-5 w-px animate-caret-blink bg-color-dark duration-1000', classes?.caret)} />\n        </div>\n      )}\n      <span\n        className={cn(\n          'absolute bottom-0 h-px w-8 bg-color-blue-grey-500',\n          { 'bg-color-dark': isActive, 'bg-color-negative': invalid },\n          classes?.substrate\n        )}\n      ></span>\n    </div>\n  )\n})\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n"],"names":["InputOTPSlot","forwardRef","index","classes","invalid","props","ref","inputOTPContext","useContext","OTPInputContext","char","hasFakeCaret","isActive","jsxs","cn","jsx"],"mappings":"iMAiBO,MAAMA,EAAeC,EAAiD,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CAC3H,MAAMC,EAAkBC,EAAWC,CAAe,EAC5C,CAAE,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaL,EAAgB,MAAML,CAAK,EAEpE,OACEW,EAAC,MAAA,CACC,IAAAP,EACA,UAAWQ,EACT,4GACAX,GAAS,UAAA,EAEV,GAAGE,EAEH,SAAA,CAAAK,EACAC,GACCI,EAAC,MAAA,CAAI,UAAWD,EAAG,wEAAyEX,GAAS,YAAY,EAC/G,SAAAY,EAAC,OAAI,UAAWD,EAAG,2DAA4DX,GAAS,KAAK,EAAG,EAClG,EAEFY,EAAC,OAAA,CACC,UAAWD,EACT,oDACA,CAAE,gBAAiBF,EAAU,oBAAqBR,CAAA,EAClDD,GAAS,SAAA,CACX,CAAA,CACD,CAAA,CAAA,CAGP,CAAC,EAEDH,EAAa,YAAc"}

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

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