@scbt-ecom/ui 0.152.6 → 0.153.0

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

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

package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js

@@ -1,2 +1,2 @@
-import{jsx as o,Fragment as j}from"react/jsx-runtime";import{forwardRef as k,createElement as B}from"react";import{Root as E}from"@radix-ui/react-radio-group";import{RadioItem as F}from"./ui/RadioItem.js";import{cn as n}from"../../../../utils/cn.js";import"uuid";const z=k(({options:a,displayValue:c,returnValue:l,invalid:e,className:d,disabled:m,classes:h,externalHandlers:g,onValueChange:f,renderComponent:i,dataLayers:t,...R},w)=>{const{root:x,list:C,radioItem:I}=h||{},{onChange:s,...u}=g||{};return o(E,{...R,onValueChange:r=>{f&&f(r),s&&s(r)},"aria-invalid":e,disabled:m,ref:w,className:n("w-full",d,x),"data-layer-id":t==null?void 0:t.targetId,children:o(j,{children:i?i({options:a,returnValue:l,displayValue:c,invalid:e,disabled:m}):o("ul",{className:n("w-full",C),children:a.map((r,N)=>B(F,{...u,key:r.value,"data-id":`radio-item-${N}`,item:r,invalid:e,disabled:m||(r==null?void 0:r.disabled),classes:I,returnValue:l,displayValue:c}))})})})});export{z as RadioGroupBase};
+import{jsx as t,Fragment as N}from"react/jsx-runtime";import{forwardRef as j,createElement as k}from"react";import{Root as y}from"@radix-ui/react-radio-group";import{cn as l}from"../../../../utils/cn.js";import{RadioItem as B}from"./ui/RadioItem.js";const b=j(({options:o,displayValue:m,returnValue:i,invalid:a,className:d,disabled:e,classes:f,externalHandlers:h,onValueChange:s,renderComponent:n,dataLayers:g,...R},p)=>{const{root:w,list:x,radioItem:C}=f||{},{onChange:c,...I}=h||{};return t(y,{...R,onValueChange:r=>{s&&s(r),c&&c(r)},"aria-invalid":a,disabled:e,ref:p,className:l("w-full",d,w),"data-layer-id":g?.targetId,children:t(N,{children:n?n({options:o,returnValue:i,displayValue:m,invalid:a,disabled:e}):t("ul",{className:l("w-full",x),children:o.map((r,u)=>k(B,{...I,key:r.value,"data-id":`radio-item-${u}`,item:r,invalid:a,disabled:e||r?.disabled,classes:C,returnValue:i,displayValue:m}))})})})});export{b as RadioGroupBase};
 //# sourceMappingURL=RadioGroup.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type RadioGroupProps as RadioGroupPrimitiveProps, Root } from '@radix-ui/react-radio-group'\nimport { type DataLayers } from '../../../../types'\nimport { RadioItem, type RadioOption } from './ui'\nimport { type RadioItemClasses } from './ui/RadioItem'\nimport { cn } from '$/shared/utils'\n\ntype RadioGroupClasses = {\n  root?: string\n  list?: string\n  radioItem?: RadioItemClasses\n}\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type RenderComponentProps = { item: RadioOption; classes?: RadioItemClasses } & Pick<\n  RadioGroupBaseProps,\n  'displayValue' | 'returnValue' | 'invalid' | 'disabled'\n>\n\nexport type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {\n  /**\n   * Список отображаемых опций\n   */\n  options: RadioOption[]\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: RadioOption) => string\n  /**\n   * Функция для управления возвращаемым значением\n   */\n  returnValue?: (option: RadioOption) => string\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: RadioGroupClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Отрисовка компонента из вне\n   */\n  renderComponent?: (props: RadioGroupBaseProps) => React.JSX.Element\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const RadioGroupBase = forwardRef<HTMLDivElement, RadioGroupBaseProps>(\n  (\n    {\n      options,\n      displayValue,\n      returnValue,\n      invalid,\n      className,\n      disabled,\n      classes,\n      externalHandlers,\n      onValueChange,\n      renderComponent,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const { root, list, radioItem } = classes || {}\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onChange = (value: string) => {\n      if (onValueChange) onValueChange(value)\n      if (externalOnChange) externalOnChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        onValueChange={onChange}\n        aria-invalid={invalid}\n        disabled={disabled}\n        ref={ref}\n        className={cn('w-full', className, root)}\n        data-layer-id={dataLayers?.targetId}\n      >\n        <>\n          {renderComponent ? (\n            renderComponent({ options, returnValue, displayValue, invalid, disabled })\n          ) : (\n            <ul className={cn('w-full', list)}>\n              {options.map((option, index) => (\n                <RadioItem\n                  {...restHandlers}\n                  key={option.value}\n                  data-id={`radio-item-${index}`}\n                  item={option}\n                  invalid={invalid}\n                  disabled={disabled || option?.disabled}\n                  classes={radioItem}\n                  returnValue={returnValue}\n                  displayValue={displayValue}\n                />\n              ))}\n            </ul>\n          )}\n        </>\n      </Root>\n    )\n  }\n)\n"],"names":["RadioGroupBase","forwardRef","options","displayValue","returnValue","invalid","className","disabled","classes","externalHandlers","onValueChange","renderComponent","dataLayers","props","ref","root","list","radioItem","externalOnChange","restHandlers","jsx","Root","value","cn","Fragment","option","index","createElement","RadioItem"],"mappings":"uQA4DO,MAAMA,EAAiBC,EAC5B,CACE,CACE,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,KAAAC,EAAM,UAAAC,CAAA,EAAcT,GAAW,CAAA,EAEvC,CAAE,SAAUU,EAAkB,GAAGC,CAAA,EAAiBV,GAAoB,CAAA,EAO5E,OACEW,EAACC,EAAA,CACE,GAAGR,EACJ,cARcS,GAAkB,CAC9BZ,KAA6BY,CAAK,EAClCJ,KAAmCI,CAAK,CAC9C,EAMI,eAAcjB,EACd,SAAAE,EACA,IAAAO,EACA,UAAWS,EAAG,SAAUjB,EAAWS,CAAI,EACvC,gBAAeH,GAAA,YAAAA,EAAY,SAE3B,SAAAQ,EAAAI,EAAA,CACG,WACCb,EAAgB,CAAE,QAAAT,EAAS,YAAAE,EAAa,aAAAD,EAAc,QAAAE,EAAS,SAAAE,CAAA,CAAU,IAExE,KAAA,CAAG,UAAWgB,EAAG,SAAUP,CAAI,EAC7B,SAAAd,EAAQ,IAAI,CAACuB,EAAQC,IACpBC,EAACC,EAAA,CACE,GAAGT,EACJ,IAAKM,EAAO,MACZ,UAAS,cAAcC,CAAK,GAC5B,KAAMD,EACN,QAAApB,EACA,SAAUE,IAAYkB,GAAA,YAAAA,EAAQ,UAC9B,QAASR,EACT,YAAAb,EACA,aAAAD,CAAA,CAAA,CAEH,EACH,CAAA,CAEJ,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/RadioGroup.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { type RadioGroupProps as RadioGroupPrimitiveProps, Root } from '@radix-ui/react-radio-group'\nimport { type DataLayers } from '../../../../types'\nimport { RadioItem, type RadioOption } from './ui'\nimport { type RadioItemClasses } from './ui/RadioItem'\nimport { cn } from '$/shared/utils'\n\ntype RadioGroupClasses = {\n  root?: string\n  list?: string\n  radioItem?: RadioItemClasses\n}\n\ntype ExternalHandlers = {\n  onChange?: (value: string) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type RenderComponentProps = { item: RadioOption; classes?: RadioItemClasses } & Pick<\n  RadioGroupBaseProps,\n  'displayValue' | 'returnValue' | 'invalid' | 'disabled'\n>\n\nexport type RadioGroupBaseProps = Omit<RadioGroupPrimitiveProps, 'children'> & {\n  /**\n   * Список отображаемых опций\n   */\n  options: RadioOption[]\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: RadioOption) => string\n  /**\n   * Функция для управления возвращаемым значением\n   */\n  returnValue?: (option: RadioOption) => string\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: RadioGroupClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n  /**\n   * Дополнительные хендлеры\n   */\n  externalHandlers?: ExternalHandlers\n  /**\n   * Отрисовка компонента из вне\n   */\n  renderComponent?: (props: RadioGroupBaseProps) => React.JSX.Element\n  /**\n   * Даталееры\n   */\n  dataLayers?: DataLayers\n}\n\nexport const RadioGroupBase = forwardRef<HTMLDivElement, RadioGroupBaseProps>(\n  (\n    {\n      options,\n      displayValue,\n      returnValue,\n      invalid,\n      className,\n      disabled,\n      classes,\n      externalHandlers,\n      onValueChange,\n      renderComponent,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const { root, list, radioItem } = classes || {}\n\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onChange = (value: string) => {\n      if (onValueChange) onValueChange(value)\n      if (externalOnChange) externalOnChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        onValueChange={onChange}\n        aria-invalid={invalid}\n        disabled={disabled}\n        ref={ref}\n        className={cn('w-full', className, root)}\n        data-layer-id={dataLayers?.targetId}\n      >\n        <>\n          {renderComponent ? (\n            renderComponent({ options, returnValue, displayValue, invalid, disabled })\n          ) : (\n            <ul className={cn('w-full', list)}>\n              {options.map((option, index) => (\n                <RadioItem\n                  {...restHandlers}\n                  key={option.value}\n                  data-id={`radio-item-${index}`}\n                  item={option}\n                  invalid={invalid}\n                  disabled={disabled || option?.disabled}\n                  classes={radioItem}\n                  returnValue={returnValue}\n                  displayValue={displayValue}\n                />\n              ))}\n            </ul>\n          )}\n        </>\n      </Root>\n    )\n  }\n)\n"],"names":["RadioGroupBase","forwardRef","options","displayValue","returnValue","invalid","className","disabled","classes","externalHandlers","onValueChange","renderComponent","dataLayers","props","ref","root","list","radioItem","externalOnChange","restHandlers","jsx","Root","value","cn","Fragment","option","index","createElement","RadioItem"],"mappings":"0PA4DO,MAAMA,EAAiBC,EAC5B,CACE,CACE,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,KAAAC,EAAM,UAAAC,CAAA,EAAcT,GAAW,CAAA,EAEvC,CAAE,SAAUU,EAAkB,GAAGC,CAAA,EAAiBV,GAAoB,CAAA,EAO5E,OACEW,EAACC,EAAA,CACE,GAAGR,EACJ,cARcS,GAAkB,CAC9BZ,KAA6BY,CAAK,EAClCJ,KAAmCI,CAAK,CAC9C,EAMI,eAAcjB,EACd,SAAAE,EACA,IAAAO,EACA,UAAWS,EAAG,SAAUjB,EAAWS,CAAI,EACvC,gBAAeH,GAAY,SAE3B,SAAAQ,EAAAI,EAAA,CACG,WACCb,EAAgB,CAAE,QAAAT,EAAS,YAAAE,EAAa,aAAAD,EAAc,QAAAE,EAAS,SAAAE,CAAA,CAAU,IAExE,KAAA,CAAG,UAAWgB,EAAG,SAAUP,CAAI,EAC7B,SAAAd,EAAQ,IAAI,CAACuB,EAAQC,IACpBC,EAACC,EAAA,CACE,GAAGT,EACJ,IAAKM,EAAO,MACZ,UAAS,cAAcC,CAAK,GAC5B,KAAMD,EACN,QAAApB,EACA,SAAUE,GAAYkB,GAAQ,SAC9B,QAASR,EACT,YAAAb,EACA,aAAAD,CAAA,CAAA,CAEH,EACH,CAAA,CAEJ,CAAA,CAAA,CAGN,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.js

@@ -1,2 +1,2 @@
-import{jsx as o,Fragment as n,jsxs as e}from"react/jsx-runtime";import{cn as t}from"../../../../../utils/cn.js";import"uuid";import"react";const b=({value:d,text:i,disabled:m,classes:r})=>o(n,{children:(d||i)&&e("div",{className:t("flex flex-col gap-1",r==null?void 0:r.wrapper),children:[o("div",{className:t("desk-body-medium-l font-bold text-color-dark",{"text-color-disabled":m},r==null?void 0:r.value),children:d}),o("div",{className:t("desk-body-regular-m text-color-tetriary",{"text-color-disabled":m},r==null?void 0:r.text),children:i})]})});export{b as AdditionalContent};
+import{jsx as e,Fragment as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"../../../../../utils/cn.js";const m=({value:t,text:d,disabled:l,classes:r})=>e(i,{children:(t||d)&&a("div",{className:o("flex flex-col gap-1",r?.wrapper),children:[e("div",{className:o("desk-body-medium-l font-bold text-color-dark",{"text-color-disabled":l},r?.value),children:t}),e("div",{className:o("desk-body-regular-m text-color-tetriary",{"text-color-disabled":l},r?.text),children:d})]})});export{m as AdditionalContent};
 //# sourceMappingURL=AdditionalContent.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalContent.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type AdditionalContentClasses = {\n  wrapper?: string\n  text?: string\n  value?: string\n}\n\nexport interface AdditionalContentProps {\n  text?: string\n  value?: number | string\n  classes?: AdditionalContentClasses\n  disabled?: boolean\n}\n\nexport const AdditionalContent = ({ value, text, disabled, classes }: AdditionalContentProps) => {\n  return (\n    <>\n      {(value || text) && (\n        <div className={cn('flex flex-col gap-1', classes?.wrapper)}>\n          <div\n            className={cn('desk-body-medium-l font-bold text-color-dark', { 'text-color-disabled': disabled }, classes?.value)}\n          >\n            {value}\n          </div>\n          <div className={cn('desk-body-regular-m text-color-tetriary', { 'text-color-disabled': disabled }, classes?.text)}>\n            {text}\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["AdditionalContent","value","text","disabled","classes","jsx","Fragment","jsxs","cn"],"mappings":"2IAeO,MAAMA,EAAoB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,QAAAC,KAEvDC,EAAAC,EAAA,CACI,UAAAL,GAASC,IACTK,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBJ,GAAA,YAAAA,EAAS,OAAO,EACxD,SAAA,CAAAC,EAAC,MAAA,CACC,UAAWG,EAAG,+CAAgD,CAAE,sBAAuBL,CAAA,EAAYC,GAAA,YAAAA,EAAS,KAAK,EAEhH,SAAAH,CAAA,CAAA,EAEHI,EAAC,MAAA,CAAI,UAAWG,EAAG,0CAA2C,CAAE,sBAAuBL,CAAA,EAAYC,GAAA,YAAAA,EAAS,IAAI,EAC7G,SAAAF,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAEJ"}
+{"version":3,"file":"AdditionalContent.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/AdditionalContent.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport type AdditionalContentClasses = {\n  wrapper?: string\n  text?: string\n  value?: string\n}\n\nexport interface AdditionalContentProps {\n  text?: string\n  value?: number | string\n  classes?: AdditionalContentClasses\n  disabled?: boolean\n}\n\nexport const AdditionalContent = ({ value, text, disabled, classes }: AdditionalContentProps) => {\n  return (\n    <>\n      {(value || text) && (\n        <div className={cn('flex flex-col gap-1', classes?.wrapper)}>\n          <div\n            className={cn('desk-body-medium-l font-bold text-color-dark', { 'text-color-disabled': disabled }, classes?.value)}\n          >\n            {value}\n          </div>\n          <div className={cn('desk-body-regular-m text-color-tetriary', { 'text-color-disabled': disabled }, classes?.text)}>\n            {text}\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["AdditionalContent","value","text","disabled","classes","jsx","Fragment","jsxs","cn"],"mappings":"gHAeO,MAAMA,EAAoB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,QAAAC,KAEvDC,EAAAC,EAAA,CACI,UAAAL,GAASC,IACTK,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBJ,GAAS,OAAO,EACxD,SAAA,CAAAC,EAAC,MAAA,CACC,UAAWG,EAAG,+CAAgD,CAAE,sBAAuBL,CAAA,EAAYC,GAAS,KAAK,EAEhH,SAAAH,CAAA,CAAA,EAEHI,EAAC,MAAA,CAAI,UAAWG,EAAG,0CAA2C,CAAE,sBAAuBL,CAAA,EAAYC,GAAS,IAAI,EAC7G,SAAAF,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as c}from"react/jsx-runtime";import{memo as g,useId as h}from"react";import{Item as m,Indicator as x}from"@radix-ui/react-radio-group";import{AdditionalContent as y}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";import"uuid";const j=g(({item:t,disabled:o,displayValue:d,returnValue:n,classes:r,className:i,invalid:f,...u})=>{const p=d?d(t):t.label,b=n?n(t):t.value,l=h();return e(m,{...u,asChild:!0,disabled:o,value:b,id:l,children:c("li",{className:a("group flex items-center gap-x-3","w-full min-w-[200px] [&:not(:last-child)]:mb-4","[&:not(:disabled)]:cursor-pointer",{"pointer-events-none text-color-disabled":o},i,r==null?void 0:r.root),children:[e("div",{className:a("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","relative h-6 w-6 rounded-full border-2 border-blue-grey-700","group-data-[state=checked]:border-primary-default",{"border-negative":f,"group-data-[state=unchecked]:border-0 group-data-[state=checked]:border-primary-disabled group-data-[state=unchecked]:bg-color-blue-grey-300":o},r==null?void 0:r.item),children:e(x,{className:a("absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default","group-disabled:group-data-[state=checked]:bg-color-negative",{"group-data-[state=checked]:bg-color-primary-disabled":o},r==null?void 0:r.indicator)})}),e("label",{htmlFor:l,className:a("desk-body-regular-l capitalize text-color-dark",{"text-color-disabled":o},r==null?void 0:r.label),children:p}),(t==null?void 0:t.additionalContent)&&e(y,{disabled:o,...t==null?void 0:t.additionalContent,classes:r==null?void 0:r.additionalContent})]})})});export{j as RadioItem};
+import{jsx as o,jsxs as p}from"react/jsx-runtime";import{memo as b,useId as m}from"react";import{Item as g,Indicator as h}from"@radix-ui/react-radio-group";import{AdditionalContent as x}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const I=b(({item:r,disabled:e,displayValue:l,returnValue:d,classes:t,className:i,invalid:c,...s})=>{const f=l?l(r):r.label,u=d?d(r):r.value,n=m();return o(g,{...s,asChild:!0,disabled:e,value:u,id:n,children:p("li",{className:a("group flex items-center gap-x-3","w-full min-w-[200px] [&:not(:last-child)]:mb-4","[&:not(:disabled)]:cursor-pointer",{"pointer-events-none text-color-disabled":e},i,t?.root),children:[o("div",{className:a("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","relative h-6 w-6 rounded-full border-2 border-blue-grey-700","group-data-[state=checked]:border-primary-default",{"border-negative":c,"group-data-[state=unchecked]:border-0 group-data-[state=checked]:border-primary-disabled group-data-[state=unchecked]:bg-color-blue-grey-300":e},t?.item),children:o(h,{className:a("absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default","group-disabled:group-data-[state=checked]:bg-color-negative",{"group-data-[state=checked]:bg-color-primary-disabled":e},t?.indicator)})}),o("label",{htmlFor:n,className:a("desk-body-regular-l capitalize text-color-dark",{"text-color-disabled":e},t?.label),children:f}),r?.additionalContent&&o(x,{disabled:e,...r?.additionalContent,classes:t?.additionalContent})]})})});export{I as RadioItem};
 //# sourceMappingURL=RadioItem.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItem.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.tsx"],"sourcesContent":["import { memo, useId } from 'react'\nimport { Indicator, Item, type RadioGroupItemProps } from '@radix-ui/react-radio-group'\nimport { AdditionalContent, type AdditionalContentClasses, type AdditionalContentProps } from './AdditionalContent'\nimport { cn } from '$/shared/utils'\n\nexport type RadioOption = {\n  id: number | string\n  value: string\n  label: string\n  disabled?: boolean\n  additionalContent?: AdditionalContentProps\n}\n\nexport type RadioItemClasses = {\n  root?: string\n  item?: string\n  indicator?: string\n  label?: string\n  additionalContent?: AdditionalContentClasses\n}\n\nexport type RadioItemProps = Omit<RadioGroupItemProps, 'value'> & {\n  /**\n   * Опция списка\n   */\n  item: RadioOption\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: RadioOption) => string\n  /**\n   * Функция для управления возвращаемым значением\n   */\n  returnValue?: (option: RadioOption) => string\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: RadioItemClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n}\n\nexport const RadioItem = memo(\n  ({ item, disabled, displayValue, returnValue, classes, className, invalid, ...props }: RadioItemProps) => {\n    const label = displayValue ? displayValue(item) : item.label\n    const value = returnValue ? returnValue(item) : item.value\n\n    const id = useId()\n\n    return (\n      <Item {...props} asChild disabled={disabled} value={value} id={id}>\n        <li\n          className={cn(\n            'group flex items-center gap-x-3',\n            'w-full min-w-[200px] [&:not(:last-child)]:mb-4',\n            '[&:not(:disabled)]:cursor-pointer',\n            {\n              'pointer-events-none text-color-disabled': disabled\n            },\n            className,\n            classes?.root\n          )}\n        >\n          <div\n            className={cn(\n              'after:left-1/2 after:top-1/2 after:h-10 after:w-10',\n              '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              'relative h-6 w-6 rounded-full border-2 border-blue-grey-700',\n              'group-data-[state=checked]:border-primary-default',\n              {\n                'border-negative': invalid,\n                'group-data-[state=unchecked]:border-0 group-data-[state=checked]:border-primary-disabled group-data-[state=unchecked]:bg-color-blue-grey-300':\n                  disabled\n              },\n              classes?.item\n            )}\n          >\n            <Indicator\n              className={cn(\n                'absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default',\n                'group-disabled:group-data-[state=checked]:bg-color-negative',\n                {\n                  'group-data-[state=checked]:bg-color-primary-disabled': disabled\n                },\n                classes?.indicator\n              )}\n            />\n          </div>\n          <label\n            htmlFor={id}\n            className={cn(\n              'desk-body-regular-l capitalize text-color-dark',\n              {\n                'text-color-disabled': disabled\n              },\n              classes?.label\n            )}\n          >\n            {label}\n          </label>\n          {item?.additionalContent && (\n            <AdditionalContent disabled={disabled} {...item?.additionalContent} classes={classes?.additionalContent} />\n          )}\n        </li>\n      </Item>\n    )\n  }\n)\n"],"names":["RadioItem","memo","item","disabled","displayValue","returnValue","classes","className","invalid","props","label","value","id","useId","jsx","Item","jsxs","cn","Indicator","AdditionalContent"],"mappings":"oRA4CO,MAAMA,EAAYC,EACvB,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,aAAAC,EAAc,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,GAAGC,KAA4B,CACxG,MAAMC,EAAQN,EAAeA,EAAaF,CAAI,EAAIA,EAAK,MACjDS,EAAQN,EAAcA,EAAYH,CAAI,EAAIA,EAAK,MAE/CU,EAAKC,EAAA,EAEX,OACEC,EAACC,GAAM,GAAGN,EAAO,QAAO,GAAC,SAAAN,EAAoB,MAAAQ,EAAc,GAAAC,EACzD,SAAAI,EAAC,KAAA,CACC,UAAWC,EACT,kCACA,iDACA,oCACA,CACE,0CAA2Cd,CAAA,EAE7CI,EACAD,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAQ,EAAC,MAAA,CACC,UAAWG,EACT,qDACA,mEACA,6FACA,iFACA,uEACA,8DACA,oDACA,CACE,kBAAmBT,EACnB,+IACEL,CAAA,EAEJG,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAAQ,EAACI,EAAA,CACC,UAAWD,EACT,4GACA,8DACA,CACE,uDAAwDd,CAAA,EAE1DG,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAEFQ,EAAC,QAAA,CACC,QAASF,EACT,UAAWK,EACT,iDACA,CACE,sBAAuBd,CAAA,EAEzBG,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAAI,CAAA,CAAA,GAEFR,GAAA,YAAAA,EAAM,oBACLY,EAACK,EAAA,CAAkB,SAAAhB,EAAqB,GAAGD,GAAA,YAAAA,EAAM,kBAAmB,QAASI,GAAA,YAAAA,EAAS,iBAAA,CAAmB,CAAA,CAAA,CAAA,EAG/G,CAEJ,CACF"}
+{"version":3,"file":"RadioItem.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItem.tsx"],"sourcesContent":["import { memo, useId } from 'react'\nimport { Indicator, Item, type RadioGroupItemProps } from '@radix-ui/react-radio-group'\nimport { AdditionalContent, type AdditionalContentClasses, type AdditionalContentProps } from './AdditionalContent'\nimport { cn } from '$/shared/utils'\n\nexport type RadioOption = {\n  id: number | string\n  value: string\n  label: string\n  disabled?: boolean\n  additionalContent?: AdditionalContentProps\n}\n\nexport type RadioItemClasses = {\n  root?: string\n  item?: string\n  indicator?: string\n  label?: string\n  additionalContent?: AdditionalContentClasses\n}\n\nexport type RadioItemProps = Omit<RadioGroupItemProps, 'value'> & {\n  /**\n   * Опция списка\n   */\n  item: RadioOption\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: RadioOption) => string\n  /**\n   * Функция для управления возвращаемым значением\n   */\n  returnValue?: (option: RadioOption) => string\n  /**\n   * Дополнительные стили внутренних компонентов\n   */\n  classes?: RadioItemClasses\n  /**\n   * Свойство для отображения не валидного поля\n   */\n  invalid?: boolean\n}\n\nexport const RadioItem = memo(\n  ({ item, disabled, displayValue, returnValue, classes, className, invalid, ...props }: RadioItemProps) => {\n    const label = displayValue ? displayValue(item) : item.label\n    const value = returnValue ? returnValue(item) : item.value\n\n    const id = useId()\n\n    return (\n      <Item {...props} asChild disabled={disabled} value={value} id={id}>\n        <li\n          className={cn(\n            'group flex items-center gap-x-3',\n            'w-full min-w-[200px] [&:not(:last-child)]:mb-4',\n            '[&:not(:disabled)]:cursor-pointer',\n            {\n              'pointer-events-none text-color-disabled': disabled\n            },\n            className,\n            classes?.root\n          )}\n        >\n          <div\n            className={cn(\n              'after:left-1/2 after:top-1/2 after:h-10 after:w-10',\n              '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              'relative h-6 w-6 rounded-full border-2 border-blue-grey-700',\n              'group-data-[state=checked]:border-primary-default',\n              {\n                'border-negative': invalid,\n                'group-data-[state=unchecked]:border-0 group-data-[state=checked]:border-primary-disabled group-data-[state=unchecked]:bg-color-blue-grey-300':\n                  disabled\n              },\n              classes?.item\n            )}\n          >\n            <Indicator\n              className={cn(\n                'absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default',\n                'group-disabled:group-data-[state=checked]:bg-color-negative',\n                {\n                  'group-data-[state=checked]:bg-color-primary-disabled': disabled\n                },\n                classes?.indicator\n              )}\n            />\n          </div>\n          <label\n            htmlFor={id}\n            className={cn(\n              'desk-body-regular-l capitalize text-color-dark',\n              {\n                'text-color-disabled': disabled\n              },\n              classes?.label\n            )}\n          >\n            {label}\n          </label>\n          {item?.additionalContent && (\n            <AdditionalContent disabled={disabled} {...item?.additionalContent} classes={classes?.additionalContent} />\n          )}\n        </li>\n      </Item>\n    )\n  }\n)\n"],"names":["RadioItem","memo","item","disabled","displayValue","returnValue","classes","className","invalid","props","label","value","id","useId","jsx","Item","jsxs","cn","Indicator","AdditionalContent"],"mappings":"uQA4CO,MAAMA,EAAYC,EACvB,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,aAAAC,EAAc,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,QAAAC,EAAS,GAAGC,KAA4B,CACxG,MAAMC,EAAQN,EAAeA,EAAaF,CAAI,EAAIA,EAAK,MACjDS,EAAQN,EAAcA,EAAYH,CAAI,EAAIA,EAAK,MAE/CU,EAAKC,EAAA,EAEX,OACEC,EAACC,GAAM,GAAGN,EAAO,QAAO,GAAC,SAAAN,EAAoB,MAAAQ,EAAc,GAAAC,EACzD,SAAAI,EAAC,KAAA,CACC,UAAWC,EACT,kCACA,iDACA,oCACA,CACE,0CAA2Cd,CAAA,EAE7CI,EACAD,GAAS,IAAA,EAGX,SAAA,CAAAQ,EAAC,MAAA,CACC,UAAWG,EACT,qDACA,mEACA,6FACA,iFACA,uEACA,8DACA,oDACA,CACE,kBAAmBT,EACnB,+IACEL,CAAA,EAEJG,GAAS,IAAA,EAGX,SAAAQ,EAACI,EAAA,CACC,UAAWD,EACT,4GACA,8DACA,CACE,uDAAwDd,CAAA,EAE1DG,GAAS,SAAA,CACX,CAAA,CACF,CAAA,EAEFQ,EAAC,QAAA,CACC,QAASF,EACT,UAAWK,EACT,iDACA,CACE,sBAAuBd,CAAA,EAEzBG,GAAS,KAAA,EAGV,SAAAI,CAAA,CAAA,EAEFR,GAAM,mBACLY,EAACK,EAAA,CAAkB,SAAAhB,EAAqB,GAAGD,GAAM,kBAAmB,QAASI,GAAS,iBAAA,CAAmB,CAAA,CAAA,CAAA,EAG/G,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemCard.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as g}from"react/jsx-runtime";import{useId as h}from"react";import{Item as c,Indicator as v}from"@radix-ui/react-radio-group";import{AdditionalContent as x}from"./AdditionalContent.js";import{cn as e}from"../../../../../utils/cn.js";import"uuid";const m=({classes:o,returnValue:a,displayValue:n,item:r,disabled:f,invalid:l,...i})=>{const u=n?n(r):r==null?void 0:r.label,p=a?a(r):r==null?void 0:r.value,b=h(),d=f||(r==null?void 0:r.disabled);return t(c,{...i,className:e("outline-none",{"pointer-events-none":d}),asChild:!0,disabled:d,value:p,id:b,children:t("div",{children:g("li",{className:e("group flex w-[160px] flex-col items-start rounded-md border border-solid border-blue-grey-500 px-6 py-4",{"border-negative":l,"bg-color-blue-grey-200":d},o==null?void 0:o.root),children:[t("div",{className:e("mb-4 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","relative h-6 w-6 rounded-full border-2 border-blue-grey-700","group-data-[state=checked]:border-primary-default",{"border-negative":l},o==null?void 0:o.item),children:t(v,{className:e("absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default","group-disabled:group-data-[state=checked]:bg-color-negative",o==null?void 0:o.indicator)})}),t("label",{htmlFor:b,className:e("desk-body-regular-l mb-4 capitalize text-color-dark",{"text-color-disabled":d},o==null?void 0:o.label),children:u}),(r==null?void 0:r.additionalContent)&&t(x,{disabled:d,...r==null?void 0:r.additionalContent,classes:o==null?void 0:o.additionalContent})]})})})};export{m as RadioItemCard};
+import{jsx as r,jsxs as u}from"react/jsx-runtime";import{useId as m}from"react";import{Item as p,Indicator as g}from"@radix-ui/react-radio-group";import{AdditionalContent as h}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const k=({classes:t,returnValue:d,displayValue:l,item:e,disabled:s,invalid:n,...b})=>{const c=l?l(e):e?.label,f=d?d(e):e?.value,i=m(),o=s||e?.disabled;return r(p,{...b,className:a("outline-none",{"pointer-events-none":o}),asChild:!0,disabled:o,value:f,id:i,children:r("div",{children:u("li",{className:a("group flex w-[160px] flex-col items-start rounded-md border border-solid border-blue-grey-500 px-6 py-4",{"border-negative":n,"bg-color-blue-grey-200":o},t?.root),children:[r("div",{className:a("mb-4 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","relative h-6 w-6 rounded-full border-2 border-blue-grey-700","group-data-[state=checked]:border-primary-default",{"border-negative":n},t?.item),children:r(g,{className:a("absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default","group-disabled:group-data-[state=checked]:bg-color-negative",t?.indicator)})}),r("label",{htmlFor:i,className:a("desk-body-regular-l mb-4 capitalize text-color-dark",{"text-color-disabled":o},t?.label),children:c}),e?.additionalContent&&r(h,{disabled:o,...e?.additionalContent,classes:t?.additionalContent})]})})})};export{k as RadioItemCard};
 //# sourceMappingURL=RadioItemCard.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItemCard.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemCard.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { Indicator, Item } from '@radix-ui/react-radio-group'\nimport type { RenderComponentProps } from '../RadioGroup'\nimport { AdditionalContent } from './AdditionalContent'\nimport { cn } from '$/shared/utils'\n\nexport interface RadioItemCardProps extends RenderComponentProps {}\n\nexport const RadioItemCard = ({\n  classes,\n  returnValue,\n  displayValue,\n  item,\n  disabled: disableGroup,\n  invalid,\n  ...props\n}: RadioItemCardProps) => {\n  const label = displayValue ? displayValue(item) : item?.label\n  const value = returnValue ? returnValue(item) : item?.value\n  const id = useId()\n\n  const disabled = disableGroup || item?.disabled\n\n  return (\n    <Item\n      {...props}\n      className={cn('outline-none', { 'pointer-events-none': disabled })}\n      asChild\n      disabled={disabled}\n      value={value}\n      id={id}\n    >\n      <div>\n        <li\n          className={cn(\n            'group flex w-[160px] flex-col items-start rounded-md border border-solid border-blue-grey-500 px-6 py-4',\n            { 'border-negative': invalid, 'bg-color-blue-grey-200': disabled },\n            classes?.root\n          )}\n        >\n          <div\n            className={cn(\n              'mb-4 after:left-1/2 after:top-1/2 after:h-10 after:w-10',\n              '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              'relative h-6 w-6 rounded-full border-2 border-blue-grey-700',\n              'group-data-[state=checked]:border-primary-default',\n              {\n                'border-negative': invalid\n              },\n              classes?.item\n            )}\n          >\n            <Indicator\n              className={cn(\n                'absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default',\n                'group-disabled:group-data-[state=checked]:bg-color-negative',\n                classes?.indicator\n              )}\n            />\n          </div>\n          <label\n            htmlFor={id}\n            className={cn(\n              'desk-body-regular-l mb-4 capitalize text-color-dark',\n              { 'text-color-disabled': disabled },\n              classes?.label\n            )}\n          >\n            {label}\n          </label>\n          {item?.additionalContent && (\n            <AdditionalContent disabled={disabled} {...item?.additionalContent} classes={classes?.additionalContent} />\n          )}\n        </li>\n      </div>\n    </Item>\n  )\n}\n"],"names":["RadioItemCard","classes","returnValue","displayValue","item","disableGroup","invalid","props","label","value","id","useId","disabled","jsx","Item","cn","jsxs","Indicator","AdditionalContent"],"mappings":"0QAQO,MAAMA,EAAgB,CAAC,CAC5B,QAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAUC,EACV,QAAAC,EACA,GAAGC,CACL,IAA0B,CACxB,MAAMC,EAAQL,EAAeA,EAAaC,CAAI,EAAIA,GAAA,YAAAA,EAAM,MAClDK,EAAQP,EAAcA,EAAYE,CAAI,EAAIA,GAAA,YAAAA,EAAM,MAChDM,EAAKC,EAAA,EAELC,EAAWP,IAAgBD,GAAA,YAAAA,EAAM,UAEvC,OACES,EAACC,EAAA,CACE,GAAGP,EACJ,UAAWQ,EAAG,eAAgB,CAAE,sBAAuBH,EAAU,EACjE,QAAO,GACP,SAAAA,EACA,MAAAH,EACA,GAAAC,EAEA,WAAC,MAAA,CACC,SAAAM,EAAC,KAAA,CACC,UAAWD,EACT,0GACA,CAAE,kBAAmBT,EAAS,yBAA0BM,CAAA,EACxDX,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAY,EAAC,MAAA,CACC,UAAWE,EACT,0DACA,mEACA,6FACA,iFACA,uEACA,8DACA,oDACA,CACE,kBAAmBT,CAAA,EAErBL,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAAY,EAACI,EAAA,CACC,UAAWF,EACT,4GACA,8DACAd,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAEFY,EAAC,QAAA,CACC,QAASH,EACT,UAAWK,EACT,sDACA,CAAE,sBAAuBH,CAAA,EACzBX,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAAO,CAAA,CAAA,GAEFJ,GAAA,YAAAA,EAAM,oBACLS,EAACK,EAAA,CAAkB,SAAAN,EAAqB,GAAGR,GAAA,YAAAA,EAAM,kBAAmB,QAASH,GAAA,YAAAA,EAAS,iBAAA,CAAmB,CAAA,CAAA,CAAA,CAE7G,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"RadioItemCard.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemCard.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { Indicator, Item } from '@radix-ui/react-radio-group'\nimport type { RenderComponentProps } from '../RadioGroup'\nimport { AdditionalContent } from './AdditionalContent'\nimport { cn } from '$/shared/utils'\n\nexport interface RadioItemCardProps extends RenderComponentProps {}\n\nexport const RadioItemCard = ({\n  classes,\n  returnValue,\n  displayValue,\n  item,\n  disabled: disableGroup,\n  invalid,\n  ...props\n}: RadioItemCardProps) => {\n  const label = displayValue ? displayValue(item) : item?.label\n  const value = returnValue ? returnValue(item) : item?.value\n  const id = useId()\n\n  const disabled = disableGroup || item?.disabled\n\n  return (\n    <Item\n      {...props}\n      className={cn('outline-none', { 'pointer-events-none': disabled })}\n      asChild\n      disabled={disabled}\n      value={value}\n      id={id}\n    >\n      <div>\n        <li\n          className={cn(\n            'group flex w-[160px] flex-col items-start rounded-md border border-solid border-blue-grey-500 px-6 py-4',\n            { 'border-negative': invalid, 'bg-color-blue-grey-200': disabled },\n            classes?.root\n          )}\n        >\n          <div\n            className={cn(\n              'mb-4 after:left-1/2 after:top-1/2 after:h-10 after:w-10',\n              '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              'relative h-6 w-6 rounded-full border-2 border-blue-grey-700',\n              'group-data-[state=checked]:border-primary-default',\n              {\n                'border-negative': invalid\n              },\n              classes?.item\n            )}\n          >\n            <Indicator\n              className={cn(\n                'absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-color-primary-default',\n                'group-disabled:group-data-[state=checked]:bg-color-negative',\n                classes?.indicator\n              )}\n            />\n          </div>\n          <label\n            htmlFor={id}\n            className={cn(\n              'desk-body-regular-l mb-4 capitalize text-color-dark',\n              { 'text-color-disabled': disabled },\n              classes?.label\n            )}\n          >\n            {label}\n          </label>\n          {item?.additionalContent && (\n            <AdditionalContent disabled={disabled} {...item?.additionalContent} classes={classes?.additionalContent} />\n          )}\n        </li>\n      </div>\n    </Item>\n  )\n}\n"],"names":["RadioItemCard","classes","returnValue","displayValue","item","disableGroup","invalid","props","label","value","id","useId","disabled","jsx","Item","cn","jsxs","Indicator","AdditionalContent"],"mappings":"6PAQO,MAAMA,EAAgB,CAAC,CAC5B,QAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAUC,EACV,QAAAC,EACA,GAAGC,CACL,IAA0B,CACxB,MAAMC,EAAQL,EAAeA,EAAaC,CAAI,EAAIA,GAAM,MAClDK,EAAQP,EAAcA,EAAYE,CAAI,EAAIA,GAAM,MAChDM,EAAKC,EAAA,EAELC,EAAWP,GAAgBD,GAAM,SAEvC,OACES,EAACC,EAAA,CACE,GAAGP,EACJ,UAAWQ,EAAG,eAAgB,CAAE,sBAAuBH,EAAU,EACjE,QAAO,GACP,SAAAA,EACA,MAAAH,EACA,GAAAC,EAEA,WAAC,MAAA,CACC,SAAAM,EAAC,KAAA,CACC,UAAWD,EACT,0GACA,CAAE,kBAAmBT,EAAS,yBAA0BM,CAAA,EACxDX,GAAS,IAAA,EAGX,SAAA,CAAAY,EAAC,MAAA,CACC,UAAWE,EACT,0DACA,mEACA,6FACA,iFACA,uEACA,8DACA,oDACA,CACE,kBAAmBT,CAAA,EAErBL,GAAS,IAAA,EAGX,SAAAY,EAACI,EAAA,CACC,UAAWF,EACT,4GACA,8DACAd,GAAS,SAAA,CACX,CAAA,CACF,CAAA,EAEFY,EAAC,QAAA,CACC,QAASH,EACT,UAAWK,EACT,sDACA,CAAE,sBAAuBH,CAAA,EACzBX,GAAS,KAAA,EAGV,SAAAO,CAAA,CAAA,EAEFJ,GAAM,mBACLS,EAACK,EAAA,CAAkB,SAAAN,EAAqB,GAAGR,GAAM,kBAAmB,QAASH,GAAS,iBAAA,CAAmB,CAAA,CAAA,CAAA,CAE7G,CACF,CAAA,CAAA,CAGN"}

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemTab.js

@@ -1,2 +1,2 @@
-import{jsx as d,jsxs as g}from"react/jsx-runtime";import{useId as h}from"react";import{Item as x}from"@radix-ui/react-radio-group";import{AdditionalContent as y}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";import"uuid";const N=({classes:r,returnValue:n,displayValue:e,item:o,disabled:b,invalid:i,...c})=>{const p=e?e(o):o.label,u=n?n(o):o.value,l=h(),t=b||(o==null?void 0:o.disabled);return d(x,{...c,asChild:!0,disabled:t,value:u,id:l,children:g("li",{className:a("group desk-body-regular-l cursor-pointer rounded-sm border border-solid border-transparent bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=checked]:!bg-color-primary-default",{"pointer-events-none text-color-disabled":t,"border-negative":i},r==null?void 0:r.root),children:[d("label",{htmlFor:l,className:a("desk-body-regular-l cursor-pointer text-color-dark transition-colors group-data-[state=checked]:!text-color-white",{"text-color-disabled":t},r==null?void 0:r.label),children:p}),(o==null?void 0:o.additionalContent)&&d(y,{disabled:t,...o==null?void 0:o.additionalContent,classes:r==null?void 0:r.additionalContent})]})})};export{N as RadioItemTab};
+import{jsx as t,jsxs as u}from"react/jsx-runtime";import{useId as m}from"react";import{Item as g}from"@radix-ui/react-radio-group";import{AdditionalContent as h}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const C=({classes:e,returnValue:l,displayValue:d,item:o,disabled:i,invalid:s,...c})=>{const b=d?d(o):o.label,p=l?l(o):o.value,n=m(),r=i||o?.disabled;return t(g,{...c,asChild:!0,disabled:r,value:p,id:n,children:u("li",{className:a("group desk-body-regular-l cursor-pointer rounded-sm border border-solid border-transparent bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=checked]:!bg-color-primary-default",{"pointer-events-none text-color-disabled":r,"border-negative":s},e?.root),children:[t("label",{htmlFor:n,className:a("desk-body-regular-l cursor-pointer text-color-dark transition-colors group-data-[state=checked]:!text-color-white",{"text-color-disabled":r},e?.label),children:b}),o?.additionalContent&&t(h,{disabled:r,...o?.additionalContent,classes:e?.additionalContent})]})})};export{C as RadioItemTab};
 //# sourceMappingURL=RadioItemTab.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioItemTab.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemTab.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { Item } from '@radix-ui/react-radio-group'\nimport type { RenderComponentProps } from '../RadioGroup'\nimport { AdditionalContent } from './AdditionalContent'\nimport { cn } from '$/shared/utils'\n\nexport interface RadioItemTabProps extends RenderComponentProps {}\n\nexport const RadioItemTab = ({\n  classes,\n  returnValue,\n  displayValue,\n  item,\n  disabled: disableGroup,\n  invalid,\n  ...props\n}: RadioItemTabProps) => {\n  const label = displayValue ? displayValue(item) : item.label\n  const value = returnValue ? returnValue(item) : item.value\n  const id = useId()\n\n  const disabled = disableGroup || item?.disabled\n\n  return (\n    <Item {...props} asChild disabled={disabled} value={value} id={id}>\n      <li\n        className={cn(\n          'group desk-body-regular-l cursor-pointer rounded-sm border border-solid border-transparent bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=checked]:!bg-color-primary-default',\n          { 'pointer-events-none text-color-disabled': disabled, 'border-negative': invalid },\n          classes?.root\n        )}\n      >\n        <label\n          htmlFor={id}\n          className={cn(\n            'desk-body-regular-l cursor-pointer text-color-dark transition-colors group-data-[state=checked]:!text-color-white',\n            { 'text-color-disabled': disabled },\n            classes?.label\n          )}\n        >\n          {label}\n        </label>\n        {item?.additionalContent && (\n          <AdditionalContent disabled={disabled} {...item?.additionalContent} classes={classes?.additionalContent} />\n        )}\n      </li>\n    </Item>\n  )\n}\n"],"names":["RadioItemTab","classes","returnValue","displayValue","item","disableGroup","invalid","props","label","value","id","useId","disabled","jsx","Item","jsxs","cn","AdditionalContent"],"mappings":"2PAQO,MAAMA,EAAe,CAAC,CAC3B,QAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAUC,EACV,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAQL,EAAeA,EAAaC,CAAI,EAAIA,EAAK,MACjDK,EAAQP,EAAcA,EAAYE,CAAI,EAAIA,EAAK,MAC/CM,EAAKC,EAAA,EAELC,EAAWP,IAAgBD,GAAA,YAAAA,EAAM,UAEvC,OACES,EAACC,GAAM,GAAGP,EAAO,QAAO,GAAC,SAAAK,EAAoB,MAAAH,EAAc,GAAAC,EACzD,SAAAK,EAAC,KAAA,CACC,UAAWC,EACT,kTACA,CAAE,0CAA2CJ,EAAU,kBAAmBN,CAAA,EAC1EL,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAY,EAAC,QAAA,CACC,QAASH,EACT,UAAWM,EACT,oHACA,CAAE,sBAAuBJ,CAAA,EACzBX,GAAA,YAAAA,EAAS,KAAA,EAGV,SAAAO,CAAA,CAAA,GAEFJ,GAAA,YAAAA,EAAM,oBACLS,EAACI,EAAA,CAAkB,SAAAL,EAAqB,GAAGR,GAAA,YAAAA,EAAM,kBAAmB,QAASH,GAAA,YAAAA,EAAS,iBAAA,CAAmB,CAAA,CAAA,CAAA,EAG/G,CAEJ"}
+{"version":3,"file":"RadioItemTab.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/radio/ui/RadioItemTab.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { Item } from '@radix-ui/react-radio-group'\nimport type { RenderComponentProps } from '../RadioGroup'\nimport { AdditionalContent } from './AdditionalContent'\nimport { cn } from '$/shared/utils'\n\nexport interface RadioItemTabProps extends RenderComponentProps {}\n\nexport const RadioItemTab = ({\n  classes,\n  returnValue,\n  displayValue,\n  item,\n  disabled: disableGroup,\n  invalid,\n  ...props\n}: RadioItemTabProps) => {\n  const label = displayValue ? displayValue(item) : item.label\n  const value = returnValue ? returnValue(item) : item.value\n  const id = useId()\n\n  const disabled = disableGroup || item?.disabled\n\n  return (\n    <Item {...props} asChild disabled={disabled} value={value} id={id}>\n      <li\n        className={cn(\n          'group desk-body-regular-l cursor-pointer rounded-sm border border-solid border-transparent bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=checked]:!bg-color-primary-default',\n          { 'pointer-events-none text-color-disabled': disabled, 'border-negative': invalid },\n          classes?.root\n        )}\n      >\n        <label\n          htmlFor={id}\n          className={cn(\n            'desk-body-regular-l cursor-pointer text-color-dark transition-colors group-data-[state=checked]:!text-color-white',\n            { 'text-color-disabled': disabled },\n            classes?.label\n          )}\n        >\n          {label}\n        </label>\n        {item?.additionalContent && (\n          <AdditionalContent disabled={disabled} {...item?.additionalContent} classes={classes?.additionalContent} />\n        )}\n      </li>\n    </Item>\n  )\n}\n"],"names":["RadioItemTab","classes","returnValue","displayValue","item","disableGroup","invalid","props","label","value","id","useId","disabled","jsx","Item","jsxs","cn","AdditionalContent"],"mappings":"8OAQO,MAAMA,EAAe,CAAC,CAC3B,QAAAC,EACA,YAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAUC,EACV,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAQL,EAAeA,EAAaC,CAAI,EAAIA,EAAK,MACjDK,EAAQP,EAAcA,EAAYE,CAAI,EAAIA,EAAK,MAC/CM,EAAKC,EAAA,EAELC,EAAWP,GAAgBD,GAAM,SAEvC,OACES,EAACC,GAAM,GAAGP,EAAO,QAAO,GAAC,SAAAK,EAAoB,MAAAH,EAAc,GAAAC,EACzD,SAAAK,EAAC,KAAA,CACC,UAAWC,EACT,kTACA,CAAE,0CAA2CJ,EAAU,kBAAmBN,CAAA,EAC1EL,GAAS,IAAA,EAGX,SAAA,CAAAY,EAAC,QAAA,CACC,QAASH,EACT,UAAWM,EACT,oHACA,CAAE,sBAAuBJ,CAAA,EACzBX,GAAS,KAAA,EAGV,SAAAO,CAAA,CAAA,EAEFJ,GAAM,mBACLS,EAACI,EAAA,CAAkB,SAAAL,EAAqB,GAAGR,GAAM,kBAAmB,QAASH,GAAS,iBAAA,CAAmB,CAAA,CAAA,CAAA,EAG/G,CAEJ"}

package/dist/lib/shared/ui/formElements/uncontrolled/slider/SliderBase.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{SliderAlgorithmic as m}from"./ui/sliderAlgorithmic/SliderAlgorithmic.js";import{SliderMarks as i}from"./ui/sliderMarks/SliderMarks.js";import{SliderStep as c}from"./ui/sliderStep/SliderStep.js";const d=o((r,e)=>{switch(r.componentType){case"marks":return t(i,{...r,ref:e,componentType:"marks"});case"algorithmic":return t(m,{...r,ref:e,componentType:"algorithmic"});case"step":default:return t(c,{...r,ref:e,componentType:"step"})}});export{d as SliderBase};
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{SliderStep as m}from"./ui/sliderStep/SliderStep.js";import{SliderAlgorithmic as i}from"./ui/sliderAlgorithmic/SliderAlgorithmic.js";import{SliderMarks as c}from"./ui/sliderMarks/SliderMarks.js";const d=o((r,e)=>{switch(r.componentType){case"marks":return t(c,{...r,ref:e,componentType:"marks"});case"algorithmic":return t(i,{...r,ref:e,componentType:"algorithmic"});case"step":default:return t(m,{...r,ref:e,componentType:"step"})}});export{d as SliderBase};
 //# sourceMappingURL=SliderBase.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/model/helpers/getInputSliderSuffix.js

@@ -1,2 +1,2 @@
-import{getFormattedCurrency as f}from"./currency/getFormattedCurrency.js";import{getIntlMonth as n}from"./dates/getIntlMonth.js";import{getYearIntl as o}from"./dates/getYearIntl.js";import{getDayIntl as e}from"./dates/getDayIntl.js";const s=(r,t,m=!0)=>{if(!t)return"";const c={year:o(t),month:n(t),day:e(t),currency:"₽",percent:"%"},i={year:`${t} ${o(t)}`,month:`${t} ${n(t)}`,day:`${t} ${e(t)}`,currency:f(t),percent:`${t}%`};return m?c[r]:i[r]};export{s as getInputSliderSuffix};
+import{getDayIntl as n}from"./dates/getDayIntl.js";import{getIntlMonth as o}from"./dates/getIntlMonth.js";import{getYearIntl as e}from"./dates/getYearIntl.js";import{getFormattedCurrency as f}from"./currency/getFormattedCurrency.js";const s=(r,t,m=!0)=>{if(!t)return"";const c={year:e(t),month:o(t),day:n(t),currency:"₽",percent:"%"},i={year:`${t} ${e(t)}`,month:`${t} ${o(t)}`,day:`${t} ${n(t)}`,currency:f(t),percent:`${t}%`};return m?c[r]:i[r]};export{s as getInputSliderSuffix};
 //# sourceMappingURL=getInputSliderSuffix.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.js

@@ -1,2 +1,2 @@
-import{jsx as n,Fragment as v}from"react/jsx-runtime";import w from"../../../../../../../node_modules/.pnpm/rc-slider@11.1.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-slider/es/Slider.js";import"react";import{cn as a}from"../../../../../utils/cn.js";import"uuid";const x=({classes:l,min:i,max:s,value:f,step:b,marks:t,disabled:c,onChange:p,externalHandlers:e,...u})=>{const{track:d,rail:m,handle:g}=l||{},h=o=>{const r=Array.isArray(o)?o[0]:o;p(r),e!=null&&e.onChange&&e.onChange(r)},y=t==null?void 0:t.reduce((o,r)=>(o[r]=n(v,{}),o),{});return n("div",{className:"absolute bottom-0 w-full",children:n(w,{...u,className:"relative h-[4px]",value:f,marks:y,disabled:c,min:i,max:s,onChange:h,step:b,classNames:{track:a("absolute bg-color-primary-default size-[3px]",d),rail:a("absolute w-full size-[3px]",m),handle:a("absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ","ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[""]',"hover:before:bg-color-primary-tr-hover","focus:before:bg-color-primary-tr-pressed",g)}})})};export{x as SliderInner};
+import{jsx as o,Fragment as k}from"react/jsx-runtime";import x from"../../../../../../../node_modules/.pnpm/rc-slider@11.1.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/rc-slider/es/Slider.js";import"react";import{cn as t}from"../../../../../utils/cn.js";const N=({classes:n,min:l,max:s,value:i,step:f,marks:b,disabled:c,onChange:d,externalHandlers:a,...u})=>{const{track:p,rail:m,handle:g}=n||{},h=e=>{const r=Array.isArray(e)?e[0]:e;d(r),a?.onChange&&a.onChange(r)},y=b?.reduce((e,r)=>(e[r]=o(k,{}),e),{});return o("div",{className:"absolute bottom-0 w-full",children:o(x,{...u,className:"relative h-[4px]",value:i,marks:y,disabled:c,min:l,max:s,onChange:h,step:f,classNames:{track:t("absolute bg-color-primary-default size-[3px]",p),rail:t("absolute w-full size-[3px]",m),handle:t("absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ","ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[""]',"hover:before:bg-color-primary-tr-hover","focus:before:bg-color-primary-tr-pressed",g)}})})};export{N as SliderInner};
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.tsx"],"sourcesContent":["import Slider from 'rc-slider'\nimport { type ExternalHandlers } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type SliderClasses = {\n  track?: string\n  rail?: string\n  handle?: string\n  tracks?: string\n}\n\nexport interface SliderInnerProps {\n  classes?: SliderClasses\n  onChange: (value: number) => void\n  value: number\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number | null\n  marks?: number[]\n  externalHandlers?: ExternalHandlers\n}\n\nexport const SliderInner = ({\n  classes,\n  min,\n  max,\n  value,\n  step,\n  marks,\n  disabled,\n  onChange,\n  externalHandlers,\n  ...props\n}: SliderInnerProps) => {\n  const { track, rail, handle } = classes || {}\n\n  const handleChangeSlider = (value: number | number[]) => {\n    const newValue = Array.isArray(value) ? value[0] : value\n    onChange(newValue)\n    if (externalHandlers?.onChange) externalHandlers.onChange(newValue)\n  }\n\n  const convertedMarks = marks?.reduce(\n    (acc, value) => {\n      acc[value] = <></>\n      return acc\n    },\n    {} as Record<number, JSX.Element>\n  )\n\n  return (\n    <div className='absolute bottom-0 w-full'>\n      <Slider\n        {...props}\n        className='relative h-[4px]'\n        value={value}\n        marks={convertedMarks}\n        disabled={disabled}\n        min={min}\n        max={max}\n        onChange={handleChangeSlider}\n        step={step}\n        classNames={{\n          track: cn('absolute bg-color-primary-default size-[3px]', track),\n          rail: cn('absolute w-full size-[3px]', rail),\n          handle: cn(\n            'absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ',\n\n            'ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n\n            'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[\"\"]',\n\n            'hover:before:bg-color-primary-tr-hover',\n\n            'focus:before:bg-color-primary-tr-pressed',\n            handle\n          )\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["SliderInner","classes","min","max","value","step","marks","disabled","onChange","externalHandlers","props","track","rail","handle","handleChangeSlider","newValue","convertedMarks","acc","jsx","Fragment","Slider","cn"],"mappings":"yRAuBO,MAAMA,EAAc,CAAC,CAC1B,QAAAC,EACA,IAAAC,EACA,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAM,OAAAC,CAAA,EAAWZ,GAAW,CAAA,EAErCa,EAAsBV,GAA6B,CACvD,MAAMW,EAAW,MAAM,QAAQX,CAAK,EAAIA,EAAM,CAAC,EAAIA,EACnDI,EAASO,CAAQ,EACbN,GAAA,MAAAA,EAAkB,UAAUA,EAAiB,SAASM,CAAQ,CACpE,EAEMC,EAAiBV,GAAA,YAAAA,EAAO,OAC5B,CAACW,EAAKb,KACJa,EAAIb,CAAK,EAAIc,EAAAC,EAAA,CAAA,CAAE,EACRF,GAET,CAAA,GAGF,OACEC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAAA,EAACE,EAAA,CACE,GAAGV,EACJ,UAAU,mBACV,MAAAN,EACA,MAAOY,EACP,SAAAT,EACA,IAAAL,EACA,IAAAC,EACA,SAAUW,EACV,KAAAT,EACA,WAAY,CACV,MAAOgB,EAAG,+CAAgDV,CAAK,EAC/D,KAAMU,EAAG,6BAA8BT,CAAI,EAC3C,OAAQS,EACN,iEAEA,kLAEA,mLAEA,yCAEA,2CACAR,CAAA,CACF,CACF,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"Slider.js","sources":["../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/Slider.tsx"],"sourcesContent":["import Slider from 'rc-slider'\nimport { type ExternalHandlers } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type SliderClasses = {\n  track?: string\n  rail?: string\n  handle?: string\n  tracks?: string\n}\n\nexport interface SliderInnerProps {\n  classes?: SliderClasses\n  onChange: (value: number) => void\n  value: number\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number | null\n  marks?: number[]\n  externalHandlers?: ExternalHandlers\n}\n\nexport const SliderInner = ({\n  classes,\n  min,\n  max,\n  value,\n  step,\n  marks,\n  disabled,\n  onChange,\n  externalHandlers,\n  ...props\n}: SliderInnerProps) => {\n  const { track, rail, handle } = classes || {}\n\n  const handleChangeSlider = (value: number | number[]) => {\n    const newValue = Array.isArray(value) ? value[0] : value\n    onChange(newValue)\n    if (externalHandlers?.onChange) externalHandlers.onChange(newValue)\n  }\n\n  const convertedMarks = marks?.reduce(\n    (acc, value) => {\n      acc[value] = <></>\n      return acc\n    },\n    {} as Record<number, JSX.Element>\n  )\n\n  return (\n    <div className='absolute bottom-0 w-full'>\n      <Slider\n        {...props}\n        className='relative h-[4px]'\n        value={value}\n        marks={convertedMarks}\n        disabled={disabled}\n        min={min}\n        max={max}\n        onChange={handleChangeSlider}\n        step={step}\n        classNames={{\n          track: cn('absolute bg-color-primary-default size-[3px]', track),\n          rail: cn('absolute w-full size-[3px]', rail),\n          handle: cn(\n            'absolute top-1/2 !-translate-y-1/2 left-1/2 !-translate-x-1/2 ',\n\n            'ring-offset-background block h-4 w-4 cursor-pointer rounded-full bg-color-primary-default transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50',\n\n            'before:absolute before:left-1/2 before:top-1/2 before:size-8 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-color-transparent before:content-[\"\"]',\n\n            'hover:before:bg-color-primary-tr-hover',\n\n            'focus:before:bg-color-primary-tr-pressed',\n            handle\n          )\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["SliderInner","classes","min","max","value","step","marks","disabled","onChange","externalHandlers","props","track","rail","handle","handleChangeSlider","newValue","convertedMarks","acc","jsx","Fragment","Slider","cn"],"mappings":"4QAuBO,MAAMA,EAAc,CAAC,CAC1B,QAAAC,EACA,IAAAC,EACA,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAM,OAAAC,CAAA,EAAWZ,GAAW,CAAA,EAErCa,EAAsBV,GAA6B,CACvD,MAAMW,EAAW,MAAM,QAAQX,CAAK,EAAIA,EAAM,CAAC,EAAIA,EACnDI,EAASO,CAAQ,EACbN,GAAkB,UAAUA,EAAiB,SAASM,CAAQ,CACpE,EAEMC,EAAiBV,GAAO,OAC5B,CAACW,EAAKb,KACJa,EAAIb,CAAK,EAAIc,EAAAC,EAAA,CAAA,CAAE,EACRF,GAET,CAAA,CAAC,EAGH,OACEC,EAAC,MAAA,CAAI,UAAU,2BACb,SAAAA,EAACE,EAAA,CACE,GAAGV,EACJ,UAAU,mBACV,MAAAN,EACA,MAAOY,EACP,SAAAT,EACA,IAAAL,EACA,IAAAC,EACA,SAAUW,EACV,KAAAT,EACA,WAAY,CACV,MAAOgB,EAAG,+CAAgDV,CAAK,EAC/D,KAAMU,EAAG,6BAA8BT,CAAI,EAC3C,OAAQS,EACN,iEAEA,kLAEA,mLAEA,yCAEA,2CACAR,CAAA,CACF,CACF,CAAA,EAEJ,CAEJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SliderAlgorithmic.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderAlgorithmicProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderAlgorithmic } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderAlgorithmic = forwardRef<HTMLInputElement, SliderAlgorithmicProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n      min: Number(min),\n      max: Number(max),\n      defaultValue: 0,\n      value,\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue !== undefined) {\n                    if (onChange) onChange(floatValue)\n                    externalHandlers?.onInputChange?.(floatValue)\n                  }\n                }}\n                data-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                data-layer-id={dataLayers?.targetId}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={sliderStep}\n            value={sliderValue}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n            externalHandlers={externalHandlers}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderAlgorithmic","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","sliderValue","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderAlgorithmic","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"m/EAUA,MAAMA,EACJC,EAACC,EAAA,CACC,KAAK,eACL,UAAU,wGAAA,CACZ,EAGWC,GAAoBC,EAC/B,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,IAAAC,EACA,IAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9CE,EAAkB,IAAM,QAC5BC,EAAAF,GAAA,YAAAA,EAAU,UAAV,MAAAE,EAAmB,OACrB,EAEM,CAAE,YAAAC,EAAa,WAAAC,EAAY,UAAAC,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAqB,CACjG,IAAK,OAAOrB,CAAG,EACf,IAAK,OAAOC,CAAG,EACf,aAAc,EACd,MAAAH,EACA,SAAAC,CAAA,CACD,EAEK,CAAE,KAAAuB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAUnC,GAAW,CAAA,EAEjG,OACEoC,EAAC,OAAI,aAAYvB,EAAe,UAAWwB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+B,CAAG,cAAgBzB,CAAA,EAAYuB,CAAK,EACpF,SAAA,CAAAvC,EAAC0C,EAAA,CACC,MAAA7B,EACA,MAAAL,EACA,gBAAiB,CACf,YAAaQ,EAAW,QAAYF,GAAA,YAAAA,EAAiB,cAAeU,EACpE,KAAMR,EAAW,QAAYF,GAAA,YAAAA,EAAiB,OAAQf,EACtD,GAAGe,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGsB,CAAA,EAEL,OAASO,GAAM,CACTxB,GAAA,MAAAA,EAAO,SAAQA,GAAA,MAAAA,EAAO,OAAOwB,IAC7BrC,GAAA,MAAAA,EAAkB,QAAQA,EAAiB,OAAOqC,CAAC,CACzD,EACA,QAASrC,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,aAAc,IACZN,EAAC4C,EAAA,CACC,GAAIvB,EACJ,SAAAL,EACA,eAAcX,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIsC,EAAqBjC,EAAQJ,CAAK,CAAC,IAAIO,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa+B,EAAUvB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAA2B,KAAiB,OAC7BA,IAAe,SACbtC,KAAmBsC,CAAU,GACjCtB,EAAAnB,GAAA,YAAAA,EAAkB,gBAAlB,MAAAmB,EAAA,KAAAnB,EAAkCyC,GAEtC,EACA,UAAQ,SACR,UAAWN,EACT,yGAEAH,CAAA,EAEF,gBAAepB,GAAA,YAAAA,EAAY,SAC1B,GAAGC,CAAA,CAAA,CACN,CAAA,EAGJnB,EAACgD,EAAA,CACC,QAAS,CAAE,GAAGf,CAAA,EACd,KAAMN,EACN,MAAOD,EACP,SAAAnB,EACA,IAAK,OAAOqB,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,EACV,iBAAAxB,CAAA,CAAA,CACF,EACF,IACC,MAAA,CAAI,UAAWmC,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAA3B,GACCV,EAAC,OAAA,CAAK,UAAWyC,EAAG,0CAA2CP,CAAQ,EACpE,SAAAW,EAAqBjC,EAAQF,EAAK,EAAK,CAAA,CAC1C,EAEDC,GACCX,EAAC,OAAA,CAAK,UAAWyC,EAAG,0CAA2CN,CAAS,EACrE,SAAAU,EAAqBjC,EAAQD,EAAK,EAAK,CAAA,CAC1C,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}
+{"version":3,"file":"SliderAlgorithmic.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderAlgorithmic/SliderAlgorithmic.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderAlgorithmicProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderAlgorithmic } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderAlgorithmic = forwardRef<HTMLInputElement, SliderAlgorithmicProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { sliderValue, sliderStep, sliderMin, sliderMax, handleChangeSlider } = useSliderAlgorithmic({\n      min: Number(min),\n      max: Number(max),\n      defaultValue: 0,\n      value,\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue !== undefined) {\n                    if (onChange) onChange(floatValue)\n                    externalHandlers?.onInputChange?.(floatValue)\n                  }\n                }}\n                data-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                data-layer-id={dataLayers?.targetId}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={sliderStep}\n            value={sliderValue}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n            externalHandlers={externalHandlers}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderAlgorithmic","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","sliderValue","sliderStep","sliderMin","sliderMax","handleChangeSlider","useSliderAlgorithmic","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"ikBAUA,MAAMA,EACJC,EAACC,EAAA,CACC,KAAK,eACL,UAAU,wGAAA,CACZ,EAGWC,GAAoBC,EAC/B,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,IAAAC,EACA,IAAAC,EACA,OAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9CE,EAAkB,IAAM,CAC5BD,GAAU,SAAS,MAAA,CACrB,EAEM,CAAE,YAAAE,EAAa,WAAAC,EAAY,UAAAC,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAqB,CACjG,IAAK,OAAOpB,CAAG,EACf,IAAK,OAAOC,CAAG,EACf,aAAc,EACd,MAAAH,EACA,SAAAC,CAAA,CACD,EAEK,CAAE,KAAAsB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAUlC,GAAW,CAAA,EAEjG,OACEmC,EAAC,OAAI,aAAYtB,EAAe,UAAWuB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+B,CAAG,cAAgBxB,CAAA,EAAYsB,CAAK,EACpF,SAAA,CAAAtC,EAACyC,EAAA,CACC,MAAA5B,EACA,MAAAL,EACA,gBAAiB,CACf,YAAaQ,EAAW,OAAYF,GAAiB,aAAeU,EACpE,KAAMR,EAAW,OAAYF,GAAiB,MAAQf,EACtD,GAAGe,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGqB,CAAA,EAEL,OAASO,GAAM,CACTvB,GAAO,QAAQA,GAAO,OAAOuB,CAAC,EAC9BpC,GAAkB,QAAQA,EAAiB,OAAOoC,CAAC,CACzD,EACA,QAASpC,GAAkB,QAC3B,QAASA,GAAkB,OAC3B,aAAc,IACZN,EAAC2C,EAAA,CACC,GAAItB,EACJ,SAAAL,EACA,eAAcX,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIqC,EAAqBhC,EAAQJ,CAAK,CAAC,IAAIO,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa8B,EAAUtB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAA0B,KAAiB,CAC7BA,IAAe,SACbrC,KAAmBqC,CAAU,EACjCxC,GAAkB,gBAAgBwC,CAAU,EAEhD,EACA,UAAQ,SACR,UAAWN,EACT,yGAEAH,CAAA,EAEF,gBAAenB,GAAY,SAC1B,GAAGC,CAAA,CAAA,CACN,CAAA,EAGJnB,EAAC+C,EAAA,CACC,QAAS,CAAE,GAAGf,CAAA,EACd,KAAMN,EACN,MAAOD,EACP,SAAAlB,EACA,IAAK,OAAOoB,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,EACV,iBAAAvB,CAAA,CAAA,CACF,EACF,IACC,MAAA,CAAI,UAAWkC,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAA1B,GACCV,EAAC,OAAA,CAAK,UAAWwC,EAAG,0CAA2CP,CAAQ,EACpE,SAAAW,EAAqBhC,EAAQF,EAAK,EAAK,CAAA,CAC1C,EAEDC,GACCX,EAAC,OAAA,CAAK,UAAWwC,EAAG,0CAA2CN,CAAS,EACrE,SAAAU,EAAqBhC,EAAQD,EAAK,EAAK,CAAA,CAC1C,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{useEffect as M}from"react";const x=({marks:s,onChange:r,value:i})=>{const c=Math.min(...s),t=Math.max(...s),d=f=>{f&&r&&r(f)};return M(()=>{i&&i>t&&(r==null||r(t))},[r,t,i]),{handleChangeSlider:d,sliderMin:c,sliderMax:t}};export{x as useSliderMarks};
+import{useEffect as d}from"react";const n=({marks:s,onChange:r,value:i})=>{const f=Math.min(...s),t=Math.max(...s),c=e=>{e&&r&&r(e)};return d(()=>{i&&i>t&&r?.(t)},[r,t,i]),{handleChangeSlider:c,sliderMin:f,sliderMax:t}};export{n as useSliderMarks};
 //# sourceMappingURL=useSliderMarks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSliderMarks.js","sources":["../../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/hooks/useSliderMarks.ts"],"sourcesContent":["import { useEffect } from 'react'\n\ninterface UseSliderMarks {\n  marks: number[]\n  onChange?: (value: number) => void\n  value: number | undefined\n}\n\nexport const useSliderMarks = ({ marks, onChange, value }: UseSliderMarks) => {\n  const sliderMin = Math.min(...marks)\n  const sliderMax = Math.max(...marks)\n\n  const handleChangeSlider = (value?: number) => {\n    if (!value) {\n      return\n    }\n    if (onChange) onChange(value)\n  }\n\n  useEffect(() => {\n    if (value && value > sliderMax) {\n      onChange?.(sliderMax)\n    }\n  }, [onChange, sliderMax, value])\n\n  return {\n    handleChangeSlider,\n    sliderMin,\n    sliderMax\n  }\n}\n"],"names":["useSliderMarks","marks","onChange","value","sliderMin","sliderMax","handleChangeSlider","useEffect"],"mappings":"kCAQO,MAAMA,EAAiB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAAC,KAA4B,CAC5E,MAAMC,EAAY,KAAK,IAAI,GAAGH,CAAK,EAC7BI,EAAY,KAAK,IAAI,GAAGJ,CAAK,EAE7BK,EAAsBH,GAAmB,CACxCA,GAGDD,KAAmBC,CAAK,CAC9B,EAEA,OAAAI,EAAU,IAAM,CACVJ,GAASA,EAAQE,IACnBH,GAAA,MAAAA,EAAWG,GAEf,EAAG,CAACH,EAAUG,EAAWF,CAAK,CAAC,EAExB,CACL,mBAAAG,EACA,UAAAF,EACA,UAAAC,CAAA,CAEJ"}
+{"version":3,"file":"useSliderMarks.js","sources":["../../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderMarks/hooks/useSliderMarks.ts"],"sourcesContent":["import { useEffect } from 'react'\n\ninterface UseSliderMarks {\n  marks: number[]\n  onChange?: (value: number) => void\n  value: number | undefined\n}\n\nexport const useSliderMarks = ({ marks, onChange, value }: UseSliderMarks) => {\n  const sliderMin = Math.min(...marks)\n  const sliderMax = Math.max(...marks)\n\n  const handleChangeSlider = (value?: number) => {\n    if (!value) {\n      return\n    }\n    if (onChange) onChange(value)\n  }\n\n  useEffect(() => {\n    if (value && value > sliderMax) {\n      onChange?.(sliderMax)\n    }\n  }, [onChange, sliderMax, value])\n\n  return {\n    handleChangeSlider,\n    sliderMin,\n    sliderMax\n  }\n}\n"],"names":["useSliderMarks","marks","onChange","value","sliderMin","sliderMax","handleChangeSlider","useEffect"],"mappings":"kCAQO,MAAMA,EAAiB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAAC,KAA4B,CAC5E,MAAMC,EAAY,KAAK,IAAI,GAAGH,CAAK,EAC7BI,EAAY,KAAK,IAAI,GAAGJ,CAAK,EAE7BK,EAAsBH,GAAmB,CACxCA,GAGDD,KAAmBC,CAAK,CAC9B,EAEA,OAAAI,EAAU,IAAM,CACVJ,GAASA,EAAQE,GACnBH,IAAWG,CAAS,CAExB,EAAG,CAACH,EAAUG,EAAWF,CAAK,CAAC,EAExB,CACL,mBAAAG,EACA,UAAAF,EACA,UAAAC,CAAA,CAEJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SliderStep.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderStepProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderStep } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderStep = forwardRef<HTMLInputElement, SliderStepProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      step,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n      min: Number(min),\n      max: Number(max),\n      value: Number(value),\n      step: Number(step ?? 1),\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue) {\n                    if (onChange) onChange(floatValue)\n                    if (externalHandlers?.onInputChange) {\n                      externalHandlers.onInputChange(floatValue)\n                    }\n                  }\n                }}\n                data-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                data-layer-id={dataLayers?.targetId}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={step}\n            value={value ?? 0}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderStep","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","step","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","_a","sliderMin","sliderMax","handleChangeSlider","useSliderStep","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"q+EAUA,MAAMA,EACJC,EAACC,EAAA,CACC,KAAK,eACL,UAAU,wGAAA,CACZ,EAGWC,GAAaC,EACxB,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,IAAAC,EACA,IAAAC,EACA,OAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9CE,EAAkB,IAAM,QAC5BC,EAAAF,GAAA,YAAAA,EAAU,UAAV,MAAAE,EAAmB,OACrB,EAEM,CAAE,UAAAC,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAc,CACjE,IAAK,OAAOpB,CAAG,EACf,IAAK,OAAOC,CAAG,EACf,MAAO,OAAOH,CAAK,EACnB,KAAM,OAAOM,GAAQ,CAAC,EACtB,SAAAL,CAAA,CACD,EAEK,CAAE,KAAAsB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAUlC,GAAW,CAAA,EAEjG,OACEmC,EAAC,OAAI,aAAYrB,EAAe,UAAWsB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+B,CAAG,cAAgBvB,CAAA,EAAYqB,CAAK,EACpF,SAAA,CAAAtC,EAACyC,EAAA,CACC,MAAA5B,EACA,MAAAL,EACA,gBAAiB,CACf,YAAaS,EAAW,QAAYF,GAAA,YAAAA,EAAiB,cAAeU,EACpE,KAAMR,EAAW,QAAYF,GAAA,YAAAA,EAAiB,OAAQhB,EACtD,GAAGgB,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGoB,CAAA,EAEL,OAASO,GAAM,CACTtB,GAAA,MAAAA,EAAO,SAAQA,GAAA,MAAAA,EAAO,OAAOsB,IAC7BpC,GAAA,MAAAA,EAAkB,QAAQA,EAAiB,OAAOoC,CAAC,CACzD,EACA,QAASpC,GAAA,YAAAA,EAAkB,QAC3B,QAASA,GAAA,YAAAA,EAAkB,OAC3B,aAAc,IACZN,EAAC2C,EAAA,CACC,GAAIrB,EACJ,SAAAL,EACA,eAAcZ,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIqC,EAAqBhC,EAAQJ,CAAK,CAAC,IAAIQ,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa6B,EAAUrB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAAyB,KAAiB,CAC7BA,IACErC,KAAmBqC,CAAU,EAC7BxC,GAAA,MAAAA,EAAkB,eACpBA,EAAiB,cAAcwC,CAAU,EAG/C,EACA,UAAQ,SACR,UAAWN,EACT,yGAEAH,CAAA,EAEF,gBAAelB,GAAA,YAAAA,EAAY,SAC1B,GAAGC,CAAA,CAAA,CACN,CAAA,EAGJpB,EAAC+C,EAAA,CACC,QAAS,CAAE,GAAGf,CAAA,EACd,KAAAlB,EACA,MAAON,GAAS,EAChB,SAAAD,EACA,IAAK,OAAOoB,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,CAAA,CAAA,CACZ,EACF,IACC,MAAA,CAAI,UAAWW,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAA1B,GACCV,EAAC,OAAA,CAAK,UAAWwC,EAAG,0CAA2CP,CAAQ,EACpE,SAAAW,EAAqBhC,EAAQF,EAAK,EAAK,CAAA,CAC1C,EAEDC,GACCX,EAAC,OAAA,CAAK,UAAWwC,EAAG,0CAA2CN,CAAS,EACrE,SAAAU,EAAqBhC,EAAQD,EAAK,EAAK,CAAA,CAC1C,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}
+{"version":3,"file":"SliderStep.js","sources":["../../../../../../../../../lib/shared/ui/formElements/uncontrolled/slider/ui/sliderStep/SliderStep.tsx"],"sourcesContent":["import * as React from 'react'\nimport { forwardRef } from 'react'\nimport { NumericFormat } from 'react-number-format'\nimport { type SliderStepProps } from '../../model'\nimport { getInputSliderSuffix } from '../../model/helpers'\nimport { SliderInner } from '../Slider'\nimport { useSliderStep } from './hooks'\nimport { Icon, InputBase } from '$/shared/ui'\nimport { cn, mergeRefs } from '$/shared/utils'\n\nconst defaultIcon = (\n  <Icon\n    name='general/edit'\n    className='size-[19px] text-icon-blue-grey-600 transition-[color] group-focus-within/icon:text-icon-blue-grey-800'\n  />\n)\n\nexport const SliderStep = forwardRef<HTMLInputElement, SliderStepProps>(\n  (\n    {\n      classes,\n      invalid,\n      externalHandlers,\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      suffix,\n      label,\n      step,\n      attachmentProps,\n      additionalSuffix,\n      readOnly,\n      componentType,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    const inputId = React.useId()\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleIconClick = () => {\n      inputRef?.current?.focus()\n    }\n\n    const { sliderMin, sliderMax, handleChangeSlider } = useSliderStep({\n      min: Number(min),\n      max: Number(max),\n      value: Number(value),\n      step: Number(step ?? 1),\n      onChange\n    })\n\n    const { root, slider, textLeft, textRight, inputRoot, textContainer, input, field } = classes || {}\n\n    return (\n      <div aria-label={componentType} className={cn('flex w-full flex-col gap-1', root)}>\n        <div className={cn('relative w-full select-none', { ['select-none']: readOnly }, field)}>\n          <InputBase\n            label={label}\n            value={value}\n            attachmentProps={{\n              onClickIcon: readOnly ? undefined : attachmentProps?.onClickIcon || handleIconClick,\n              icon: readOnly ? undefined : attachmentProps?.icon || defaultIcon,\n              ...attachmentProps\n            }}\n            classes={{\n              container: 'border-[1px] bg-color-white border-blue-grey-500 focus-within:border-blue-grey-800',\n              ...inputRoot\n            }}\n            onBlur={(e) => {\n              if (props?.onBlur) props?.onBlur(e)\n              if (externalHandlers?.onBlur) externalHandlers.onBlur(e)\n            }}\n            onClick={externalHandlers?.onClick}\n            onFocus={externalHandlers?.onBlur}\n            renderValues={() => (\n              <NumericFormat\n                id={inputId}\n                readOnly={readOnly}\n                aria-invalid={invalid ? 'true' : 'false'}\n                value={value}\n                disabled={disabled}\n                suffix={` ${getInputSliderSuffix(suffix, value)} ${additionalSuffix ?? ''}`}\n                thousandsGroupStyle='thousand'\n                thousandSeparator={' '}\n                allowNegative={false}\n                getInputRef={mergeRefs(inputRef, ref)}\n                onValueChange={({ floatValue }) => {\n                  if (floatValue) {\n                    if (onChange) onChange(floatValue)\n                    if (externalHandlers?.onInputChange) {\n                      externalHandlers.onInputChange(floatValue)\n                    }\n                  }\n                }}\n                data-id='slider'\n                className={cn(\n                  'group/slider desk-title-bold-s w-full bg-color-transparent text-color-dark outline-none transition-all',\n\n                  input\n                )}\n                data-layer-id={dataLayers?.targetId}\n                {...props}\n              />\n            )}\n          />\n          <SliderInner\n            classes={{ ...slider }}\n            step={step}\n            value={value ?? 0}\n            disabled={disabled}\n            min={Number(sliderMin)}\n            max={Number(sliderMax)}\n            onChange={handleChangeSlider}\n          />\n        </div>\n        <div className={cn('flex justify-between', textContainer)}>\n          {min && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textLeft)}>\n              {getInputSliderSuffix(suffix, min, false)}\n            </span>\n          )}\n          {max && (\n            <span className={cn('desk-body-regular-m text-color-tetriary', textRight)}>\n              {getInputSliderSuffix(suffix, max, false)}\n            </span>\n          )}\n        </div>\n      </div>\n    )\n  }\n)\n"],"names":["defaultIcon","jsx","Icon","SliderStep","forwardRef","classes","invalid","externalHandlers","disabled","value","onChange","min","max","suffix","label","step","attachmentProps","additionalSuffix","readOnly","componentType","dataLayers","props","ref","inputId","React","inputRef","handleIconClick","sliderMin","sliderMax","handleChangeSlider","useSliderStep","root","slider","textLeft","textRight","inputRoot","textContainer","input","field","jsxs","cn","InputBase","e","NumericFormat","getInputSliderSuffix","mergeRefs","floatValue","SliderInner"],"mappings":"mjBAUA,MAAMA,EACJC,EAACC,EAAA,CACC,KAAK,eACL,UAAU,wGAAA,CACZ,EAGWC,GAAaC,EACxB,CACE,CACE,QAAAC,EACA,QAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,SAAAC,EACA,IAAAC,EACA,IAAAC,EACA,OAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAUC,EAAM,MAAA,EAEhBC,EAAWD,EAAM,OAAyB,IAAI,EAE9CE,EAAkB,IAAM,CAC5BD,GAAU,SAAS,MAAA,CACrB,EAEM,CAAE,UAAAE,EAAW,UAAAC,EAAW,mBAAAC,CAAA,EAAuBC,EAAc,CACjE,IAAK,OAAOnB,CAAG,EACf,IAAK,OAAOC,CAAG,EACf,MAAO,OAAOH,CAAK,EACnB,KAAM,OAAOM,GAAQ,CAAC,EACtB,SAAAL,CAAA,CACD,EAEK,CAAE,KAAAqB,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,MAAAC,EAAO,MAAAC,CAAA,EAAUjC,GAAW,CAAA,EAEjG,OACEkC,EAAC,OAAI,aAAYpB,EAAe,UAAWqB,EAAG,6BAA8BT,CAAI,EAC9E,SAAA,CAAAQ,EAAC,MAAA,CAAI,UAAWC,EAAG,8BAA+B,CAAG,cAAgBtB,CAAA,EAAYoB,CAAK,EACpF,SAAA,CAAArC,EAACwC,EAAA,CACC,MAAA3B,EACA,MAAAL,EACA,gBAAiB,CACf,YAAaS,EAAW,OAAYF,GAAiB,aAAeU,EACpE,KAAMR,EAAW,OAAYF,GAAiB,MAAQhB,EACtD,GAAGgB,CAAA,EAEL,QAAS,CACP,UAAW,qFACX,GAAGmB,CAAA,EAEL,OAASO,GAAM,CACTrB,GAAO,QAAQA,GAAO,OAAOqB,CAAC,EAC9BnC,GAAkB,QAAQA,EAAiB,OAAOmC,CAAC,CACzD,EACA,QAASnC,GAAkB,QAC3B,QAASA,GAAkB,OAC3B,aAAc,IACZN,EAAC0C,EAAA,CACC,GAAIpB,EACJ,SAAAL,EACA,eAAcZ,EAAU,OAAS,QACjC,MAAAG,EACA,SAAAD,EACA,OAAQ,IAAIoC,EAAqB/B,EAAQJ,CAAK,CAAC,IAAIQ,GAAoB,EAAE,GACzE,oBAAoB,WACpB,kBAAmB,IACnB,cAAe,GACf,YAAa4B,EAAUpB,EAAUH,CAAG,EACpC,cAAe,CAAC,CAAE,WAAAwB,KAAiB,CAC7BA,IACEpC,KAAmBoC,CAAU,EAC7BvC,GAAkB,eACpBA,EAAiB,cAAcuC,CAAU,EAG/C,EACA,UAAQ,SACR,UAAWN,EACT,yGAEAH,CAAA,EAEF,gBAAejB,GAAY,SAC1B,GAAGC,CAAA,CAAA,CACN,CAAA,EAGJpB,EAAC8C,EAAA,CACC,QAAS,CAAE,GAAGf,CAAA,EACd,KAAAjB,EACA,MAAON,GAAS,EAChB,SAAAD,EACA,IAAK,OAAOmB,CAAS,EACrB,IAAK,OAAOC,CAAS,EACrB,SAAUC,CAAA,CAAA,CACZ,EACF,IACC,MAAA,CAAI,UAAWW,EAAG,uBAAwBJ,CAAa,EACrD,SAAA,CAAAzB,GACCV,EAAC,OAAA,CAAK,UAAWuC,EAAG,0CAA2CP,CAAQ,EACpE,SAAAW,EAAqB/B,EAAQF,EAAK,EAAK,CAAA,CAC1C,EAEDC,GACCX,EAAC,OAAA,CAAK,UAAWuC,EAAG,0CAA2CN,CAAS,EACrE,SAAAU,EAAqB/B,EAAQD,EAAK,EAAK,CAAA,CAC1C,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF"}

package/dist/lib/shared/ui/formElements/uncontrolled/switch/Switch.js

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Root as p,Thumb as b}from"@radix-ui/react-switch";import{cn as l}from"../../../../utils/cn.js";import"uuid";const k=f(({classes:o,className:c,disabled:r,invalid:d,externalHandlers:u,onCheckedChange:e,dataLayers:t,...h},g)=>{const{onChange:a,...m}=u||{};return i(p,{...h,...m,ref:g,onCheckedChange:n=>{e&&e(n),a&&a(n)},disabled:r,"aria-invalid":d,"data-layer-id":t==null?void 0:t.targetId,className:l("h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2","outline-offset-4 outline-transparent focus:outline-primary-focus","group transition-all hover:bg-color-blue-grey-500","data-[state=checked]:bg-color-primary-default","hover:data-[state=checked]:bg-color-primary-hover",{"data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200":r},c,o==null?void 0:o.root),children:i(b,{className:l("block size-5 rounded-full bg-color-white","duration-100 will-change-transform","data-[state=checked]:translate-x-4","group-active:w-full data-[state=checked]:group-active:translate-x-0",o==null?void 0:o.thumb)})})});k.displayName="SwitchBase";export{k as SwitchBase};
+import{jsx as l}from"react/jsx-runtime";import{forwardRef as m}from"react";import{Root as f,Thumb as p}from"@radix-ui/react-switch";import{cn as c}from"../../../../utils/cn.js";const b=m(({classes:e,className:n,disabled:a,invalid:i,externalHandlers:d,onCheckedChange:t,dataLayers:s,...u},h)=>{const{onChange:r,...g}=d||{};return l(f,{...u,...g,ref:h,onCheckedChange:o=>{t&&t(o),r&&r(o)},disabled:a,"aria-invalid":i,"data-layer-id":s?.targetId,className:c("h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2","outline-offset-4 outline-transparent focus:outline-primary-focus","group transition-all hover:bg-color-blue-grey-500","data-[state=checked]:bg-color-primary-default","hover:data-[state=checked]:bg-color-primary-hover",{"data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200":a},n,e?.root),children:l(p,{className:c("block size-5 rounded-full bg-color-white","duration-100 will-change-transform","data-[state=checked]:translate-x-4","group-active:w-full data-[state=checked]:group-active:translate-x-0",e?.thumb)})})});b.displayName="SwitchBase";export{b as SwitchBase};
 //# sourceMappingURL=Switch.js.map

package/dist/lib/shared/ui/formElements/uncontrolled/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Root, type SwitchProps, Thumb } from '@radix-ui/react-switch'\nimport { type DataLayers } from '../../../../types'\nimport { cn } from '$/shared/utils'\n\ntype SwitchBaseClasses = {\n  root?: string\n  thumb?: string\n}\n\nexport type ExternalHandlers = {\n  onChange?: (value: boolean) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type SwitchBaseProps = SwitchProps & {\n  classes?: SwitchBaseClasses\n  externalHandlers?: ExternalHandlers\n  invalid?: boolean\n  dataLayers?: DataLayers\n}\n\nexport const SwitchBase = forwardRef<HTMLButtonElement, SwitchBaseProps>(\n  ({ classes, className, disabled, invalid, externalHandlers, onCheckedChange, dataLayers, ...props }, ref) => {\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onChange = (value: boolean) => {\n      if (onCheckedChange) onCheckedChange(value)\n      if (externalOnChange) externalOnChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        {...restHandlers}\n        ref={ref}\n        onCheckedChange={onChange}\n        disabled={disabled}\n        aria-invalid={invalid}\n        data-layer-id={dataLayers?.targetId}\n        className={cn(\n          'h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2',\n          'outline-offset-4 outline-transparent focus:outline-primary-focus',\n          'group transition-all hover:bg-color-blue-grey-500',\n          'data-[state=checked]:bg-color-primary-default',\n          'hover:data-[state=checked]:bg-color-primary-hover',\n          { 'data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200': disabled },\n          className,\n          classes?.root\n        )}\n      >\n        <Thumb\n          className={cn(\n            'block size-5 rounded-full bg-color-white',\n            'duration-100 will-change-transform',\n            'data-[state=checked]:translate-x-4',\n            'group-active:w-full data-[state=checked]:group-active:translate-x-0',\n            classes?.thumb\n          )}\n        />\n      </Root>\n    )\n  }\n)\nSwitchBase.displayName = 'SwitchBase'\n"],"names":["SwitchBase","forwardRef","classes","className","disabled","invalid","externalHandlers","onCheckedChange","dataLayers","props","ref","externalOnChange","restHandlers","jsx","Root","value","cn","Thumb"],"mappings":"8LAwBO,MAAMA,EAAaC,EACxB,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,iBAAAC,EAAkB,gBAAAC,EAAiB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC3G,KAAM,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAO5E,OACEO,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,IAAAF,EACA,gBAVcK,GAAmB,CAC/BR,KAAiCQ,CAAK,EACtCJ,KAAmCI,CAAK,CAC9C,EAQI,SAAAX,EACA,eAAcC,EACd,gBAAeG,GAAA,YAAAA,EAAY,SAC3B,UAAWQ,EACT,iEACA,mEACA,oDACA,gDACA,oDACA,CAAE,iGAAkGZ,CAAA,EACpGD,EACAD,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAAW,EAACI,EAAA,CACC,UAAWD,EACT,2CACA,qCACA,qCACA,sEACAd,GAAA,YAAAA,EAAS,KAAA,CACX,CAAA,CACF,CAAA,CAGN,CACF,EACAF,EAAW,YAAc"}
+{"version":3,"file":"Switch.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Root, type SwitchProps, Thumb } from '@radix-ui/react-switch'\nimport { type DataLayers } from '../../../../types'\nimport { cn } from '$/shared/utils'\n\ntype SwitchBaseClasses = {\n  root?: string\n  thumb?: string\n}\n\nexport type ExternalHandlers = {\n  onChange?: (value: boolean) => void\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void\n}\n\nexport type SwitchBaseProps = SwitchProps & {\n  classes?: SwitchBaseClasses\n  externalHandlers?: ExternalHandlers\n  invalid?: boolean\n  dataLayers?: DataLayers\n}\n\nexport const SwitchBase = forwardRef<HTMLButtonElement, SwitchBaseProps>(\n  ({ classes, className, disabled, invalid, externalHandlers, onCheckedChange, dataLayers, ...props }, ref) => {\n    const { onChange: externalOnChange, ...restHandlers } = externalHandlers || {}\n\n    const onChange = (value: boolean) => {\n      if (onCheckedChange) onCheckedChange(value)\n      if (externalOnChange) externalOnChange(value)\n    }\n\n    return (\n      <Root\n        {...props}\n        {...restHandlers}\n        ref={ref}\n        onCheckedChange={onChange}\n        disabled={disabled}\n        aria-invalid={invalid}\n        data-layer-id={dataLayers?.targetId}\n        className={cn(\n          'h-6 w-10 rounded-full bg-color-blue-grey-300 p-[2px] outline-2',\n          'outline-offset-4 outline-transparent focus:outline-primary-focus',\n          'group transition-all hover:bg-color-blue-grey-500',\n          'data-[state=checked]:bg-color-primary-default',\n          'hover:data-[state=checked]:bg-color-primary-hover',\n          { 'data-[state=checked]:!bg-color-primary-disabled data-[state=unchecked]:!bg-color-blue-grey-200': disabled },\n          className,\n          classes?.root\n        )}\n      >\n        <Thumb\n          className={cn(\n            'block size-5 rounded-full bg-color-white',\n            'duration-100 will-change-transform',\n            'data-[state=checked]:translate-x-4',\n            'group-active:w-full data-[state=checked]:group-active:translate-x-0',\n            classes?.thumb\n          )}\n        />\n      </Root>\n    )\n  }\n)\nSwitchBase.displayName = 'SwitchBase'\n"],"names":["SwitchBase","forwardRef","classes","className","disabled","invalid","externalHandlers","onCheckedChange","dataLayers","props","ref","externalOnChange","restHandlers","jsx","Root","value","cn","Thumb"],"mappings":"iLAwBO,MAAMA,EAAaC,EACxB,CAAC,CAAE,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,iBAAAC,EAAkB,gBAAAC,EAAiB,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CAC3G,KAAM,CAAE,SAAUC,EAAkB,GAAGC,CAAA,EAAiBN,GAAoB,CAAA,EAO5E,OACEO,EAACC,EAAA,CACE,GAAGL,EACH,GAAGG,EACJ,IAAAF,EACA,gBAVcK,GAAmB,CAC/BR,KAAiCQ,CAAK,EACtCJ,KAAmCI,CAAK,CAC9C,EAQI,SAAAX,EACA,eAAcC,EACd,gBAAeG,GAAY,SAC3B,UAAWQ,EACT,iEACA,mEACA,oDACA,gDACA,oDACA,CAAE,iGAAkGZ,CAAA,EACpGD,EACAD,GAAS,IAAA,EAGX,SAAAW,EAACI,EAAA,CACC,UAAWD,EACT,2CACA,qCACA,qCACA,sEACAd,GAAS,KAAA,CACX,CAAA,CACF,CAAA,CAGN,CACF,EACAF,EAAW,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as x,jsx as t}from"react/jsx-runtime";import{forwardRef as v,useId as N}from"react";import{FieldAttachment as k}from"../../ui/fieldAttachment/FieldAttachment.js";import"../../ui/MessageView.js";import{cn as l}from"../../../../utils/cn.js";import"uuid";const C=v(({label:b,value:m,invalid:p,disabled:e,classes:r,attachmentProps:n,rows:f=4,externalHandlers:c,onChange:a,dataLayers:o,...g},h)=>{const i=N(),{onChange:d,...y}=c||{},w=u=>{a&&a(u),d&&d(u)};return x("div",{className:l("relative flex w-full items-start gap-x-4 rounded-sm bg-color-blue-grey-100 pb-4 pl-4 pr-1 pt-2","[&_label]:focus-within:text-color-tetriary","hover:bg-color-blue-grey-200","border-[1px] border-transparent focus-within:border-blue-grey-800",{"border-secondary-default":p},r==null?void 0:r.container),"data-id":"textarea-root",children:[x("div",{className:"flex w-full flex-col",children:[t("label",{htmlFor:i,className:l("desk-body-regular-s pointer-events-none","text-color-blue-grey-600 duration-100",{"text-color-disabled":e},r==null?void 0:r.label),children:b}),t("textarea",{...g,...y,rows:f,disabled:e,value:m??"",ref:h,id:i,onChange:w,className:l("customScrollbar-y peer desk-body-regular-l w-full overflow-y-auto bg-color-transparent","resize-none text-color-dark outline-none placeholder:text-color-blue-grey-600",{"placeholder:text-color-disabled":e},r==null?void 0:r.textarea),"data-layer-id":o==null?void 0:o.targetId})]}),n&&t(k,{...n})]})});C.displayName="TextareaBase";export{C as TextareaBase};
+import{jsxs as i,jsx as o}from"react/jsx-runtime";import{forwardRef as w,useId as v}from"react";import{cn as t}from"../../../../utils/cn.js";import{FieldAttachment as N}from"../../ui/fieldAttachment/FieldAttachment.js";const k=w(({label:s,value:u,invalid:x,disabled:e,classes:r,attachmentProps:l,rows:b=4,externalHandlers:f,onChange:a,dataLayers:m,...p},g)=>{const n=v(),{onChange:d,...y}=f||{},h=c=>{a&&a(c),d&&d(c)};return i("div",{className:t("relative flex w-full items-start gap-x-4 rounded-sm bg-color-blue-grey-100 pb-4 pl-4 pr-1 pt-2","[&_label]:focus-within:text-color-tetriary","hover:bg-color-blue-grey-200","border-[1px] border-transparent focus-within:border-blue-grey-800",{"border-secondary-default":x},r?.container),"data-id":"textarea-root",children:[i("div",{className:"flex w-full flex-col",children:[o("label",{htmlFor:n,className:t("desk-body-regular-s pointer-events-none","text-color-blue-grey-600 duration-100",{"text-color-disabled":e},r?.label),children:s}),o("textarea",{...p,...y,rows:b,disabled:e,value:u??"",ref:g,id:n,onChange:h,className:t("customScrollbar-y peer desk-body-regular-l w-full overflow-y-auto bg-color-transparent","resize-none text-color-dark outline-none placeholder:text-color-blue-grey-600",{"placeholder:text-color-disabled":e},r?.textarea),"data-layer-id":m?.targetId})]}),l&&o(N,{...l})]})});k.displayName="TextareaBase";export{k as TextareaBase};
 //# sourceMappingURL=Textarea.js.map