@scbt-ecom/ui 0.147.3 → 0.147.4

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MaskInput.js","sources":["../../../../../../../lib/shared/ui/formElements/uncontrolled/maskInput/MaskInput.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { 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":"gjBAyBO,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":"uYAyBO,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"../../../../../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.8_@types_react-dom@18.3.7_@types_react@18.3.23__@types__b1ae1a9c73c57c23bed24c67bcc8d1af/node_modules/@radix-ui/react-radio-group/dist/index.js";import{RadioItem as F}from"./ui/RadioItem.js";import{cn as n}from"../../../../utils/cn.js";const z=k(({options:a,displayValue:c,returnValue:l,invalid:e,className:d,disabled:m,classes:h,externalHandlers:g,onValueChange:f,renderComponent:s,dataLayers:t,...R},w)=>{const{root:x,list:C,radioItem:I}=h||{},{onChange:i,...u}=g||{};return o(E,{...R,onValueChange:r=>{f&&f(r),i&&i(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:s?s({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 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};
 //# 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":"mbA4DO,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":"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"}

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"react";const l=({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{l as AdditionalContent};
+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};
 //# 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":"8HAeO,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":"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"}

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"../../../../../../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.8_@types_react-dom@18.3.7_@types_react@18.3.23__@types__b1ae1a9c73c57c23bed24c67bcc8d1af/node_modules/@radix-ui/react-radio-group/dist/index.js";import{AdditionalContent as y}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const N=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{N as RadioItem};
+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};
 //# 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":"mcA4CO,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":"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"}

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"../../../../../../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.8_@types_react-dom@18.3.7_@types_react@18.3.23__@types__b1ae1a9c73c57c23bed24c67bcc8d1af/node_modules/@radix-ui/react-radio-group/dist/index.js";import{AdditionalContent as x}from"./AdditionalContent.js";import{cn as e}from"../../../../../utils/cn.js";const w=({classes:o,returnValue:a,displayValue:n,item:r,disabled:f,invalid:l,...u})=>{const i=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,{...u,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:i}),(r==null?void 0:r.additionalContent)&&t(x,{disabled:d,...r==null?void 0:r.additionalContent,classes:o==null?void 0:o.additionalContent})]})})})};export{w as RadioItemCard};
+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};
 //# 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":"ybAQO,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":"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"}

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"../../../../../../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.8_@types_react-dom@18.3.7_@types_react@18.3.23__@types__b1ae1a9c73c57c23bed24c67bcc8d1af/node_modules/@radix-ui/react-radio-group/dist/index.js";import{AdditionalContent as y}from"./AdditionalContent.js";import{cn as a}from"../../../../../utils/cn.js";const j=({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{j as RadioItemTab};
+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};
 //# 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":"0aAQO,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":"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"}

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";const k=({classes:l,min:s,max:i,value:f,step:b,marks:t,disabled:c,onChange:u,externalHandlers:e,...p})=>{const{track:d,rail:m,handle:g}=l||{},h=o=>{const r=Array.isArray(o)?o[0]:o;u(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,{...p,className:"relative h-[4px]",value:f,marks:y,disabled:c,min:s,max:i,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{k as SliderInner};
+import{jsx as n,Fragment as v}from"react/jsx-runtime";import w from"rc-slider";import{cn as a}from"../../../../../utils/cn.js";import"uuid";import"react";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};
 //# 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":"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,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":"0JAuBO,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"}

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

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

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

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

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"../../../../../../../../node_modules/.pnpm/react-number-format@5.4.4_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-number-format/dist/react-number-format.es.js";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"../../../../../button/Button.js";import"../../../../../buttonIcon/ButtonIcon.js";import"../../../../../calendar/Calendar.js";import"../../../../../calendar/model/utils.js";import"../../../../../accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../../modal/ui/IframeModalContent.js";import"../../../../../../../../node_modules/.pnpm/react-hot-toast@2.5.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hot-toast/dist/index.js";import"../../../../../table/ui/primitives/Primitives.js";import"../../../../../carousel/ui/CarouselContent.js";import"../../../../../slot/Slot.js";import"../../../autocomplete/Autocomplete.js";import"../../../checkbox/Checkbox.js";import"../../../combobox/combobox.js";import"../../../dayPicker/DayPicker.js";import{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"../../SliderBase.js";import"../../../switch/Switch.js";import"../../../textarea/Textarea.js";import"../../../uploader/UploaderBase.js";import"../../../inputCurrency/InputCurrency.js";import"../../../../../../../../src/configs/api.js";import"../../../../controlled/editor/ui/Editor.js";import"../../../../controlled/input/MaskInputControl.js";import"../../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const Mo=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{Mo as SliderMarks};
+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";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"classnames";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};
 //# 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":"ylEAUO,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":"81EAUO,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"}

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

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

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

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

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"../../../../../../node_modules/.pnpm/@radix-ui_react-switch@1.2.6_@types_react-dom@18.3.7_@types_react@18.3.23__@types_react_b40720fa9208a4ad7b2dfe3a97861909/node_modules/@radix-ui/react-switch/dist/index.js";import{cn as l}from"../../../../utils/cn.js";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 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};
 //# 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":"0WAwBO,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":"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"}

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{cn as l}from"../../../../utils/cn.js";const C=v(({label:b,value:f,invalid:m,disabled:r,classes:e,attachmentProps:n,rows:p=4,externalHandlers:c,onChange:a,dataLayers:o,...g},h)=>{const d=N(),{onChange:i,...y}=c||{},w=u=>{a&&a(u),i&&i(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":m},e==null?void 0:e.container),"data-id":"textarea-root",children:[x("div",{className:"flex w-full flex-col",children:[t("label",{htmlFor:d,className:l("desk-body-regular-s pointer-events-none","text-color-blue-grey-600 duration-100",{"text-color-disabled":r},e==null?void 0:e.label),children:b}),t("textarea",{...g,...y,rows:p,disabled:r,value:f??"",ref:h,id:d,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":r},e==null?void 0:e.textarea),"data-layer-id":o==null?void 0:o.targetId})]}),n&&t(k,{...n})]})});C.displayName="TextareaBase";export{C as TextareaBase};
+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};
 //# sourceMappingURL=Textarea.js.map