@scbt-ecom/ui 0.147.3 → 0.147.5

package/dist/lib/shared/ui/calendar/ui/Navigation.js

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as i}from"react/jsx-runtime";import{cn as t}from"../../../utils/cn.js";import"react";import"../../button/Button.js";import"../../buttonIcon/ButtonIcon.js";import"../Calendar.js";import"../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 p}from"../../icon/Icon.js";import"../../table/ui/primitives/Primitives.js";import"../../carousel/ui/CarouselContent.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";import{useDayPicker as l}from"../../../../../node_modules/.pnpm/react-day-picker@9.8.1_react@18.3.1/node_modules/react-day-picker/dist/esm/useDayPicker.js";const W=({className:e,...n})=>{const{previousMonth:o,nextMonth:r,goToMonth:m}=l(),a=()=>{o&&m(o)},s=()=>{r&&m(r)};return c("nav",{...n,className:t("flex h-fit gap-x-3",e),children:[i("button",{type:"button",onClick:a,disabled:!o,className:t("rounded-sm",{"hover:bg-color-primary-tr-hover":o}),children:i(p,{name:"arrows/arrowRight",className:t("rotate-180 text-icon-blue-grey-800",{"text-icon-disabled":!o})})}),i("button",{type:"button",onClick:s,disabled:!r,className:t("rounded-sm",{"hover:bg-color-primary-tr-hover":r}),children:i(p,{name:"arrows/arrowRight",className:t("text-icon-blue-grey-800",{"text-icon-disabled":!r})})})]})};export{W as Navigation};
+import{jsxs as c,jsx as i}from"react/jsx-runtime";import{useDayPicker as l}from"react-day-picker";import{cn as t}from"../../../utils/cn.js";import"uuid";import"react";import"../../button/Button.js";import"../../button/model/helpers.js";import"../../buttonIcon/ButtonIcon.js";import"../../loader/model/helpers.js";import"../Calendar.js";import"../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 p}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"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";const bo=({className:e,...n})=>{const{previousMonth:o,nextMonth:r,goToMonth:m}=l(),a=()=>{o&&m(o)},s=()=>{r&&m(r)};return c("nav",{...n,className:t("flex h-fit gap-x-3",e),children:[i("button",{type:"button",onClick:a,disabled:!o,className:t("rounded-sm",{"hover:bg-color-primary-tr-hover":o}),children:i(p,{name:"arrows/arrowRight",className:t("rotate-180 text-icon-blue-grey-800",{"text-icon-disabled":!o})})}),i("button",{type:"button",onClick:s,disabled:!r,className:t("rounded-sm",{"hover:bg-color-primary-tr-hover":r}),children:i(p,{name:"arrows/arrowRight",className:t("text-icon-blue-grey-800",{"text-icon-disabled":!r})})})]})};export{bo as Navigation};
 //# sourceMappingURL=Navigation.js.map

package/dist/lib/shared/ui/calendar/ui/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Navigation.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { useDayPicker } from 'react-day-picker'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype NavigationProps = HTMLAttributes<HTMLElement>\n\nexport const Navigation = ({ className, ...props }: NavigationProps) => {\n  const { previousMonth, nextMonth, goToMonth } = useDayPicker()\n\n  const onPreviousClick = () => {\n    if (previousMonth) {\n      goToMonth(previousMonth)\n    }\n  }\n\n  const onNextClick = () => {\n    if (nextMonth) {\n      goToMonth(nextMonth)\n    }\n  }\n\n  return (\n    <nav {...props} className={cn('flex h-fit gap-x-3', className)}>\n      <button\n        type='button'\n        onClick={onPreviousClick}\n        disabled={!previousMonth}\n        className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': previousMonth })}\n      >\n        <Icon\n          name='arrows/arrowRight'\n          className={cn('rotate-180 text-icon-blue-grey-800', {\n            'text-icon-disabled': !previousMonth\n          })}\n        />\n      </button>\n      <button\n        type='button'\n        onClick={onNextClick}\n        disabled={!nextMonth}\n        className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': nextMonth })}\n      >\n        <Icon\n          name='arrows/arrowRight'\n          className={cn('text-icon-blue-grey-800', {\n            'text-icon-disabled': !nextMonth\n          })}\n        />\n      </button>\n    </nav>\n  )\n}\n"],"names":["Navigation","className","props","previousMonth","nextMonth","goToMonth","useDayPicker","onPreviousClick","onNextClick","jsxs","cn","jsx","Icon"],"mappings":"u9DAOO,MAAMA,EAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA6B,CACtE,KAAM,CAAE,cAAAC,EAAe,UAAAC,EAAW,UAAAC,CAAA,EAAcC,EAAA,EAE1CC,EAAkB,IAAM,CACxBJ,GACFE,EAAUF,CAAa,CAE3B,EAEMK,EAAc,IAAM,CACpBJ,GACFC,EAAUD,CAAS,CAEvB,EAEA,OACEK,EAAC,OAAK,GAAGP,EAAO,UAAWQ,EAAG,qBAAsBT,CAAS,EAC3D,SAAA,CAAAU,EAAC,SAAA,CACC,KAAK,SACL,QAASJ,EACT,SAAU,CAACJ,EACX,UAAWO,EAAG,aAAc,CAAE,kCAAmCP,EAAe,EAEhF,SAAAQ,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EAAG,qCAAsC,CAClD,qBAAsB,CAACP,CAAA,CACxB,CAAA,CAAA,CACH,CAAA,EAEFQ,EAAC,SAAA,CACC,KAAK,SACL,QAASH,EACT,SAAU,CAACJ,EACX,UAAWM,EAAG,aAAc,CAAE,kCAAmCN,EAAW,EAE5E,SAAAO,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EAAG,0BAA2B,CACvC,qBAAsB,CAACN,CAAA,CACxB,CAAA,CAAA,CACH,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Navigation.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { useDayPicker } from 'react-day-picker'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype NavigationProps = HTMLAttributes<HTMLElement>\n\nexport const Navigation = ({ className, ...props }: NavigationProps) => {\n  const { previousMonth, nextMonth, goToMonth } = useDayPicker()\n\n  const onPreviousClick = () => {\n    if (previousMonth) {\n      goToMonth(previousMonth)\n    }\n  }\n\n  const onNextClick = () => {\n    if (nextMonth) {\n      goToMonth(nextMonth)\n    }\n  }\n\n  return (\n    <nav {...props} className={cn('flex h-fit gap-x-3', className)}>\n      <button\n        type='button'\n        onClick={onPreviousClick}\n        disabled={!previousMonth}\n        className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': previousMonth })}\n      >\n        <Icon\n          name='arrows/arrowRight'\n          className={cn('rotate-180 text-icon-blue-grey-800', {\n            'text-icon-disabled': !previousMonth\n          })}\n        />\n      </button>\n      <button\n        type='button'\n        onClick={onNextClick}\n        disabled={!nextMonth}\n        className={cn('rounded-sm', { 'hover:bg-color-primary-tr-hover': nextMonth })}\n      >\n        <Icon\n          name='arrows/arrowRight'\n          className={cn('text-icon-blue-grey-800', {\n            'text-icon-disabled': !nextMonth\n          })}\n        />\n      </button>\n    </nav>\n  )\n}\n"],"names":["Navigation","className","props","previousMonth","nextMonth","goToMonth","useDayPicker","onPreviousClick","onNextClick","jsxs","cn","jsx","Icon"],"mappings":"yvEAOO,MAAMA,GAAa,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA6B,CACtE,KAAM,CAAE,cAAAC,EAAe,UAAAC,EAAW,UAAAC,CAAA,EAAcC,EAAA,EAE1CC,EAAkB,IAAM,CACxBJ,GACFE,EAAUF,CAAa,CAE3B,EAEMK,EAAc,IAAM,CACpBJ,GACFC,EAAUD,CAAS,CAEvB,EAEA,OACEK,EAAC,OAAK,GAAGP,EAAO,UAAWQ,EAAG,qBAAsBT,CAAS,EAC3D,SAAA,CAAAU,EAAC,SAAA,CACC,KAAK,SACL,QAASJ,EACT,SAAU,CAACJ,EACX,UAAWO,EAAG,aAAc,CAAE,kCAAmCP,EAAe,EAEhF,SAAAQ,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EAAG,qCAAsC,CAClD,qBAAsB,CAACP,CAAA,CACxB,CAAA,CAAA,CACH,CAAA,EAEFQ,EAAC,SAAA,CACC,KAAK,SACL,QAASH,EACT,SAAU,CAACJ,EACX,UAAWM,EAAG,aAAc,CAAE,kCAAmCN,EAAW,EAE5E,SAAAO,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EAAG,0BAA2B,CACvC,qBAAsB,CAACN,CAAA,CACxB,CAAA,CAAA,CACH,CAAA,CACF,EACF,CAEJ"}

package/dist/lib/shared/ui/calendar/ui/Weekday.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{weekdays as i}from"./model/utils.js";import{cn as a}from"../../../utils/cn.js";import"react";const d=({className:e,children:t,...o})=>{const m=i[t];return r("td",{...o,className:a("h-10 w-10 p-0 text-14 font-medium capitalize",{"text-color-negative":m},e),children:t})};export{d as Weekday};
+import{jsx as r}from"react/jsx-runtime";import{weekdays as i}from"./model/utils.js";import{cn as p}from"../../../utils/cn.js";import"uuid";import"react";const f=({className:e,children:t,...o})=>{const m=i[t];return r("td",{...o,className:p("h-10 w-10 p-0 text-14 font-medium capitalize",{"text-color-negative":m},e),children:t})};export{f as Weekday};
 //# sourceMappingURL=Weekday.js.map

package/dist/lib/shared/ui/calendar/ui/Weekday.js.map

@@ -1 +1 @@
-{"version":3,"file":"Weekday.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Weekday.tsx"],"sourcesContent":["import { type DetailedHTMLProps, type ThHTMLAttributes } from 'react'\nimport { weekdays } from './model'\nimport { cn } from '$/shared/utils'\n\ntype WeekdayProps = DetailedHTMLProps<ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>\n\nexport const Weekday = ({ className, children, ...props }: WeekdayProps) => {\n  const isWeekend = weekdays[children as keyof typeof weekdays]\n\n  return (\n    <td\n      {...props}\n      className={cn('h-10 w-10 p-0 text-14 font-medium capitalize', { 'text-color-negative': isWeekend }, className)}\n    >\n      {children}\n    </td>\n  )\n}\n"],"names":["Weekday","className","children","props","isWeekend","weekdays","jsx","cn"],"mappings":"4IAMO,MAAMA,EAAU,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,KAA0B,CAC1E,MAAMC,EAAYC,EAASH,CAAiC,EAE5D,OACEI,EAAC,KAAA,CACE,GAAGH,EACJ,UAAWI,EAAG,+CAAgD,CAAE,sBAAuBH,CAAA,EAAaH,CAAS,EAE5G,SAAAC,CAAA,CAAA,CAGP"}
+{"version":3,"file":"Weekday.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Weekday.tsx"],"sourcesContent":["import { type DetailedHTMLProps, type ThHTMLAttributes } from 'react'\nimport { weekdays } from './model'\nimport { cn } from '$/shared/utils'\n\ntype WeekdayProps = DetailedHTMLProps<ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>\n\nexport const Weekday = ({ className, children, ...props }: WeekdayProps) => {\n  const isWeekend = weekdays[children as keyof typeof weekdays]\n\n  return (\n    <td\n      {...props}\n      className={cn('h-10 w-10 p-0 text-14 font-medium capitalize', { 'text-color-negative': isWeekend }, className)}\n    >\n      {children}\n    </td>\n  )\n}\n"],"names":["Weekday","className","children","props","isWeekend","weekdays","jsx","cn"],"mappings":"yJAMO,MAAMA,EAAU,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,KAA0B,CAC1E,MAAMC,EAAYC,EAASH,CAAiC,EAE5D,OACEI,EAAC,KAAA,CACE,GAAGH,EACJ,UAAWI,EAAG,+CAAgD,CAAE,sBAAuBH,CAAA,EAAaH,CAAS,EAE5G,SAAAC,CAAA,CAAA,CAGP"}

package/dist/lib/shared/ui/calendar/ui/selectDate/SelectDate.js

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as m}from"react/jsx-runtime";import{Trigger as S}from"./ui/Trigger.js";import{SelectList as x}from"./ui/SelectList.js";import{cn as j}from"../../../../utils/cn.js";import"react";const I=({dates:o,currentMonth:t,onMonthChange:i,className:s,open:e,onOpenChange:r,mode:c,disabled:l,...a})=>{const d=f=>{i(f),r()};return p("div",{...a,className:j("",s),children:[m(S,{currentDate:t.date,mode:c,open:e,onOpenChange:r,disabled:l}),e&&m(x,{dates:o,selected:t.date,mode:c,onSelect:d})]})};export{I as SelectDate};
+import{jsxs as f,jsx as o}from"react/jsx-runtime";import{Trigger as S}from"./ui/Trigger.js";import{SelectList as x}from"./ui/SelectList.js";import{cn as j}from"../../../../utils/cn.js";import"uuid";import"react";const L=({dates:c,currentMonth:t,onMonthChange:i,className:s,open:e,onOpenChange:r,mode:m,disabled:l,...a})=>{const p=d=>{i(d),r()};return f("div",{...a,className:j("",s),children:[o(S,{currentDate:t.date,mode:m,open:e,onOpenChange:r,disabled:l}),e&&o(x,{dates:c,selected:t.date,mode:m,onSelect:p})]})};export{L as SelectDate};
 //# sourceMappingURL=SelectDate.js.map

package/dist/lib/shared/ui/calendar/ui/selectDate/SelectDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDate.js","sources":["../../../../../../../lib/shared/ui/calendar/ui/selectDate/SelectDate.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { type CalendarMonth } from 'react-day-picker'\nimport { SelectList, Trigger } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype SelectDateProps = HTMLAttributes<HTMLDivElement> & {\n  dates: number[]\n  currentMonth: CalendarMonth\n  onMonthChange: (month: Date) => void\n  mode: 'month' | 'year'\n  disabled?: boolean\n  open: boolean\n  onOpenChange: () => void\n}\n\nexport const SelectDate = ({\n  dates,\n  currentMonth,\n  onMonthChange,\n  className,\n  open,\n  onOpenChange,\n  mode,\n  disabled,\n  ...props\n}: SelectDateProps) => {\n  const onItemSelect = (date: Date) => {\n    onMonthChange(date)\n    onOpenChange()\n  }\n\n  return (\n    <div {...props} className={cn('', className)}>\n      <Trigger currentDate={currentMonth.date} mode={mode} open={open} onOpenChange={onOpenChange} disabled={disabled} />\n      {open && <SelectList dates={dates} selected={currentMonth.date} mode={mode} onSelect={onItemSelect} />}\n    </div>\n  )\n}\n"],"names":["SelectDate","dates","currentMonth","onMonthChange","className","open","onOpenChange","mode","disabled","props","onItemSelect","date","jsxs","cn","jsx","Trigger","SelectList"],"mappings":"uMAeO,MAAMA,EAAa,CAAC,CACzB,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,UAAAC,EACA,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,MAAMC,EAAgBC,GAAe,CACnCR,EAAcQ,CAAI,EAClBL,EAAA,CACF,EAEA,OACEM,EAAC,OAAK,GAAGH,EAAO,UAAWI,EAAG,GAAIT,CAAS,EACzC,SAAA,CAAAU,EAACC,GAAQ,YAAab,EAAa,KAAM,KAAAK,EAAY,KAAAF,EAAY,aAAAC,EAA4B,SAAAE,EAAoB,EAChHH,KAASW,EAAA,CAAW,MAAAf,EAAc,SAAUC,EAAa,KAAM,KAAAK,EAAY,SAAUG,CAAA,CAAc,CAAA,EACtG,CAEJ"}
+{"version":3,"file":"SelectDate.js","sources":["../../../../../../../lib/shared/ui/calendar/ui/selectDate/SelectDate.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { type CalendarMonth } from 'react-day-picker'\nimport { SelectList, Trigger } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype SelectDateProps = HTMLAttributes<HTMLDivElement> & {\n  dates: number[]\n  currentMonth: CalendarMonth\n  onMonthChange: (month: Date) => void\n  mode: 'month' | 'year'\n  disabled?: boolean\n  open: boolean\n  onOpenChange: () => void\n}\n\nexport const SelectDate = ({\n  dates,\n  currentMonth,\n  onMonthChange,\n  className,\n  open,\n  onOpenChange,\n  mode,\n  disabled,\n  ...props\n}: SelectDateProps) => {\n  const onItemSelect = (date: Date) => {\n    onMonthChange(date)\n    onOpenChange()\n  }\n\n  return (\n    <div {...props} className={cn('', className)}>\n      <Trigger currentDate={currentMonth.date} mode={mode} open={open} onOpenChange={onOpenChange} disabled={disabled} />\n      {open && <SelectList dates={dates} selected={currentMonth.date} mode={mode} onSelect={onItemSelect} />}\n    </div>\n  )\n}\n"],"names":["SelectDate","dates","currentMonth","onMonthChange","className","open","onOpenChange","mode","disabled","props","onItemSelect","date","jsxs","cn","jsx","Trigger","SelectList"],"mappings":"oNAeO,MAAMA,EAAa,CAAC,CACzB,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,UAAAC,EACA,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,MAAMC,EAAgBC,GAAe,CACnCR,EAAcQ,CAAI,EAClBL,EAAA,CACF,EAEA,OACEM,EAAC,OAAK,GAAGH,EAAO,UAAWI,EAAG,GAAIT,CAAS,EACzC,SAAA,CAAAU,EAACC,GAAQ,YAAab,EAAa,KAAM,KAAAK,EAAY,KAAAF,EAAY,aAAAC,EAA4B,SAAAE,EAAoB,EAChHH,KAASW,EAAA,CAAW,MAAAf,EAAc,SAAUC,EAAa,KAAM,KAAAK,EAAY,SAAUG,CAAA,CAAc,CAAA,EACtG,CAEJ"}

package/dist/lib/shared/ui/calendar/ui/selectDate/ui/SelectList.js

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import"../../../Calendar.js";import{formatDateToYearString as h,formatDateToMonthString as f}from"../../../model/utils.js";import{cn as i}from"../../../../../utils/cn.js";import"react";import{motion as n}from"../../../../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const v=({dates:c,selected:e,onSelect:p,className:s,mode:o,...m})=>l(n.ul,{...m,layout:!0,initial:{opacity:0,translateY:-20},animate:{opacity:1,translateY:8},exit:{opacity:0},className:i("customScrollbar-y absolute left-0 top-[50px] z-10 max-h-[280px] w-full translate-y-2 list-none overflow-y-scroll bg-color-white pr-1.5",s),children:c.map((t,u)=>{const r=new Date;r.setDate(1),o==="year"?r.setFullYear(t):r.setMonth(t);const y=o==="year"?h(r):f(r);return l(n.li,{initial:{opacity:0},animate:{opacity:1},children:l("button",{type:"button",onClick:()=>{const a=new Date(e.getTime());o==="year"?a.setFullYear(t):a.setMonth(t),p(a)},className:i("desk-body-regular-l h-10 w-full rounded-sm bg-color-white px-2 text-start","capitalize hover:bg-color-primary-tr-hover hover:text-color-primary-default",{"bg-color-primary-tr-hover text-color-primary-default":o==="month"?e.getMonth()===t:e.getFullYear()===t}),children:y})},u)})});export{v as SelectList};
+import{jsx as l}from"react/jsx-runtime";import{motion as i}from"framer-motion";import"../../../Calendar.js";import{formatDateToYearString as h,formatDateToMonthString as f}from"../../../model/utils.js";import{cn as n}from"../../../../../utils/cn.js";import"uuid";import"react";const M=({dates:p,selected:e,onSelect:c,className:m,mode:o,...s})=>l(i.ul,{...s,layout:!0,initial:{opacity:0,translateY:-20},animate:{opacity:1,translateY:8},exit:{opacity:0},className:n("customScrollbar-y absolute left-0 top-[50px] z-10 max-h-[280px] w-full translate-y-2 list-none overflow-y-scroll bg-color-white pr-1.5",m),children:p.map((t,u)=>{const r=new Date;r.setDate(1),o==="year"?r.setFullYear(t):r.setMonth(t);const y=o==="year"?h(r):f(r);return l(i.li,{initial:{opacity:0},animate:{opacity:1},children:l("button",{type:"button",onClick:()=>{const a=new Date(e.getTime());o==="year"?a.setFullYear(t):a.setMonth(t),c(a)},className:n("desk-body-regular-l h-10 w-full rounded-sm bg-color-white px-2 text-start","capitalize hover:bg-color-primary-tr-hover hover:text-color-primary-default",{"bg-color-primary-tr-hover text-color-primary-default":o==="month"?e.getMonth()===t:e.getFullYear()===t}),children:y})},u)})});export{M as SelectList};
 //# sourceMappingURL=SelectList.js.map

package/dist/lib/shared/ui/calendar/ui/selectDate/ui/SelectList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectList.js","sources":["../../../../../../../../lib/shared/ui/calendar/ui/selectDate/ui/SelectList.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\nimport { motion } from 'framer-motion'\nimport { formatDateToMonthString, formatDateToYearString } from '$/shared/ui/calendar'\nimport { cn } from '$/shared/utils'\n\ntype SelectListProps = Omit<ComponentPropsWithoutRef<typeof motion.ul>, 'onSelect'> & {\n  dates: number[]\n  selected: Date\n  onSelect: (date: Date) => void\n  mode: 'month' | 'year'\n}\n\nexport const SelectList = ({ dates, selected, onSelect, className, mode, ...props }: SelectListProps) => {\n  return (\n    <motion.ul\n      {...props}\n      layout\n      initial={{ opacity: 0, translateY: -20 }}\n      animate={{ opacity: 1, translateY: 8 }}\n      exit={{ opacity: 0 }}\n      className={cn(\n        'customScrollbar-y absolute left-0 top-[50px] z-10 max-h-[280px] w-full translate-y-2 list-none overflow-y-scroll bg-color-white pr-1.5',\n        className\n      )}\n    >\n      {dates.map((date, index) => {\n        const d = new Date()\n        d.setDate(1)\n\n        if (mode === 'year') {\n          d.setFullYear(date)\n        } else {\n          d.setMonth(date)\n        }\n\n        const label = mode === 'year' ? formatDateToYearString(d) : formatDateToMonthString(d)\n\n        return (\n          <motion.li key={index} initial={{ opacity: 0 }} animate={{ opacity: 1 }}>\n            <button\n              type='button'\n              onClick={() => {\n                const updatedDate = new Date(selected.getTime())\n\n                if (mode === 'year') {\n                  updatedDate.setFullYear(date)\n                } else {\n                  updatedDate.setMonth(date)\n                }\n\n                onSelect(updatedDate)\n              }}\n              className={cn(\n                'desk-body-regular-l h-10 w-full rounded-sm bg-color-white px-2 text-start',\n                'capitalize hover:bg-color-primary-tr-hover hover:text-color-primary-default',\n                {\n                  'bg-color-primary-tr-hover text-color-primary-default':\n                    mode === 'month' ? selected.getMonth() === date : selected.getFullYear() === date\n                }\n              )}\n            >\n              {label}\n            </button>\n          </motion.li>\n        )\n      })}\n    </motion.ul>\n  )\n}\n"],"names":["SelectList","dates","selected","onSelect","className","mode","props","jsx","motion","cn","date","index","d","label","formatDateToYearString","formatDateToMonthString","updatedDate"],"mappings":"yaAYO,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,GAAGC,KAExEC,EAACC,EAAO,GAAP,CACE,GAAGF,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,EAAG,WAAY,GAAA,EACnC,QAAS,CAAE,QAAS,EAAG,WAAY,CAAA,EACnC,KAAM,CAAE,QAAS,CAAA,EACjB,UAAWG,EACT,yIACAL,CAAA,EAGD,SAAAH,EAAM,IAAI,CAACS,EAAMC,IAAU,CAC1B,MAAMC,MAAQ,KACdA,EAAE,QAAQ,CAAC,EAEPP,IAAS,OACXO,EAAE,YAAYF,CAAI,EAElBE,EAAE,SAASF,CAAI,EAGjB,MAAMG,EAAQR,IAAS,OAASS,EAAuBF,CAAC,EAAIG,EAAwBH,CAAC,EAErF,OACEL,EAACC,EAAO,GAAP,CAAsB,QAAS,CAAE,QAAS,CAAA,EAAK,QAAS,CAAE,QAAS,GAClE,SAAAD,EAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAM,CACb,MAAMS,EAAc,IAAI,KAAKd,EAAS,SAAS,EAE3CG,IAAS,OACXW,EAAY,YAAYN,CAAI,EAE5BM,EAAY,SAASN,CAAI,EAG3BP,EAASa,CAAW,CACtB,EACA,UAAWP,EACT,4EACA,8EACA,CACE,uDACEJ,IAAS,QAAUH,EAAS,aAAeQ,EAAOR,EAAS,gBAAkBQ,CAAA,CACjF,EAGD,SAAAG,CAAA,CAAA,GAvBWF,CAyBhB,CAEJ,CAAC,CAAA,CAAA"}
+{"version":3,"file":"SelectList.js","sources":["../../../../../../../../lib/shared/ui/calendar/ui/selectDate/ui/SelectList.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\nimport { motion } from 'framer-motion'\nimport { formatDateToMonthString, formatDateToYearString } from '$/shared/ui/calendar'\nimport { cn } from '$/shared/utils'\n\ntype SelectListProps = Omit<ComponentPropsWithoutRef<typeof motion.ul>, 'onSelect'> & {\n  dates: number[]\n  selected: Date\n  onSelect: (date: Date) => void\n  mode: 'month' | 'year'\n}\n\nexport const SelectList = ({ dates, selected, onSelect, className, mode, ...props }: SelectListProps) => {\n  return (\n    <motion.ul\n      {...props}\n      layout\n      initial={{ opacity: 0, translateY: -20 }}\n      animate={{ opacity: 1, translateY: 8 }}\n      exit={{ opacity: 0 }}\n      className={cn(\n        'customScrollbar-y absolute left-0 top-[50px] z-10 max-h-[280px] w-full translate-y-2 list-none overflow-y-scroll bg-color-white pr-1.5',\n        className\n      )}\n    >\n      {dates.map((date, index) => {\n        const d = new Date()\n        d.setDate(1)\n\n        if (mode === 'year') {\n          d.setFullYear(date)\n        } else {\n          d.setMonth(date)\n        }\n\n        const label = mode === 'year' ? formatDateToYearString(d) : formatDateToMonthString(d)\n\n        return (\n          <motion.li key={index} initial={{ opacity: 0 }} animate={{ opacity: 1 }}>\n            <button\n              type='button'\n              onClick={() => {\n                const updatedDate = new Date(selected.getTime())\n\n                if (mode === 'year') {\n                  updatedDate.setFullYear(date)\n                } else {\n                  updatedDate.setMonth(date)\n                }\n\n                onSelect(updatedDate)\n              }}\n              className={cn(\n                'desk-body-regular-l h-10 w-full rounded-sm bg-color-white px-2 text-start',\n                'capitalize hover:bg-color-primary-tr-hover hover:text-color-primary-default',\n                {\n                  'bg-color-primary-tr-hover text-color-primary-default':\n                    mode === 'month' ? selected.getMonth() === date : selected.getFullYear() === date\n                }\n              )}\n            >\n              {label}\n            </button>\n          </motion.li>\n        )\n      })}\n    </motion.ul>\n  )\n}\n"],"names":["SelectList","dates","selected","onSelect","className","mode","props","jsx","motion","cn","date","index","d","label","formatDateToYearString","formatDateToMonthString","updatedDate"],"mappings":"qRAYO,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAM,GAAGC,KAExEC,EAACC,EAAO,GAAP,CACE,GAAGF,EACJ,OAAM,GACN,QAAS,CAAE,QAAS,EAAG,WAAY,GAAA,EACnC,QAAS,CAAE,QAAS,EAAG,WAAY,CAAA,EACnC,KAAM,CAAE,QAAS,CAAA,EACjB,UAAWG,EACT,yIACAL,CAAA,EAGD,SAAAH,EAAM,IAAI,CAACS,EAAMC,IAAU,CAC1B,MAAMC,MAAQ,KACdA,EAAE,QAAQ,CAAC,EAEPP,IAAS,OACXO,EAAE,YAAYF,CAAI,EAElBE,EAAE,SAASF,CAAI,EAGjB,MAAMG,EAAQR,IAAS,OAASS,EAAuBF,CAAC,EAAIG,EAAwBH,CAAC,EAErF,OACEL,EAACC,EAAO,GAAP,CAAsB,QAAS,CAAE,QAAS,CAAA,EAAK,QAAS,CAAE,QAAS,GAClE,SAAAD,EAAC,SAAA,CACC,KAAK,SACL,QAAS,IAAM,CACb,MAAMS,EAAc,IAAI,KAAKd,EAAS,SAAS,EAE3CG,IAAS,OACXW,EAAY,YAAYN,CAAI,EAE5BM,EAAY,SAASN,CAAI,EAG3BP,EAASa,CAAW,CACtB,EACA,UAAWP,EACT,4EACA,8EACA,CACE,uDACEJ,IAAS,QAAUH,EAAS,aAAeQ,EAAOR,EAAS,gBAAkBQ,CAAA,CACjF,EAGD,SAAAG,CAAA,CAAA,GAvBWF,CAyBhB,CAEJ,CAAC,CAAA,CAAA"}

package/dist/lib/shared/ui/calendar/ui/selectDate/ui/Trigger.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as s}from"react/jsx-runtime";import{formatDateToYearString as l,formatDateToMonthString as c}from"../../../model/utils.js";import{cn as o}from"../../../../../utils/cn.js";import"react";import"../../../../button/Button.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../Calendar.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 d}from"../../../../icon/Icon.js";import"../../../../table/ui/primitives/Primitives.js";import"../../../../carousel/ui/CarouselContent.js";import"../../../../slot/Slot.js";import"../../../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../formElements/uncontrolled/combobox/combobox.js";import"../../../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../formElements/uncontrolled/input/Input.js";import"../../../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../formElements/uncontrolled/radio/RadioGroup.js";import"../../../../formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../formElements/uncontrolled/slider/SliderBase.js";import"../../../../formElements/uncontrolled/switch/Switch.js";import"../../../../formElements/uncontrolled/textarea/Textarea.js";import"../../../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../../../src/configs/api.js";import"../../../../formElements/controlled/editor/ui/Editor.js";import"../../../../formElements/controlled/input/MaskInputControl.js";import"../../../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const V=({currentDate:r,mode:i,className:m,open:t,onOpenChange:p,...e})=>{const a=i==="year"?l(r):c(r);return n("button",{...e,type:"button",onClick:p,className:o("mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2","capitalize text-color-tetriary hover:bg-color-primary-tr-hover","disabled:pointer-events-none disabled:text-color-disabled",{"text-color-primary-default":t},m),children:[a,s(d,{name:"arrows/arrowRight",className:o("size-4 rotate-90",{"-rotate-90":t})})]})};export{V as Trigger};
+import{jsxs as n,jsx as s}from"react/jsx-runtime";import{formatDateToYearString as l,formatDateToMonthString as c}from"../../../model/utils.js";import{cn as o}from"../../../../../utils/cn.js";import"uuid";import"react";import"../../../../button/Button.js";import"../../../../button/model/helpers.js";import"../../../../buttonIcon/ButtonIcon.js";import"../../../../loader/model/helpers.js";import"../../../Calendar.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 d}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"../../../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../formElements/uncontrolled/combobox/combobox.js";import"../../../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../formElements/uncontrolled/input/Input.js";import"../../../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../formElements/uncontrolled/radio/RadioGroup.js";import"../../../../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../../../formElements/uncontrolled/slider/SliderBase.js";import"../../../../formElements/uncontrolled/switch/Switch.js";import"../../../../formElements/uncontrolled/textarea/Textarea.js";import"../../../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../../../formElements/controlled/editor/ui/Editor.js";import"../../../../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../../../dropdownList/ui/dropdownItem/DropdownItem.js";const br=({currentDate:r,mode:i,className:m,open:t,onOpenChange:p,...e})=>{const a=i==="year"?l(r):c(r);return n("button",{...e,type:"button",onClick:p,className:o("mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2","capitalize text-color-tetriary hover:bg-color-primary-tr-hover","disabled:pointer-events-none disabled:text-color-disabled",{"text-color-primary-default":t},m),children:[a,s(d,{name:"arrows/arrowRight",className:o("size-4 rotate-90",{"-rotate-90":t})})]})};export{br as Trigger};
 //# sourceMappingURL=Trigger.js.map

package/dist/lib/shared/ui/calendar/ui/selectDate/ui/Trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../../../../lib/shared/ui/calendar/ui/selectDate/ui/Trigger.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes } from 'react'\nimport { formatDateToMonthString, formatDateToYearString } from '../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  currentDate: Date\n  mode: 'year' | 'month'\n  open: boolean\n  onOpenChange: () => void\n}\n\nexport const Trigger = ({ currentDate, mode, className, open, onOpenChange, ...props }: TriggerProps) => {\n  const title = mode === 'year' ? formatDateToYearString(currentDate) : formatDateToMonthString(currentDate)\n\n  return (\n    <button\n      {...props}\n      type='button'\n      onClick={onOpenChange}\n      className={cn(\n        'mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2',\n        'capitalize text-color-tetriary hover:bg-color-primary-tr-hover',\n        'disabled:pointer-events-none disabled:text-color-disabled',\n        { 'text-color-primary-default': open },\n        className\n      )}\n    >\n      {title}\n      <Icon name='arrows/arrowRight' className={cn('size-4 rotate-90', { '-rotate-90': open })} />\n    </button>\n  )\n}\n"],"names":["Trigger","currentDate","mode","className","open","onOpenChange","props","title","formatDateToYearString","formatDateToMonthString","jsxs","cn","jsx","Icon"],"mappings":"mjEAYO,MAAMA,EAAU,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,UAAAC,EAAW,KAAAC,EAAM,aAAAC,EAAc,GAAGC,KAA0B,CACvG,MAAMC,EAAQL,IAAS,OAASM,EAAuBP,CAAW,EAAIQ,EAAwBR,CAAW,EAEzG,OACES,EAAC,SAAA,CACE,GAAGJ,EACJ,KAAK,SACL,QAASD,EACT,UAAWM,EACT,iEACA,iEACA,4DACA,CAAE,6BAA8BP,CAAA,EAChCD,CAAA,EAGD,SAAA,CAAAI,EACDK,EAACC,EAAA,CAAK,KAAK,oBAAoB,UAAWF,EAAG,mBAAoB,CAAE,aAAcP,CAAA,CAAM,CAAA,CAAG,CAAA,CAAA,CAAA,CAGhG"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../lib/shared/ui/calendar/ui/selectDate/ui/Trigger.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes } from 'react'\nimport { formatDateToMonthString, formatDateToYearString } from '../../../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype TriggerProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  currentDate: Date\n  mode: 'year' | 'month'\n  open: boolean\n  onOpenChange: () => void\n}\n\nexport const Trigger = ({ currentDate, mode, className, open, onOpenChange, ...props }: TriggerProps) => {\n  const title = mode === 'year' ? formatDateToYearString(currentDate) : formatDateToMonthString(currentDate)\n\n  return (\n    <button\n      {...props}\n      type='button'\n      onClick={onOpenChange}\n      className={cn(\n        'mob-body-medium-m flex h-10 items-center gap-1 rounded-sm px-2',\n        'capitalize text-color-tetriary hover:bg-color-primary-tr-hover',\n        'disabled:pointer-events-none disabled:text-color-disabled',\n        { 'text-color-primary-default': open },\n        className\n      )}\n    >\n      {title}\n      <Icon name='arrows/arrowRight' className={cn('size-4 rotate-90', { '-rotate-90': open })} />\n    </button>\n  )\n}\n"],"names":["Trigger","currentDate","mode","className","open","onOpenChange","props","title","formatDateToYearString","formatDateToMonthString","jsxs","cn","jsx","Icon"],"mappings":"y9EAYO,MAAMA,GAAU,CAAC,CAAE,YAAAC,EAAa,KAAAC,EAAM,UAAAC,EAAW,KAAAC,EAAM,aAAAC,EAAc,GAAGC,KAA0B,CACvG,MAAMC,EAAQL,IAAS,OAASM,EAAuBP,CAAW,EAAIQ,EAAwBR,CAAW,EAEzG,OACES,EAAC,SAAA,CACE,GAAGJ,EACJ,KAAK,SACL,QAASD,EACT,UAAWM,EACT,iEACA,iEACA,4DACA,CAAE,6BAA8BP,CAAA,EAChCD,CAAA,EAGD,SAAA,CAAAI,EACDK,EAACC,EAAA,CAAK,KAAK,oBAAoB,UAAWF,EAAG,mBAAoB,CAAE,aAAcP,CAAA,CAAM,CAAA,CAAG,CAAA,CAAA,CAAA,CAGhG"}

package/dist/lib/shared/ui/carousel/CarouselBase.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as t}from"react/jsx-runtime";import{useDevice as q}from"../../hooks/useDevice.js";import"react";import{cn as r}from"../../utils/cn.js";import"react-hook-form";import{Heading as z}from"../heading/Heading.js";import{useArrowNavigation as E}from"./model/hooks/useArrowNavigation.js";import{useDotsNavigation as F}from"./model/hooks/useDotsNavigation.js";import{useCarousel as G}from"./model/hooks/useCarousel.js";import{defaultCarouselOptions as A,defaultNavArrowOptions as h,defaultDotsOptions as b,defaultAutoPlayOptions as J}from"./model/helpers.js";import{ArrowNavigationButton as l}from"./ui/ArrowNavigationButton.js";import"../button/Button.js";import{CarouselContent as D}from"./ui/CarouselContent.js";import{ContainerWithNavigation as K}from"./ui/ContainerWithNavigation.js";const eo=({dotsOptions:x=b,navArrowOptions:k=h,carouselOptions:B=A,heading:p,autoPlayOptions:P,setVisibleIndex:y,visibleIndex:a,children:d,classes:o,...j})=>{const H={...A,...B},M={...J,...P},W={...h,...k},f={...b,...x},{emblaApi:u,navigationHandler:v,emblaRef:w}=G({carouselOptions:H,autoPlayOptions:M}),N=F({emblaApi:u,navigationHandler:v,setVisibleIndex:y}),{prevBtnDisabled:g,nextBtnDisabled:C,onClickNavigationButton:i}=E({emblaApi:u,navigationHandler:v}),{isMobile:R,isDesktop:V}=q(),{deskVisible:L,mobVisible:T,position:n}=W??{},e=L&&V||T&&R,O=!!p||e&&n==="top-right";return m("div",{className:r("flex flex-col",o==null?void 0:o.root),...j,children:[O&&m("div",{className:r("flex items-center justify-between gap-6",{"mb-6":O},o==null?void 0:o.header),children:[!!p&&t(z,{as:"h2",className:r(o==null?void 0:o.heading),children:"Другие предложения"}),e&&n==="top-right"&&m("div",{className:r("ml-auto flex items-center gap-2",o==null?void 0:o.arrowsNavWrapper),children:[t(l,{mode:"prev",onClick:i,disabled:g,classes:o==null?void 0:o.arrowLeftClasses}),t(l,{mode:"next",onClick:i,disabled:C,classes:o==null?void 0:o.arrowRightClasses})]})]}),e&&n==="center"?t(K,{onClickNavigationButton:i,prevBtnDisabled:g,nextBtnDisabled:C,classes:o==null?void 0:o.containerWithNavClasses,children:t(D,{visibleIndex:a,dotsOptions:f,ref:w,dotsProps:N,classes:o==null?void 0:o.carouselContentClasses,children:d})}):t(D,{visibleIndex:a,dotsOptions:f,ref:w,dotsProps:N,classes:o==null?void 0:o.carouselContentClasses,children:d})]})};export{eo as CarouselBase};
+import{jsxs as m,jsx as t}from"react/jsx-runtime";import{useDevice as q}from"../../hooks/useDevice.js";import"react";import{cn as r}from"../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";import{Heading as z}from"../heading/Heading.js";import{useArrowNavigation as E}from"./model/hooks/useArrowNavigation.js";import{useDotsNavigation as F}from"./model/hooks/useDotsNavigation.js";import{useCarousel as G}from"./model/hooks/useCarousel.js";import{defaultCarouselOptions as A,defaultNavArrowOptions as h,defaultDotsOptions as b,defaultAutoPlayOptions as J}from"./model/helpers.js";import{ArrowNavigationButton as l}from"./ui/ArrowNavigationButton.js";import"../button/Button.js";import"../button/model/helpers.js";import{CarouselContent as D}from"./ui/CarouselContent.js";import{ContainerWithNavigation as K}from"./ui/ContainerWithNavigation.js";const ao=({dotsOptions:x=b,navArrowOptions:k=h,carouselOptions:B=A,heading:p,autoPlayOptions:P,setVisibleIndex:y,visibleIndex:a,children:d,classes:o,...j})=>{const H={...A,...B},M={...J,...P},W={...h,...k},f={...b,...x},{emblaApi:u,navigationHandler:v,emblaRef:w}=G({carouselOptions:H,autoPlayOptions:M}),N=F({emblaApi:u,navigationHandler:v,setVisibleIndex:y}),{prevBtnDisabled:g,nextBtnDisabled:C,onClickNavigationButton:i}=E({emblaApi:u,navigationHandler:v}),{isMobile:R,isDesktop:V}=q(),{deskVisible:L,mobVisible:T,position:n}=W??{},e=L&&V||T&&R,O=!!p||e&&n==="top-right";return m("div",{className:r("flex flex-col",o==null?void 0:o.root),...j,children:[O&&m("div",{className:r("flex items-center justify-between gap-6",{"mb-6":O},o==null?void 0:o.header),children:[!!p&&t(z,{as:"h2",className:r(o==null?void 0:o.heading),children:"Другие предложения"}),e&&n==="top-right"&&m("div",{className:r("ml-auto flex items-center gap-2",o==null?void 0:o.arrowsNavWrapper),children:[t(l,{mode:"prev",onClick:i,disabled:g,classes:o==null?void 0:o.arrowLeftClasses}),t(l,{mode:"next",onClick:i,disabled:C,classes:o==null?void 0:o.arrowRightClasses})]})]}),e&&n==="center"?t(K,{onClickNavigationButton:i,prevBtnDisabled:g,nextBtnDisabled:C,classes:o==null?void 0:o.containerWithNavClasses,children:t(D,{visibleIndex:a,dotsOptions:f,ref:w,dotsProps:N,classes:o==null?void 0:o.carouselContentClasses,children:d})}):t(D,{visibleIndex:a,dotsOptions:f,ref:w,dotsProps:N,classes:o==null?void 0:o.carouselContentClasses,children:d})]})};export{ao as CarouselBase};
 //# sourceMappingURL=CarouselBase.js.map

package/dist/lib/shared/ui/carousel/CarouselBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselBase.js","sources":["../../../../../lib/shared/ui/carousel/CarouselBase.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { type EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { useDevice } from '../../hooks'\nimport { Heading } from '../heading'\nimport {\n  defaultAutoPlayOptions,\n  defaultCarouselOptions,\n  defaultDotsOptions,\n  defaultNavArrowOptions,\n  type DotsOptions,\n  type NavArrowOptions,\n  useArrowNavigation,\n  useCarousel,\n  useDotsNavigation\n} from './model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses, CarouselContent, type CarouselContentClasses } from './ui'\nimport { ContainerWithNavigation, type ContainerWithNavigationClasses } from './ui/ContainerWithNavigation'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselClasses = {\n  root?: string\n  header?: string\n  heading?: string\n  arrowsNavWrapper?: string\n  arrowLeftClasses?: ArrowNavigationButtonClasses\n  arrowRightClasses?: ArrowNavigationButtonClasses\n  containerWithNavClasses?: ContainerWithNavigationClasses\n  carouselContentClasses?: CarouselContentClasses\n}\n\nexport interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n  heading?: string\n  carouselOptions?: EmblaOptionsType\n  dotsOptions?: DotsOptions\n  navArrowOptions?: NavArrowOptions\n  autoPlayOptions?: AutoplayOptionsType\n  setVisibleIndex: (index: number) => void\n  visibleIndex: number\n  classes?: CarouselClasses\n}\n\nexport const CarouselBase = ({\n  dotsOptions = defaultDotsOptions,\n  navArrowOptions = defaultNavArrowOptions,\n  carouselOptions = defaultCarouselOptions,\n  heading,\n  autoPlayOptions,\n  setVisibleIndex,\n  visibleIndex,\n  children,\n  classes,\n  ...props\n}: CarouselBaseProps) => {\n  const mergedCarouselOptions = { ...defaultCarouselOptions, ...carouselOptions }\n  const mergedAutoPlayOptions = { ...defaultAutoPlayOptions, ...autoPlayOptions }\n  const mergedNavArrowOptions = { ...defaultNavArrowOptions, ...navArrowOptions }\n  const mergedDotsOptions = { ...defaultDotsOptions, ...dotsOptions }\n\n  const { emblaApi, navigationHandler, emblaRef } = useCarousel({\n    carouselOptions: mergedCarouselOptions,\n    autoPlayOptions: mergedAutoPlayOptions\n  })\n\n  const dotsProps = useDotsNavigation({ emblaApi, navigationHandler, setVisibleIndex })\n  const { prevBtnDisabled, nextBtnDisabled, onClickNavigationButton } = useArrowNavigation({\n    emblaApi,\n    navigationHandler\n  })\n\n  const { isMobile, isDesktop } = useDevice()\n  const { deskVisible, mobVisible, position: navArrowPosition } = mergedNavArrowOptions ?? {}\n\n  //Отображения стрелок если переданы и мобильное разрешение\n  const withNavArrowsOnMob = mobVisible && isMobile\n  //Отображения стрелок если переданы и полноэкранное разрешение\n  const winNavArrowsOnDesk = deskVisible && isDesktop\n  //Отображения стрелок если переданы\n  const winNavArrows = winNavArrowsOnDesk || withNavArrowsOnMob\n\n  const withHeadingAndArrowsTop = Boolean(heading) || (winNavArrows && navArrowPosition === 'top-right')\n\n  return (\n    <div className={cn('flex flex-col', classes?.root)} {...props}>\n      {withHeadingAndArrowsTop && (\n        <div className={cn('flex items-center justify-between gap-6', { 'mb-6': withHeadingAndArrowsTop }, classes?.header)}>\n          {Boolean(heading) && (\n            <Heading as='h2' className={cn(classes?.heading)}>\n              Другие предложения\n            </Heading>\n          )}\n\n          {winNavArrows && navArrowPosition === 'top-right' && (\n            <div className={cn('ml-auto flex items-center gap-2', classes?.arrowsNavWrapper)}>\n              <ArrowNavigationButton\n                mode='prev'\n                onClick={onClickNavigationButton}\n                disabled={prevBtnDisabled}\n                classes={classes?.arrowLeftClasses}\n              />\n              <ArrowNavigationButton\n                mode='next'\n                onClick={onClickNavigationButton}\n                disabled={nextBtnDisabled}\n                classes={classes?.arrowRightClasses}\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {winNavArrows && navArrowPosition === 'center' ? (\n        <ContainerWithNavigation\n          onClickNavigationButton={onClickNavigationButton}\n          prevBtnDisabled={prevBtnDisabled}\n          nextBtnDisabled={nextBtnDisabled}\n          classes={classes?.containerWithNavClasses}\n        >\n          <CarouselContent\n            visibleIndex={visibleIndex}\n            dotsOptions={mergedDotsOptions}\n            ref={emblaRef}\n            dotsProps={dotsProps}\n            classes={classes?.carouselContentClasses}\n          >\n            {children}\n          </CarouselContent>\n        </ContainerWithNavigation>\n      ) : (\n        <CarouselContent\n          visibleIndex={visibleIndex}\n          dotsOptions={mergedDotsOptions}\n          ref={emblaRef}\n          dotsProps={dotsProps}\n          classes={classes?.carouselContentClasses}\n        >\n          {children}\n        </CarouselContent>\n      )}\n    </div>\n  )\n}\n"],"names":["CarouselBase","dotsOptions","defaultDotsOptions","navArrowOptions","defaultNavArrowOptions","carouselOptions","defaultCarouselOptions","heading","autoPlayOptions","setVisibleIndex","visibleIndex","children","classes","props","mergedCarouselOptions","mergedAutoPlayOptions","defaultAutoPlayOptions","mergedNavArrowOptions","mergedDotsOptions","emblaApi","navigationHandler","emblaRef","useCarousel","dotsProps","useDotsNavigation","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","useArrowNavigation","isMobile","isDesktop","useDevice","deskVisible","mobVisible","navArrowPosition","winNavArrows","withHeadingAndArrowsTop","jsxs","cn","jsx","Heading","ArrowNavigationButton","ContainerWithNavigation","CarouselContent"],"mappings":"iyBA2CO,MAAMA,GAAe,CAAC,CAC3B,YAAAC,EAAcC,EACd,gBAAAC,EAAkBC,EAClB,gBAAAC,EAAkBC,EAClB,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAwB,CAAE,GAAGR,EAAwB,GAAGD,CAAA,EACxDU,EAAwB,CAAE,GAAGC,EAAwB,GAAGR,CAAA,EACxDS,EAAwB,CAAE,GAAGb,EAAwB,GAAGD,CAAA,EACxDe,EAAoB,CAAE,GAAGhB,EAAoB,GAAGD,CAAA,EAEhD,CAAE,SAAAkB,EAAU,kBAAAC,EAAmB,SAAAC,CAAA,EAAaC,EAAY,CAC5D,gBAAiBR,EACjB,gBAAiBC,CAAA,CAClB,EAEKQ,EAAYC,EAAkB,CAAE,SAAAL,EAAU,kBAAAC,EAAmB,gBAAAX,EAAiB,EAC9E,CAAE,gBAAAgB,EAAiB,gBAAAC,EAAiB,wBAAAC,CAAA,EAA4BC,EAAmB,CACvF,SAAAT,EACA,kBAAAC,CAAA,CACD,EAEK,CAAE,SAAAS,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,YAAAC,EAAa,WAAAC,EAAY,SAAUC,CAAA,EAAqBjB,GAAyB,CAAA,EAOnFkB,EAFqBH,GAAeF,GAFfG,GAAcJ,EAMnCO,EAA0B,EAAQ7B,GAAa4B,GAAgBD,IAAqB,YAE1F,OACEG,EAAC,OAAI,UAAWC,EAAG,gBAAiB1B,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGC,EACrD,SAAA,CAAAuB,GACCC,EAAC,MAAA,CAAI,UAAWC,EAAG,0CAA2C,CAAE,OAAQF,CAAA,EAA2BxB,GAAA,YAAAA,EAAS,MAAM,EAC/G,SAAA,CAAA,EAAQL,GACPgC,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG1B,GAAA,YAAAA,EAAS,OAAO,EAAG,SAAA,oBAAA,CAElD,EAGDuB,GAAgBD,IAAqB,aACpCG,EAAC,MAAA,CAAI,UAAWC,EAAG,kCAAmC1B,GAAA,YAAAA,EAAS,gBAAgB,EAC7E,SAAA,CAAA2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUF,EACV,QAASb,GAAA,YAAAA,EAAS,gBAAA,CAAA,EAEpB2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUD,EACV,QAASd,GAAA,YAAAA,EAAS,iBAAA,CAAA,CACpB,CAAA,CACF,CAAA,EAEJ,EAGDuB,GAAgBD,IAAqB,SACpCK,EAACG,EAAA,CACC,wBAAAf,EACA,gBAAAF,EACA,gBAAAC,EACA,QAASd,GAAA,YAAAA,EAAS,wBAElB,SAAA2B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAA,YAAAA,EAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,CAAA,EAGF4B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAA,YAAAA,EAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,EAEJ,CAEJ"}
+{"version":3,"file":"CarouselBase.js","sources":["../../../../../lib/shared/ui/carousel/CarouselBase.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode } from 'react'\nimport { type EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { useDevice } from '../../hooks'\nimport { Heading } from '../heading'\nimport {\n  defaultAutoPlayOptions,\n  defaultCarouselOptions,\n  defaultDotsOptions,\n  defaultNavArrowOptions,\n  type DotsOptions,\n  type NavArrowOptions,\n  useArrowNavigation,\n  useCarousel,\n  useDotsNavigation\n} from './model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses, CarouselContent, type CarouselContentClasses } from './ui'\nimport { ContainerWithNavigation, type ContainerWithNavigationClasses } from './ui/ContainerWithNavigation'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselClasses = {\n  root?: string\n  header?: string\n  heading?: string\n  arrowsNavWrapper?: string\n  arrowLeftClasses?: ArrowNavigationButtonClasses\n  arrowRightClasses?: ArrowNavigationButtonClasses\n  containerWithNavClasses?: ContainerWithNavigationClasses\n  carouselContentClasses?: CarouselContentClasses\n}\n\nexport interface CarouselBaseProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n  heading?: string\n  carouselOptions?: EmblaOptionsType\n  dotsOptions?: DotsOptions\n  navArrowOptions?: NavArrowOptions\n  autoPlayOptions?: AutoplayOptionsType\n  setVisibleIndex: (index: number) => void\n  visibleIndex: number\n  classes?: CarouselClasses\n}\n\nexport const CarouselBase = ({\n  dotsOptions = defaultDotsOptions,\n  navArrowOptions = defaultNavArrowOptions,\n  carouselOptions = defaultCarouselOptions,\n  heading,\n  autoPlayOptions,\n  setVisibleIndex,\n  visibleIndex,\n  children,\n  classes,\n  ...props\n}: CarouselBaseProps) => {\n  const mergedCarouselOptions = { ...defaultCarouselOptions, ...carouselOptions }\n  const mergedAutoPlayOptions = { ...defaultAutoPlayOptions, ...autoPlayOptions }\n  const mergedNavArrowOptions = { ...defaultNavArrowOptions, ...navArrowOptions }\n  const mergedDotsOptions = { ...defaultDotsOptions, ...dotsOptions }\n\n  const { emblaApi, navigationHandler, emblaRef } = useCarousel({\n    carouselOptions: mergedCarouselOptions,\n    autoPlayOptions: mergedAutoPlayOptions\n  })\n\n  const dotsProps = useDotsNavigation({ emblaApi, navigationHandler, setVisibleIndex })\n  const { prevBtnDisabled, nextBtnDisabled, onClickNavigationButton } = useArrowNavigation({\n    emblaApi,\n    navigationHandler\n  })\n\n  const { isMobile, isDesktop } = useDevice()\n  const { deskVisible, mobVisible, position: navArrowPosition } = mergedNavArrowOptions ?? {}\n\n  //Отображения стрелок если переданы и мобильное разрешение\n  const withNavArrowsOnMob = mobVisible && isMobile\n  //Отображения стрелок если переданы и полноэкранное разрешение\n  const winNavArrowsOnDesk = deskVisible && isDesktop\n  //Отображения стрелок если переданы\n  const winNavArrows = winNavArrowsOnDesk || withNavArrowsOnMob\n\n  const withHeadingAndArrowsTop = Boolean(heading) || (winNavArrows && navArrowPosition === 'top-right')\n\n  return (\n    <div className={cn('flex flex-col', classes?.root)} {...props}>\n      {withHeadingAndArrowsTop && (\n        <div className={cn('flex items-center justify-between gap-6', { 'mb-6': withHeadingAndArrowsTop }, classes?.header)}>\n          {Boolean(heading) && (\n            <Heading as='h2' className={cn(classes?.heading)}>\n              Другие предложения\n            </Heading>\n          )}\n\n          {winNavArrows && navArrowPosition === 'top-right' && (\n            <div className={cn('ml-auto flex items-center gap-2', classes?.arrowsNavWrapper)}>\n              <ArrowNavigationButton\n                mode='prev'\n                onClick={onClickNavigationButton}\n                disabled={prevBtnDisabled}\n                classes={classes?.arrowLeftClasses}\n              />\n              <ArrowNavigationButton\n                mode='next'\n                onClick={onClickNavigationButton}\n                disabled={nextBtnDisabled}\n                classes={classes?.arrowRightClasses}\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {winNavArrows && navArrowPosition === 'center' ? (\n        <ContainerWithNavigation\n          onClickNavigationButton={onClickNavigationButton}\n          prevBtnDisabled={prevBtnDisabled}\n          nextBtnDisabled={nextBtnDisabled}\n          classes={classes?.containerWithNavClasses}\n        >\n          <CarouselContent\n            visibleIndex={visibleIndex}\n            dotsOptions={mergedDotsOptions}\n            ref={emblaRef}\n            dotsProps={dotsProps}\n            classes={classes?.carouselContentClasses}\n          >\n            {children}\n          </CarouselContent>\n        </ContainerWithNavigation>\n      ) : (\n        <CarouselContent\n          visibleIndex={visibleIndex}\n          dotsOptions={mergedDotsOptions}\n          ref={emblaRef}\n          dotsProps={dotsProps}\n          classes={classes?.carouselContentClasses}\n        >\n          {children}\n        </CarouselContent>\n      )}\n    </div>\n  )\n}\n"],"names":["CarouselBase","dotsOptions","defaultDotsOptions","navArrowOptions","defaultNavArrowOptions","carouselOptions","defaultCarouselOptions","heading","autoPlayOptions","setVisibleIndex","visibleIndex","children","classes","props","mergedCarouselOptions","mergedAutoPlayOptions","defaultAutoPlayOptions","mergedNavArrowOptions","mergedDotsOptions","emblaApi","navigationHandler","emblaRef","useCarousel","dotsProps","useDotsNavigation","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","useArrowNavigation","isMobile","isDesktop","useDevice","deskVisible","mobVisible","navArrowPosition","winNavArrows","withHeadingAndArrowsTop","jsxs","cn","jsx","Heading","ArrowNavigationButton","ContainerWithNavigation","CarouselContent"],"mappings":"62BA2CO,MAAMA,GAAe,CAAC,CAC3B,YAAAC,EAAcC,EACd,gBAAAC,EAAkBC,EAClB,gBAAAC,EAAkBC,EAClB,QAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,MAAMC,EAAwB,CAAE,GAAGR,EAAwB,GAAGD,CAAA,EACxDU,EAAwB,CAAE,GAAGC,EAAwB,GAAGR,CAAA,EACxDS,EAAwB,CAAE,GAAGb,EAAwB,GAAGD,CAAA,EACxDe,EAAoB,CAAE,GAAGhB,EAAoB,GAAGD,CAAA,EAEhD,CAAE,SAAAkB,EAAU,kBAAAC,EAAmB,SAAAC,CAAA,EAAaC,EAAY,CAC5D,gBAAiBR,EACjB,gBAAiBC,CAAA,CAClB,EAEKQ,EAAYC,EAAkB,CAAE,SAAAL,EAAU,kBAAAC,EAAmB,gBAAAX,EAAiB,EAC9E,CAAE,gBAAAgB,EAAiB,gBAAAC,EAAiB,wBAAAC,CAAA,EAA4BC,EAAmB,CACvF,SAAAT,EACA,kBAAAC,CAAA,CACD,EAEK,CAAE,SAAAS,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,YAAAC,EAAa,WAAAC,EAAY,SAAUC,CAAA,EAAqBjB,GAAyB,CAAA,EAOnFkB,EAFqBH,GAAeF,GAFfG,GAAcJ,EAMnCO,EAA0B,EAAQ7B,GAAa4B,GAAgBD,IAAqB,YAE1F,OACEG,EAAC,OAAI,UAAWC,EAAG,gBAAiB1B,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGC,EACrD,SAAA,CAAAuB,GACCC,EAAC,MAAA,CAAI,UAAWC,EAAG,0CAA2C,CAAE,OAAQF,CAAA,EAA2BxB,GAAA,YAAAA,EAAS,MAAM,EAC/G,SAAA,CAAA,EAAQL,GACPgC,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWF,EAAG1B,GAAA,YAAAA,EAAS,OAAO,EAAG,SAAA,oBAAA,CAElD,EAGDuB,GAAgBD,IAAqB,aACpCG,EAAC,MAAA,CAAI,UAAWC,EAAG,kCAAmC1B,GAAA,YAAAA,EAAS,gBAAgB,EAC7E,SAAA,CAAA2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUF,EACV,QAASb,GAAA,YAAAA,EAAS,gBAAA,CAAA,EAEpB2B,EAACE,EAAA,CACC,KAAK,OACL,QAASd,EACT,SAAUD,EACV,QAASd,GAAA,YAAAA,EAAS,iBAAA,CAAA,CACpB,CAAA,CACF,CAAA,EAEJ,EAGDuB,GAAgBD,IAAqB,SACpCK,EAACG,EAAA,CACC,wBAAAf,EACA,gBAAAF,EACA,gBAAAC,EACA,QAASd,GAAA,YAAAA,EAAS,wBAElB,SAAA2B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAA,YAAAA,EAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,CAAA,EAGF4B,EAACI,EAAA,CACC,aAAAjC,EACA,YAAaQ,EACb,IAAKG,EACL,UAAAE,EACA,QAASX,GAAA,YAAAA,EAAS,uBAEjB,SAAAD,CAAA,CAAA,CACH,EAEJ,CAEJ"}

package/dist/lib/shared/ui/carousel/CarouselNative.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as h,useRef as l,useEffect as p}from"react";import g from"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import{motion as a}from"../../../../node_modules/.pnpm/framer-motion@11.18.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const W=({className:i,items:s,renderComponent:o,columnGap:n=10,...c})=>{const[f,d]=h(0),t=l(null),m=l(null),u=l(null);return p(()=>{const e=t.current;e&&d(e.scrollWidth-e.offsetWidth)},[s]),r("div",{ref:m,...c,className:"w-full max-w-[540px] overflow-hidden",children:r(a.div,{ref:t,drag:"x",dragElastic:.15,dragConstraints:{right:0,left:-f},dragTransition:{bounceDamping:30,power:.33},transition:{duration:.2,ease:"easeInOut"},className:"flex cursor-pointer flex-col gap-3",children:r("div",{className:g("inline-flex w-max flex-col",i),children:r("div",{ref:u,className:"flex",style:{columnGap:n},children:s.map((e,x)=>r(a.div,{className:"w-max",children:o(e)},`cell-${x}`))})})})})};export{W as CarouselNative};
+import{jsx as r}from"react/jsx-runtime";import{useState as h,useRef as l,useEffect as p}from"react";import g from"classnames";import{motion as i}from"framer-motion";const W=({className:o,items:t,renderComponent:a,columnGap:n=10,...c})=>{const[f,d]=h(0),s=l(null),m=l(null),u=l(null);return p(()=>{const e=s.current;e&&d(e.scrollWidth-e.offsetWidth)},[t]),r("div",{ref:m,...c,className:"w-full max-w-[540px] overflow-hidden",children:r(i.div,{ref:s,drag:"x",dragElastic:.15,dragConstraints:{right:0,left:-f},dragTransition:{bounceDamping:30,power:.33},transition:{duration:.2,ease:"easeInOut"},className:"flex cursor-pointer flex-col gap-3",children:r("div",{className:g("inline-flex w-max flex-col",o),children:r("div",{ref:u,className:"flex",style:{columnGap:n},children:t.map((e,x)=>r(i.div,{className:"w-max",children:a(e)},`cell-${x}`))})})})})};export{W as CarouselNative};
 //# sourceMappingURL=CarouselNative.js.map

package/dist/lib/shared/ui/carousel/CarouselNative.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselNative.js","sources":["../../../../../lib/shared/ui/carousel/CarouselNative.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport { motion } from 'framer-motion'\n\nexport interface CarouselNativeProps<Element> extends React.HTMLAttributes<HTMLDivElement> {\n  items: Element[]\n  renderComponent: (elementProps: Element) => React.JSX.Element\n  columnGap?: number\n}\n\nexport const CarouselNative = <Element,>({\n  className,\n  items,\n  renderComponent,\n  columnGap = 10,\n  ...props\n}: CarouselNativeProps<Element>) => {\n  const [width, setWidth] = useState<number>(0)\n\n  const carouselRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const carousel = carouselRef.current\n\n    if (carousel) {\n      setWidth(carousel.scrollWidth - carousel.offsetWidth)\n    }\n  }, [items])\n\n  return (\n    <div ref={containerRef} {...props} className='w-full max-w-[540px] overflow-hidden'>\n      <motion.div\n        ref={carouselRef}\n        drag='x'\n        dragElastic={0.15}\n        dragConstraints={{ right: 0, left: -width }}\n        dragTransition={{ bounceDamping: 30, power: 0.33 }}\n        transition={{ duration: 0.2, ease: 'easeInOut' }}\n        className='flex cursor-pointer flex-col gap-3'\n      >\n        <div className={classNames('inline-flex w-max flex-col', className)}>\n          <div ref={listRef} className='flex' style={{ columnGap }}>\n            {items.map((item, cellIndex) => (\n              <motion.div key={`cell-${cellIndex}`} className='w-max'>\n                {renderComponent(item)}\n              </motion.div>\n            ))}\n          </div>\n        </div>\n      </motion.div>\n    </div>\n  )\n}\n"],"names":["CarouselNative","className","items","renderComponent","columnGap","props","width","setWidth","useState","carouselRef","useRef","containerRef","listRef","useEffect","carousel","jsx","motion","classNames","item","cellIndex"],"mappings":"mYAUO,MAAMA,EAAiB,CAAW,CACvC,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,IAAoC,CAClC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAiB,CAAC,EAEtCC,EAAcC,EAAuB,IAAI,EACzCC,EAAeD,EAAuB,IAAI,EAC1CE,EAAUF,EAAuB,IAAI,EAE3C,OAAAG,EAAU,IAAM,CACd,MAAMC,EAAWL,EAAY,QAEzBK,GACFP,EAASO,EAAS,YAAcA,EAAS,WAAW,CAExD,EAAG,CAACZ,CAAK,CAAC,IAGP,MAAA,CAAI,IAAKS,EAAe,GAAGN,EAAO,UAAU,uCAC3C,SAAAU,EAACC,EAAO,IAAP,CACC,IAAKP,EACL,KAAK,IACL,YAAa,IACb,gBAAiB,CAAE,MAAO,EAAG,KAAM,CAACH,CAAA,EACpC,eAAgB,CAAE,cAAe,GAAI,MAAO,GAAA,EAC5C,WAAY,CAAE,SAAU,GAAK,KAAM,WAAA,EACnC,UAAU,qCAEV,WAAC,MAAA,CAAI,UAAWW,EAAW,6BAA8BhB,CAAS,EAChE,SAAAc,EAAC,MAAA,CAAI,IAAKH,EAAS,UAAU,OAAO,MAAO,CAAE,UAAAR,GAC1C,SAAAF,EAAM,IAAI,CAACgB,EAAMC,IAChBJ,EAACC,EAAO,IAAP,CAAqC,UAAU,QAC7C,SAAAb,EAAgBe,CAAI,GADN,QAAQC,CAAS,EAElC,CACD,EACH,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"CarouselNative.js","sources":["../../../../../lib/shared/ui/carousel/CarouselNative.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport { motion } from 'framer-motion'\n\nexport interface CarouselNativeProps<Element> extends React.HTMLAttributes<HTMLDivElement> {\n  items: Element[]\n  renderComponent: (elementProps: Element) => React.JSX.Element\n  columnGap?: number\n}\n\nexport const CarouselNative = <Element,>({\n  className,\n  items,\n  renderComponent,\n  columnGap = 10,\n  ...props\n}: CarouselNativeProps<Element>) => {\n  const [width, setWidth] = useState<number>(0)\n\n  const carouselRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const carousel = carouselRef.current\n\n    if (carousel) {\n      setWidth(carousel.scrollWidth - carousel.offsetWidth)\n    }\n  }, [items])\n\n  return (\n    <div ref={containerRef} {...props} className='w-full max-w-[540px] overflow-hidden'>\n      <motion.div\n        ref={carouselRef}\n        drag='x'\n        dragElastic={0.15}\n        dragConstraints={{ right: 0, left: -width }}\n        dragTransition={{ bounceDamping: 30, power: 0.33 }}\n        transition={{ duration: 0.2, ease: 'easeInOut' }}\n        className='flex cursor-pointer flex-col gap-3'\n      >\n        <div className={classNames('inline-flex w-max flex-col', className)}>\n          <div ref={listRef} className='flex' style={{ columnGap }}>\n            {items.map((item, cellIndex) => (\n              <motion.div key={`cell-${cellIndex}`} className='w-max'>\n                {renderComponent(item)}\n              </motion.div>\n            ))}\n          </div>\n        </div>\n      </motion.div>\n    </div>\n  )\n}\n"],"names":["CarouselNative","className","items","renderComponent","columnGap","props","width","setWidth","useState","carouselRef","useRef","containerRef","listRef","useEffect","carousel","jsx","motion","classNames","item","cellIndex"],"mappings":"qKAUO,MAAMA,EAAiB,CAAW,CACvC,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,IAAoC,CAClC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAiB,CAAC,EAEtCC,EAAcC,EAAuB,IAAI,EACzCC,EAAeD,EAAuB,IAAI,EAC1CE,EAAUF,EAAuB,IAAI,EAE3C,OAAAG,EAAU,IAAM,CACd,MAAMC,EAAWL,EAAY,QAEzBK,GACFP,EAASO,EAAS,YAAcA,EAAS,WAAW,CAExD,EAAG,CAACZ,CAAK,CAAC,IAGP,MAAA,CAAI,IAAKS,EAAe,GAAGN,EAAO,UAAU,uCAC3C,SAAAU,EAACC,EAAO,IAAP,CACC,IAAKP,EACL,KAAK,IACL,YAAa,IACb,gBAAiB,CAAE,MAAO,EAAG,KAAM,CAACH,CAAA,EACpC,eAAgB,CAAE,cAAe,GAAI,MAAO,GAAA,EAC5C,WAAY,CAAE,SAAU,GAAK,KAAM,WAAA,EACnC,UAAU,qCAEV,WAAC,MAAA,CAAI,UAAWW,EAAW,6BAA8BhB,CAAS,EAChE,SAAAc,EAAC,MAAA,CAAI,IAAKH,EAAS,UAAU,OAAO,MAAO,CAAE,UAAAR,GAC1C,SAAAF,EAAM,IAAI,CAACgB,EAAMC,IAChBJ,EAACC,EAAO,IAAP,CAAqC,UAAU,QAC7C,SAAAb,EAAgBe,CAAI,GADN,QAAQC,CAAS,EAElC,CACD,EACH,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/lib/shared/ui/carousel/model/helpers.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"react";import{SlideProductCard as r}from"../ui/slideVariants/SlideProductCard.js";import{SlideOnlyImage as o}from"../ui/slideVariants/SlideOnlyImage.js";import{SlideFullScreen as i}from"../ui/slideVariants/SlideFullScreen.js";import"../ui/CarouselContent.js";const m={dragFree:!0,loop:!1,align:"start",slidesToScroll:1},f={position:"center",deskVisible:!0,mobVisible:!0},p={position:"top-right",deskVisible:!0,mobVisible:!1},S={active:!0},b=t=>{switch(t.variant){case"productCard":return e(r,{...t});case"onlyImage":return e(o,{...t});case"fullScreen":return e(i,{...t})}};export{S as defaultAutoPlayOptions,m as defaultCarouselOptions,f as defaultDotsOptions,p as defaultNavArrowOptions,b as renderSlideVariant};
+import{jsx as e}from"react/jsx-runtime";import"classnames";import"tailwind-merge";import"uuid";import"react";import"embla-carousel-autoplay";import"embla-carousel-react";import{SlideProductCard as r}from"../ui/slideVariants/SlideProductCard.js";import{SlideOnlyImage as o}from"../ui/slideVariants/SlideOnlyImage.js";import{SlideFullScreen as i}from"../ui/slideVariants/SlideFullScreen.js";import"../ui/CarouselContent.js";const b={dragFree:!0,loop:!1,align:"start",slidesToScroll:1},g={position:"center",deskVisible:!0,mobVisible:!0},O={position:"top-right",deskVisible:!0,mobVisible:!1},V={active:!0},v=t=>{switch(t.variant){case"productCard":return e(r,{...t});case"onlyImage":return e(o,{...t});case"fullScreen":return e(i,{...t})}};export{V as defaultAutoPlayOptions,b as defaultCarouselOptions,g as defaultDotsOptions,O as defaultNavArrowOptions,v as renderSlideVariant};
 //# sourceMappingURL=helpers.js.map

package/dist/lib/shared/ui/carousel/model/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/carousel/model/helpers.tsx"],"sourcesContent":["import type { EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { SlideFullScreen, SlideOnlyImage, SlideProductCard } from '../ui'\nimport type { CarouselSlideVariant, DotsOptions, NavArrowOptions } from './types'\nimport type { DiscriminatedUnion } from '$/shared/types'\n\nexport const defaultCarouselOptions: EmblaOptionsType = {\n  dragFree: true,\n  loop: false,\n  align: 'start',\n  slidesToScroll: 1\n}\n\nexport const defaultDotsOptions: DotsOptions = {\n  position: 'center',\n  deskVisible: true,\n  mobVisible: true\n}\n\nexport const defaultNavArrowOptions: NavArrowOptions = {\n  position: 'top-right',\n  deskVisible: true,\n  mobVisible: false\n}\n\nexport const defaultAutoPlayOptions: AutoplayOptionsType = {\n  active: true\n}\n\nexport const renderSlideVariant = (props: DiscriminatedUnion<'variant', CarouselSlideVariant>) => {\n  switch (props.variant) {\n    case 'productCard':\n      return <SlideProductCard {...props} />\n    case 'onlyImage':\n      return <SlideOnlyImage {...props} />\n    case 'fullScreen':\n      return <SlideFullScreen {...props} />\n  }\n}\n"],"names":["defaultCarouselOptions","defaultDotsOptions","defaultNavArrowOptions","defaultAutoPlayOptions","renderSlideVariant","props","jsx","SlideProductCard","SlideOnlyImage","SlideFullScreen"],"mappings":"8YAMO,MAAMA,EAA2C,CACtD,SAAU,GACV,KAAM,GACN,MAAO,QACP,eAAgB,CAClB,EAEaC,EAAkC,CAC7C,SAAU,SACV,YAAa,GACb,WAAY,EACd,EAEaC,EAA0C,CACrD,SAAU,YACV,YAAa,GACb,WAAY,EACd,EAEaC,EAA8C,CACzD,OAAQ,EACV,EAEaC,EAAsBC,GAA+D,CAChG,OAAQA,EAAM,QAAA,CACZ,IAAK,cACH,OAAOC,EAACC,EAAA,CAAkB,GAAGF,CAAA,CAAO,EACtC,IAAK,YACH,OAAOC,EAACE,EAAA,CAAgB,GAAGH,CAAA,CAAO,EACpC,IAAK,aACH,OAAOC,EAACG,EAAA,CAAiB,GAAGJ,CAAA,CAAO,CAAA,CAEzC"}
+{"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/carousel/model/helpers.tsx"],"sourcesContent":["import type { EmblaOptionsType } from 'embla-carousel'\nimport type { AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport { SlideFullScreen, SlideOnlyImage, SlideProductCard } from '../ui'\nimport type { CarouselSlideVariant, DotsOptions, NavArrowOptions } from './types'\nimport type { DiscriminatedUnion } from '$/shared/types'\n\nexport const defaultCarouselOptions: EmblaOptionsType = {\n  dragFree: true,\n  loop: false,\n  align: 'start',\n  slidesToScroll: 1\n}\n\nexport const defaultDotsOptions: DotsOptions = {\n  position: 'center',\n  deskVisible: true,\n  mobVisible: true\n}\n\nexport const defaultNavArrowOptions: NavArrowOptions = {\n  position: 'top-right',\n  deskVisible: true,\n  mobVisible: false\n}\n\nexport const defaultAutoPlayOptions: AutoplayOptionsType = {\n  active: true\n}\n\nexport const renderSlideVariant = (props: DiscriminatedUnion<'variant', CarouselSlideVariant>) => {\n  switch (props.variant) {\n    case 'productCard':\n      return <SlideProductCard {...props} />\n    case 'onlyImage':\n      return <SlideOnlyImage {...props} />\n    case 'fullScreen':\n      return <SlideFullScreen {...props} />\n  }\n}\n"],"names":["defaultCarouselOptions","defaultDotsOptions","defaultNavArrowOptions","defaultAutoPlayOptions","renderSlideVariant","props","jsx","SlideProductCard","SlideOnlyImage","SlideFullScreen"],"mappings":"saAMO,MAAMA,EAA2C,CACtD,SAAU,GACV,KAAM,GACN,MAAO,QACP,eAAgB,CAClB,EAEaC,EAAkC,CAC7C,SAAU,SACV,YAAa,GACb,WAAY,EACd,EAEaC,EAA0C,CACrD,SAAU,YACV,YAAa,GACb,WAAY,EACd,EAEaC,EAA8C,CACzD,OAAQ,EACV,EAEaC,EAAsBC,GAA+D,CAChG,OAAQA,EAAM,QAAA,CACZ,IAAK,cACH,OAAOC,EAACC,EAAA,CAAkB,GAAGF,CAAA,CAAO,EACtC,IAAK,YACH,OAAOC,EAACE,EAAA,CAAgB,GAAGH,CAAA,CAAO,EACpC,IAAK,aACH,OAAOC,EAACG,EAAA,CAAiB,GAAGJ,CAAA,CAAO,CAAA,CAEzC"}

package/dist/lib/shared/ui/carousel/model/hooks/useCarousel.js

@@ -1,2 +1,2 @@
-import{useCallback as p}from"react";import l from"../../../../../../node_modules/.pnpm/embla-carousel-autoplay@8.6.0_embla-carousel@8.6.0/node_modules/embla-carousel-autoplay/esm/embla-carousel-autoplay.esm.js";import c from"../../../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@18.3.1/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js";const C=({carouselOptions:s,autoPlayOptions:e})=>{const[n,a]=c(s,[l(e)]),u=p(t=>{var r;const o=(r=t==null?void 0:t.plugins())==null?void 0:r.autoplay;if(!o)return;(o.options.stopOnInteraction===!1?o.reset:o.stop)()},[]);return{emblaRef:n,emblaApi:a,navigationHandler:u}};export{C as useCarousel};
+import{useCallback as p}from"react";import l from"embla-carousel-autoplay";import c from"embla-carousel-react";const C=({carouselOptions:s,autoPlayOptions:e})=>{const[n,a]=c(s,[l(e)]),u=p(t=>{var r;const o=(r=t==null?void 0:t.plugins())==null?void 0:r.autoplay;if(!o)return;(o.options.stopOnInteraction===!1?o.reset:o.stop)()},[]);return{emblaRef:n,emblaApi:a,navigationHandler:u}};export{C as useCarousel};
 //# sourceMappingURL=useCarousel.js.map

package/dist/lib/shared/ui/carousel/model/hooks/useCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCarousel.js","sources":["../../../../../../../lib/shared/ui/carousel/model/hooks/useCarousel.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport Autoplay, { type AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport useEmblaCarousel from 'embla-carousel-react'\n\ntype UseCarouselProps = {\n  carouselOptions: EmblaOptionsType\n  autoPlayOptions?: AutoplayOptionsType\n}\n\nexport const useCarousel = ({ carouselOptions, autoPlayOptions }: UseCarouselProps) => {\n  const [emblaRef, emblaApi] = useEmblaCarousel(carouselOptions, [Autoplay(autoPlayOptions)])\n\n  const navigationHandler = useCallback((emblaApi: EmblaCarouselType) => {\n    const autoplay = emblaApi?.plugins()?.autoplay\n    if (!autoplay) return\n\n    const resetOrStop = autoplay.options.stopOnInteraction === false ? autoplay.reset : autoplay.stop\n\n    resetOrStop()\n  }, [])\n\n  return { emblaRef, emblaApi, navigationHandler }\n}\n"],"names":["useCarousel","carouselOptions","autoPlayOptions","emblaRef","emblaApi","useEmblaCarousel","Autoplay","navigationHandler","useCallback","autoplay"],"mappings":"iXAUO,MAAMA,EAAc,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,KAAwC,CACrF,KAAM,CAACC,EAAUC,CAAQ,EAAIC,EAAiBJ,EAAiB,CAACK,EAASJ,CAAe,CAAC,CAAC,EAEpFK,EAAoBC,EAAaJ,GAAgC,OACrE,MAAMK,GAAWL,EAAAA,GAAAA,YAAAA,EAAU,YAAVA,YAAAA,EAAqB,SACtC,GAAI,CAACK,EAAU,QAEKA,EAAS,QAAQ,oBAAsB,GAAQA,EAAS,MAAQA,EAAS,MAE7F,CACF,EAAG,CAAA,CAAE,EAEL,MAAO,CAAE,SAAAN,EAAU,SAAAC,EAAU,kBAAAG,CAAA,CAC/B"}
+{"version":3,"file":"useCarousel.js","sources":["../../../../../../../lib/shared/ui/carousel/model/hooks/useCarousel.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport type { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel'\nimport Autoplay, { type AutoplayOptionsType } from 'embla-carousel-autoplay'\nimport useEmblaCarousel from 'embla-carousel-react'\n\ntype UseCarouselProps = {\n  carouselOptions: EmblaOptionsType\n  autoPlayOptions?: AutoplayOptionsType\n}\n\nexport const useCarousel = ({ carouselOptions, autoPlayOptions }: UseCarouselProps) => {\n  const [emblaRef, emblaApi] = useEmblaCarousel(carouselOptions, [Autoplay(autoPlayOptions)])\n\n  const navigationHandler = useCallback((emblaApi: EmblaCarouselType) => {\n    const autoplay = emblaApi?.plugins()?.autoplay\n    if (!autoplay) return\n\n    const resetOrStop = autoplay.options.stopOnInteraction === false ? autoplay.reset : autoplay.stop\n\n    resetOrStop()\n  }, [])\n\n  return { emblaRef, emblaApi, navigationHandler }\n}\n"],"names":["useCarousel","carouselOptions","autoPlayOptions","emblaRef","emblaApi","useEmblaCarousel","Autoplay","navigationHandler","useCallback","autoplay"],"mappings":"+GAUO,MAAMA,EAAc,CAAC,CAAE,gBAAAC,EAAiB,gBAAAC,KAAwC,CACrF,KAAM,CAACC,EAAUC,CAAQ,EAAIC,EAAiBJ,EAAiB,CAACK,EAASJ,CAAe,CAAC,CAAC,EAEpFK,EAAoBC,EAAaJ,GAAgC,OACrE,MAAMK,GAAWL,EAAAA,GAAAA,YAAAA,EAAU,YAAVA,YAAAA,EAAqB,SACtC,GAAI,CAACK,EAAU,QAEKA,EAAS,QAAQ,oBAAsB,GAAQA,EAAS,MAAQA,EAAS,MAE7F,CACF,EAAG,CAAA,CAAE,EAEL,MAAO,CAAE,SAAAN,EAAU,SAAAC,EAAU,kBAAAG,CAAA,CAC/B"}

package/dist/lib/shared/ui/carousel/ui/ArrowNavigationButton.js

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as u}from"react/jsx-runtime";import{Icon as m}from"../../icon/Icon.js";import{cn as o}from"../../../utils/cn.js";import"react";const c=({mode:r,onClick:i,children:n,classes:t,...e})=>p("button",{className:o("group flex size-8 cursor-pointer items-center justify-center p-1",t==null?void 0:t.button),type:"button",onClick:()=>i(r),...e,children:[u(m,{name:"arrows/arrowRight",className:o("h-full w-full text-icon-primary-default transition-colors group-disabled:text-icon-disabled",{"rotate-180":r==="prev"},t==null?void 0:t.icon)}),n]});export{c as ArrowNavigationButton};
+import{jsxs as e,jsx as m}from"react/jsx-runtime";import{Icon as u}from"../../icon/Icon.js";import{cn as o}from"../../../utils/cn.js";import"uuid";import"react";const d=({mode:r,onClick:i,children:n,classes:t,...p})=>e("button",{className:o("group flex size-8 cursor-pointer items-center justify-center p-1",t==null?void 0:t.button),type:"button",onClick:()=>i(r),...p,children:[m(u,{name:"arrows/arrowRight",className:o("h-full w-full text-icon-primary-default transition-colors group-disabled:text-icon-disabled",{"rotate-180":r==="prev"},t==null?void 0:t.icon)}),n]});export{d as ArrowNavigationButton};
 //# sourceMappingURL=ArrowNavigationButton.js.map

package/dist/lib/shared/ui/carousel/ui/ArrowNavigationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowNavigationButton.js","sources":["../../../../../../lib/shared/ui/carousel/ui/ArrowNavigationButton.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Icon } from '../../icon'\nimport type { NavigationMode } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type ArrowNavigationButtonClasses = {\n  button?: string\n  icon?: string\n}\n\ninterface ArrowNavigationButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n  mode: NavigationMode\n  onClick: (mode: NavigationMode) => void\n  classes?: ArrowNavigationButtonClasses\n}\n\nexport const ArrowNavigationButton = ({ mode, onClick, children, classes, ...props }: ArrowNavigationButtonProps) => {\n  return (\n    <button\n      className={cn('group flex size-8 cursor-pointer items-center justify-center p-1', classes?.button)}\n      type='button'\n      onClick={() => onClick(mode)}\n      {...props}\n    >\n      <Icon\n        name='arrows/arrowRight'\n        className={cn(\n          'h-full w-full text-icon-primary-default transition-colors group-disabled:text-icon-disabled',\n          { 'rotate-180': mode === 'prev' },\n          classes?.icon\n        )}\n      />\n      {children}\n    </button>\n  )\n}\n"],"names":["ArrowNavigationButton","mode","onClick","children","classes","props","jsxs","cn","jsx","Icon"],"mappings":"oJAgBO,MAAMA,EAAwB,CAAC,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAEzEC,EAAC,SAAA,CACC,UAAWC,EAAG,mEAAoEH,GAAA,YAAAA,EAAS,MAAM,EACjG,KAAK,SACL,QAAS,IAAMF,EAAQD,CAAI,EAC1B,GAAGI,EAEJ,SAAA,CAAAG,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,8FACA,CAAE,aAAcN,IAAS,MAAA,EACzBG,GAAA,YAAAA,EAAS,IAAA,CACX,CAAA,EAEDD,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ArrowNavigationButton.js","sources":["../../../../../../lib/shared/ui/carousel/ui/ArrowNavigationButton.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Icon } from '../../icon'\nimport type { NavigationMode } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type ArrowNavigationButtonClasses = {\n  button?: string\n  icon?: string\n}\n\ninterface ArrowNavigationButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick'> {\n  mode: NavigationMode\n  onClick: (mode: NavigationMode) => void\n  classes?: ArrowNavigationButtonClasses\n}\n\nexport const ArrowNavigationButton = ({ mode, onClick, children, classes, ...props }: ArrowNavigationButtonProps) => {\n  return (\n    <button\n      className={cn('group flex size-8 cursor-pointer items-center justify-center p-1', classes?.button)}\n      type='button'\n      onClick={() => onClick(mode)}\n      {...props}\n    >\n      <Icon\n        name='arrows/arrowRight'\n        className={cn(\n          'h-full w-full text-icon-primary-default transition-colors group-disabled:text-icon-disabled',\n          { 'rotate-180': mode === 'prev' },\n          classes?.icon\n        )}\n      />\n      {children}\n    </button>\n  )\n}\n"],"names":["ArrowNavigationButton","mode","onClick","children","classes","props","jsxs","cn","jsx","Icon"],"mappings":"iKAgBO,MAAMA,EAAwB,CAAC,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAEzEC,EAAC,SAAA,CACC,UAAWC,EAAG,mEAAoEH,GAAA,YAAAA,EAAS,MAAM,EACjG,KAAK,SACL,QAAS,IAAMF,EAAQD,CAAI,EAC1B,GAAGI,EAEJ,SAAA,CAAAG,EAACC,EAAA,CACC,KAAK,oBACL,UAAWF,EACT,8FACA,CAAE,aAAcN,IAAS,MAAA,EACzBG,GAAA,YAAAA,EAAS,IAAA,CACX,CAAA,EAEDD,CAAA,CAAA,CAAA"}

package/dist/lib/shared/ui/carousel/ui/CarouselContent.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as t}from"react/jsx-runtime";import{forwardRef as x}from"react";import{DotsNavigations as a}from"./DotsNavigations.js";import{useDevice as w}from"../../../hooks/useDevice.js";import{cn as i}from"../../../utils/cn.js";import"react-hook-form";const y=x(({visibleIndex:r,classes:o,children:n,dotsProps:e,dotsOptions:m},p)=>{const{isMobile:d,isDesktop:f}=w(),{mobVisible:s,deskVisible:u,...v}=m??{},D=s&&d,b=u&&f,h={visibleIndex:r,...e};return l("div",{className:i("mx-auto overflow-hidden",o==null?void 0:o.slidesOverlay),ref:p,children:[t("div",{className:i("flex touch-pan-y gap-6",o==null?void 0:o.slidesWrapper),children:n}),(b||D)&&t(a,{...h,...v})]})});export{y as CarouselContent};
+import{jsxs as l,jsx as t}from"react/jsx-runtime";import{forwardRef as x}from"react";import{DotsNavigations as a}from"./DotsNavigations.js";import{useDevice as w}from"../../../hooks/useDevice.js";import{cn as i}from"../../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers";const M=x(({visibleIndex:r,classes:o,children:m,dotsProps:n,dotsOptions:e},p)=>{const{isMobile:d,isDesktop:f}=w(),{mobVisible:s,deskVisible:u,...v}=e??{},D=s&&d,b=u&&f,h={visibleIndex:r,...n};return l("div",{className:i("mx-auto overflow-hidden",o==null?void 0:o.slidesOverlay),ref:p,children:[t("div",{className:i("flex touch-pan-y gap-6",o==null?void 0:o.slidesWrapper),children:m}),(b||D)&&t(a,{...h,...v})]})});export{M as CarouselContent};
 //# sourceMappingURL=CarouselContent.js.map

package/dist/lib/shared/ui/carousel/ui/CarouselContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContent.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselContent.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport type { DotsOptions, UseDotsNavigationReturn } from '../model'\nimport { DotsNavigations, type DotsNavigationsClasses } from './DotsNavigations'\nimport { useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselContentClasses = {\n  dotsClasses?: DotsNavigationsClasses\n  slidesOverlay?: string\n  slidesWrapper?: string\n}\n\nexport interface CarouselContentProps {\n  classes?: CarouselContentClasses\n  children: ReactNode\n  dotsProps: UseDotsNavigationReturn\n  dotsOptions: DotsOptions\n  visibleIndex: number\n}\n\nexport const CarouselContent = forwardRef<HTMLDivElement, CarouselContentProps>(\n  ({ visibleIndex, classes, children, dotsProps, dotsOptions }, ref) => {\n    const { isMobile, isDesktop } = useDevice()\n    const { mobVisible, deskVisible, ...dotsRestOptions } = dotsOptions ?? {}\n\n    //Отображения точек если переданы и мобильное разрешение\n    const withDotsOnMob = mobVisible && isMobile\n    //Отображения точек если переданы и полноэкранное разрешение\n    const withDotsOnDesk = deskVisible && isDesktop\n\n    const dotsFullProps = {\n      visibleIndex,\n      ...dotsProps\n    }\n\n    return (\n      <div className={cn('mx-auto overflow-hidden', classes?.slidesOverlay)} ref={ref}>\n        <div className={cn('flex touch-pan-y gap-6', classes?.slidesWrapper)}>{children}</div>\n        {(withDotsOnDesk || withDotsOnMob) && <DotsNavigations {...dotsFullProps} {...dotsRestOptions} />}\n      </div>\n    )\n  }\n)\n"],"names":["CarouselContent","forwardRef","visibleIndex","classes","children","dotsProps","dotsOptions","ref","isMobile","isDesktop","useDevice","mobVisible","deskVisible","dotsRestOptions","withDotsOnMob","withDotsOnDesk","dotsFullProps","jsxs","cn","jsx","DotsNavigations"],"mappings":"sQAoBO,MAAMA,EAAkBC,EAC7B,CAAC,CAAE,aAAAC,EAAc,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,YAAAC,CAAA,EAAeC,IAAQ,CACpE,KAAM,CAAE,SAAAC,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,WAAAC,EAAY,YAAAC,EAAa,GAAGC,CAAA,EAAoBP,GAAe,CAAA,EAGjEQ,EAAgBH,GAAcH,EAE9BO,EAAiBH,GAAeH,EAEhCO,EAAgB,CACpB,aAAAd,EACA,GAAGG,CAAA,EAGL,OACEY,EAAC,OAAI,UAAWC,EAAG,0BAA2Bf,GAAA,YAAAA,EAAS,aAAa,EAAG,IAAAI,EACrE,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,yBAA0Bf,GAAA,YAAAA,EAAS,aAAa,EAAI,SAAAC,EAAS,GAC9EW,GAAkBD,IAAkBK,EAACC,GAAiB,GAAGJ,EAAgB,GAAGH,CAAA,CAAiB,CAAA,EACjG,CAEJ,CACF"}
+{"version":3,"file":"CarouselContent.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselContent.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport type { DotsOptions, UseDotsNavigationReturn } from '../model'\nimport { DotsNavigations, type DotsNavigationsClasses } from './DotsNavigations'\nimport { useDevice } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselContentClasses = {\n  dotsClasses?: DotsNavigationsClasses\n  slidesOverlay?: string\n  slidesWrapper?: string\n}\n\nexport interface CarouselContentProps {\n  classes?: CarouselContentClasses\n  children: ReactNode\n  dotsProps: UseDotsNavigationReturn\n  dotsOptions: DotsOptions\n  visibleIndex: number\n}\n\nexport const CarouselContent = forwardRef<HTMLDivElement, CarouselContentProps>(\n  ({ visibleIndex, classes, children, dotsProps, dotsOptions }, ref) => {\n    const { isMobile, isDesktop } = useDevice()\n    const { mobVisible, deskVisible, ...dotsRestOptions } = dotsOptions ?? {}\n\n    //Отображения точек если переданы и мобильное разрешение\n    const withDotsOnMob = mobVisible && isMobile\n    //Отображения точек если переданы и полноэкранное разрешение\n    const withDotsOnDesk = deskVisible && isDesktop\n\n    const dotsFullProps = {\n      visibleIndex,\n      ...dotsProps\n    }\n\n    return (\n      <div className={cn('mx-auto overflow-hidden', classes?.slidesOverlay)} ref={ref}>\n        <div className={cn('flex touch-pan-y gap-6', classes?.slidesWrapper)}>{children}</div>\n        {(withDotsOnDesk || withDotsOnMob) && <DotsNavigations {...dotsFullProps} {...dotsRestOptions} />}\n      </div>\n    )\n  }\n)\n"],"names":["CarouselContent","forwardRef","visibleIndex","classes","children","dotsProps","dotsOptions","ref","isMobile","isDesktop","useDevice","mobVisible","deskVisible","dotsRestOptions","withDotsOnMob","withDotsOnDesk","dotsFullProps","jsxs","cn","jsx","DotsNavigations"],"mappings":"+SAoBO,MAAMA,EAAkBC,EAC7B,CAAC,CAAE,aAAAC,EAAc,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,YAAAC,CAAA,EAAeC,IAAQ,CACpE,KAAM,CAAE,SAAAC,EAAU,UAAAC,CAAA,EAAcC,EAAA,EAC1B,CAAE,WAAAC,EAAY,YAAAC,EAAa,GAAGC,CAAA,EAAoBP,GAAe,CAAA,EAGjEQ,EAAgBH,GAAcH,EAE9BO,EAAiBH,GAAeH,EAEhCO,EAAgB,CACpB,aAAAd,EACA,GAAGG,CAAA,EAGL,OACEY,EAAC,OAAI,UAAWC,EAAG,0BAA2Bf,GAAA,YAAAA,EAAS,aAAa,EAAG,IAAAI,EACrE,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,yBAA0Bf,GAAA,YAAAA,EAAS,aAAa,EAAI,SAAAC,EAAS,GAC9EW,GAAkBD,IAAkBK,EAACC,GAAiB,GAAGJ,EAAgB,GAAGH,CAAA,CAAiB,CAAA,EACjG,CAEJ,CACF"}

package/dist/lib/shared/ui/carousel/ui/CarouselSlide.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"react";import{renderSlideVariant as n}from"../model/helpers.js";import{cn as t}from"../../../utils/cn.js";const p=({classes:r,...i})=>o("div",{className:t(r==null?void 0:r.root),children:o("div",{className:t("flex translate-x-0 translate-y-0 transform-gpu select-none flex-col",r==null?void 0:r.slide),children:n(i)})});export{p as CarouselSlide};
+import{jsx as o}from"react/jsx-runtime";import"react";import"embla-carousel-autoplay";import"embla-carousel-react";import{renderSlideVariant as m}from"../model/helpers.js";import{cn as t}from"../../../utils/cn.js";import"uuid";const a=({classes:r,...i})=>o("div",{className:t(r==null?void 0:r.root),children:o("div",{className:t("flex translate-x-0 translate-y-0 transform-gpu select-none flex-col",r==null?void 0:r.slide),children:m(i)})});export{a as CarouselSlide};
 //# sourceMappingURL=CarouselSlide.js.map

package/dist/lib/shared/ui/carousel/ui/CarouselSlide.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselSlide.tsx"],"sourcesContent":["import { type CarouselSlideVariant, renderSlideVariant } from '../model'\nimport type { DiscriminatedUnion } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselSlideClasses = {\n  root?: string\n  slide?: string\n}\n\nexport type CarouselSlideProps = {\n  classes?: CarouselSlideClasses\n}\n\nexport const CarouselSlide = ({ classes, ...props }: DiscriminatedUnion<'variant', CarouselSlideVariant>) => {\n  return (\n    <div className={cn(classes?.root)}>\n      <div className={cn('flex translate-x-0 translate-y-0 transform-gpu select-none flex-col', classes?.slide)}>\n        {renderSlideVariant(props)}\n      </div>\n    </div>\n  )\n}\n"],"names":["CarouselSlide","classes","props","cn","jsx","renderSlideVariant"],"mappings":"yJAaO,MAAMA,EAAgB,CAAC,CAAE,QAAAC,EAAS,GAAGC,OAEvC,MAAA,CAAI,UAAWC,EAAGF,GAAA,YAAAA,EAAS,IAAI,EAC9B,SAAAG,EAAC,MAAA,CAAI,UAAWD,EAAG,sEAAuEF,GAAA,YAAAA,EAAS,KAAK,EACrG,SAAAI,EAAmBH,CAAK,EAC3B,EACF"}
+{"version":3,"file":"CarouselSlide.js","sources":["../../../../../../lib/shared/ui/carousel/ui/CarouselSlide.tsx"],"sourcesContent":["import { type CarouselSlideVariant, renderSlideVariant } from '../model'\nimport type { DiscriminatedUnion } from '$/shared/types'\nimport { cn } from '$/shared/utils'\n\nexport type CarouselSlideClasses = {\n  root?: string\n  slide?: string\n}\n\nexport type CarouselSlideProps = {\n  classes?: CarouselSlideClasses\n}\n\nexport const CarouselSlide = ({ classes, ...props }: DiscriminatedUnion<'variant', CarouselSlideVariant>) => {\n  return (\n    <div className={cn(classes?.root)}>\n      <div className={cn('flex translate-x-0 translate-y-0 transform-gpu select-none flex-col', classes?.slide)}>\n        {renderSlideVariant(props)}\n      </div>\n    </div>\n  )\n}\n"],"names":["CarouselSlide","classes","props","cn","jsx","renderSlideVariant"],"mappings":"mOAaO,MAAMA,EAAgB,CAAC,CAAE,QAAAC,EAAS,GAAGC,OAEvC,MAAA,CAAI,UAAWC,EAAGF,GAAA,YAAAA,EAAS,IAAI,EAC9B,SAAAG,EAAC,MAAA,CAAI,UAAWD,EAAG,sEAAuEF,GAAA,YAAAA,EAAS,KAAK,EACrG,SAAAI,EAAmBH,CAAK,EAC3B,EACF"}

package/dist/lib/shared/ui/carousel/ui/ContainerWithNavigation.js

@@ -1,2 +1,2 @@
-import{jsxs as C,jsx as f}from"react/jsx-runtime";import{ArrowNavigationButton as b}from"./ArrowNavigationButton.js";import{cn as o}from"../../../utils/cn.js";import"react";const v=({children:d,prevBtnDisabled:u,nextBtnDisabled:w,onClickNavigationButton:r,classes:t})=>{var i,n,m,p;return C("div",{className:o("relative flex items-center gap-1",t==null?void 0:t.wrapper),children:[f(b,{mode:"prev",onClick:r,disabled:u,classes:{button:o("absolute -left-12 top-1/2 -transform-y-1/2",(i=t==null?void 0:t.arrowLeftClasses)==null?void 0:i.button),icon:o((n=t==null?void 0:t.arrowLeftClasses)==null?void 0:n.icon)}}),d,f(b,{mode:"next",onClick:r,disabled:w,classes:{button:o("absolute -right-12 top-1/2 -transform-y-1/2",(m=t==null?void 0:t.arrowRightClasses)==null?void 0:m.button),icon:o((p=t==null?void 0:t.arrowRightClasses)==null?void 0:p.icon)}})]})};export{v as ContainerWithNavigation};
+import{jsxs as C,jsx as f}from"react/jsx-runtime";import{ArrowNavigationButton as b}from"./ArrowNavigationButton.js";import{cn as o}from"../../../utils/cn.js";import"uuid";import"react";const j=({children:d,prevBtnDisabled:u,nextBtnDisabled:w,onClickNavigationButton:r,classes:t})=>{var i,n,m,p;return C("div",{className:o("relative flex items-center gap-1",t==null?void 0:t.wrapper),children:[f(b,{mode:"prev",onClick:r,disabled:u,classes:{button:o("absolute -left-12 top-1/2 -transform-y-1/2",(i=t==null?void 0:t.arrowLeftClasses)==null?void 0:i.button),icon:o((n=t==null?void 0:t.arrowLeftClasses)==null?void 0:n.icon)}}),d,f(b,{mode:"next",onClick:r,disabled:w,classes:{button:o("absolute -right-12 top-1/2 -transform-y-1/2",(m=t==null?void 0:t.arrowRightClasses)==null?void 0:m.button),icon:o((p=t==null?void 0:t.arrowRightClasses)==null?void 0:p.icon)}})]})};export{j as ContainerWithNavigation};
 //# sourceMappingURL=ContainerWithNavigation.js.map

package/dist/lib/shared/ui/carousel/ui/ContainerWithNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerWithNavigation.js","sources":["../../../../../../lib/shared/ui/carousel/ui/ContainerWithNavigation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { NavigationMode } from '../model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses } from './ArrowNavigationButton'\nimport { cn } from '$/shared/utils'\n\nexport type ContainerWithNavigationClasses = {\n  wrapper?: string\n  arrowLeftClasses?: ArrowNavigationButtonClasses\n  arrowRightClasses?: ArrowNavigationButtonClasses\n}\n\nexport interface ContainerWithNavigationProps {\n  children: ReactNode\n  prevBtnDisabled: boolean\n  nextBtnDisabled: boolean\n  onClickNavigationButton: (mode: NavigationMode) => void\n  classes?: ContainerWithNavigationClasses\n}\n\nexport const ContainerWithNavigation = ({\n  children,\n  prevBtnDisabled,\n  nextBtnDisabled,\n  onClickNavigationButton,\n  classes\n}: ContainerWithNavigationProps) => {\n  return (\n    <div className={cn('relative flex items-center gap-1', classes?.wrapper)}>\n      <ArrowNavigationButton\n        mode='prev'\n        onClick={onClickNavigationButton}\n        disabled={prevBtnDisabled}\n        classes={{\n          button: cn('absolute -left-12 top-1/2 -transform-y-1/2', classes?.arrowLeftClasses?.button),\n          icon: cn(classes?.arrowLeftClasses?.icon)\n        }}\n      />\n      {children}\n      <ArrowNavigationButton\n        mode='next'\n        onClick={onClickNavigationButton}\n        disabled={nextBtnDisabled}\n        classes={{\n          button: cn('absolute -right-12 top-1/2 -transform-y-1/2', classes?.arrowRightClasses?.button),\n          icon: cn(classes?.arrowRightClasses?.icon)\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["ContainerWithNavigation","children","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","classes","cn","jsx","ArrowNavigationButton","_a","_b","_c","_d"],"mappings":"6KAmBO,MAAMA,EAA0B,CAAC,CACtC,SAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,wBAAAC,EACA,QAAAC,CACF,IAAoC,aAClC,SACG,MAAA,CAAI,UAAWC,EAAG,mCAAoCD,GAAA,YAAAA,EAAS,OAAO,EACrE,SAAA,CAAAE,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUF,EACV,QAAS,CACP,OAAQI,EAAG,8CAA8CG,EAAAJ,GAAA,YAAAA,EAAS,mBAAT,YAAAI,EAA2B,MAAM,EAC1F,KAAMH,GAAGI,EAAAL,GAAA,YAAAA,EAAS,mBAAT,YAAAK,EAA2B,IAAI,CAAA,CAC1C,CAAA,EAEDT,EACDM,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUD,EACV,QAAS,CACP,OAAQG,EAAG,+CAA+CK,EAAAN,GAAA,YAAAA,EAAS,oBAAT,YAAAM,EAA4B,MAAM,EAC5F,KAAML,GAAGM,EAAAP,GAAA,YAAAA,EAAS,oBAAT,YAAAO,EAA4B,IAAI,CAAA,CAC3C,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"ContainerWithNavigation.js","sources":["../../../../../../lib/shared/ui/carousel/ui/ContainerWithNavigation.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { NavigationMode } from '../model'\nimport { ArrowNavigationButton, type ArrowNavigationButtonClasses } from './ArrowNavigationButton'\nimport { cn } from '$/shared/utils'\n\nexport type ContainerWithNavigationClasses = {\n  wrapper?: string\n  arrowLeftClasses?: ArrowNavigationButtonClasses\n  arrowRightClasses?: ArrowNavigationButtonClasses\n}\n\nexport interface ContainerWithNavigationProps {\n  children: ReactNode\n  prevBtnDisabled: boolean\n  nextBtnDisabled: boolean\n  onClickNavigationButton: (mode: NavigationMode) => void\n  classes?: ContainerWithNavigationClasses\n}\n\nexport const ContainerWithNavigation = ({\n  children,\n  prevBtnDisabled,\n  nextBtnDisabled,\n  onClickNavigationButton,\n  classes\n}: ContainerWithNavigationProps) => {\n  return (\n    <div className={cn('relative flex items-center gap-1', classes?.wrapper)}>\n      <ArrowNavigationButton\n        mode='prev'\n        onClick={onClickNavigationButton}\n        disabled={prevBtnDisabled}\n        classes={{\n          button: cn('absolute -left-12 top-1/2 -transform-y-1/2', classes?.arrowLeftClasses?.button),\n          icon: cn(classes?.arrowLeftClasses?.icon)\n        }}\n      />\n      {children}\n      <ArrowNavigationButton\n        mode='next'\n        onClick={onClickNavigationButton}\n        disabled={nextBtnDisabled}\n        classes={{\n          button: cn('absolute -right-12 top-1/2 -transform-y-1/2', classes?.arrowRightClasses?.button),\n          icon: cn(classes?.arrowRightClasses?.icon)\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["ContainerWithNavigation","children","prevBtnDisabled","nextBtnDisabled","onClickNavigationButton","classes","cn","jsx","ArrowNavigationButton","_a","_b","_c","_d"],"mappings":"0LAmBO,MAAMA,EAA0B,CAAC,CACtC,SAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,wBAAAC,EACA,QAAAC,CACF,IAAoC,aAClC,SACG,MAAA,CAAI,UAAWC,EAAG,mCAAoCD,GAAA,YAAAA,EAAS,OAAO,EACrE,SAAA,CAAAE,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUF,EACV,QAAS,CACP,OAAQI,EAAG,8CAA8CG,EAAAJ,GAAA,YAAAA,EAAS,mBAAT,YAAAI,EAA2B,MAAM,EAC1F,KAAMH,GAAGI,EAAAL,GAAA,YAAAA,EAAS,mBAAT,YAAAK,EAA2B,IAAI,CAAA,CAC1C,CAAA,EAEDT,EACDM,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUD,EACV,QAAS,CACP,OAAQG,EAAG,+CAA+CK,EAAAN,GAAA,YAAAA,EAAS,oBAAT,YAAAM,EAA4B,MAAM,EAC5F,KAAML,GAAGM,EAAAP,GAAA,YAAAA,EAAS,oBAAT,YAAAO,EAA4B,IAAI,CAAA,CAC3C,CAAA,CACF,EACF,CAEJ"}

package/dist/lib/shared/ui/carousel/ui/DotsNavigations.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{cn as m}from"../../../utils/cn.js";import"react";const g=({scrollSnaps:p,visibleIndex:i,onClickDot:n,position:r,classes:t,...u})=>e("div",{className:m("mt-4 flex items-center gap-[6px]",{"justify-center":r==="center","justify-end":r==="bot-right","justify-start":r==="bot-left"},t==null?void 0:t.dotsWrapper),children:p.map((d,o)=>e("button",{type:"button",onClick:()=>n(o),className:m("size-2 cursor-pointer rounded-full bg-color-primary-tr-pressed",{"h-2 w-4 rounded-md bg-color-primary-default":o===i},t==null?void 0:t.dot),...u},o))});export{g as DotsNavigations};
+import{jsx as m}from"react/jsx-runtime";import{cn as e}from"../../../utils/cn.js";import"uuid";import"react";const a=({scrollSnaps:p,visibleIndex:i,onClickDot:n,position:r,classes:t,...u})=>m("div",{className:e("mt-4 flex items-center gap-[6px]",{"justify-center":r==="center","justify-end":r==="bot-right","justify-start":r==="bot-left"},t==null?void 0:t.dotsWrapper),children:p.map((d,o)=>m("button",{type:"button",onClick:()=>n(o),className:e("size-2 cursor-pointer rounded-full bg-color-primary-tr-pressed",{"h-2 w-4 rounded-md bg-color-primary-default":o===i},t==null?void 0:t.dot),...u},o))});export{a as DotsNavigations};
 //# sourceMappingURL=DotsNavigations.js.map

package/dist/lib/shared/ui/carousel/ui/DotsNavigations.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsNavigations.js","sources":["../../../../../../lib/shared/ui/carousel/ui/DotsNavigations.tsx"],"sourcesContent":["import type { DotsOptions } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type DotsNavigationsClasses = {\n  dotsWrapper?: string\n  dot?: string\n}\n\ninterface DotsNavigationsProps extends Pick<DotsOptions, 'position'> {\n  scrollSnaps: number[]\n  onClickDot: (index: number) => void\n  visibleIndex: number\n  classes?: DotsNavigationsClasses\n}\n\nexport const DotsNavigations = ({ scrollSnaps, visibleIndex, onClickDot, position, classes, ...props }: DotsNavigationsProps) => {\n  return (\n    <div\n      className={cn(\n        'mt-4 flex items-center gap-[6px]',\n        {\n          'justify-center': position === 'center',\n          'justify-end': position === 'bot-right',\n          'justify-start': position === 'bot-left'\n        },\n        classes?.dotsWrapper\n      )}\n    >\n      {scrollSnaps.map((_, index) => (\n        <button\n          type='button'\n          key={index}\n          onClick={() => onClickDot(index)}\n          className={cn(\n            'size-2 cursor-pointer rounded-full bg-color-primary-tr-pressed',\n            { 'h-2 w-4 rounded-md bg-color-primary-default': index === visibleIndex },\n            classes?.dot\n          )}\n          {...props}\n        ></button>\n      ))}\n    </div>\n  )\n}\n"],"names":["DotsNavigations","scrollSnaps","visibleIndex","onClickDot","position","classes","props","jsx","cn","_","index"],"mappings":"gGAeO,MAAMA,EAAkB,CAAC,CAAE,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAE3FC,EAAC,MAAA,CACC,UAAWC,EACT,mCACA,CACE,iBAAkBJ,IAAa,SAC/B,cAAeA,IAAa,YAC5B,gBAAiBA,IAAa,UAAA,EAEhCC,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAJ,EAAY,IAAI,CAACQ,EAAGC,IACnBH,EAAC,SAAA,CACC,KAAK,SAEL,QAAS,IAAMJ,EAAWO,CAAK,EAC/B,UAAWF,EACT,iEACA,CAAE,8CAA+CE,IAAUR,CAAA,EAC3DG,GAAA,YAAAA,EAAS,GAAA,EAEV,GAAGC,CAAA,EAPCI,CAAA,CASR,CAAA,CAAA"}
+{"version":3,"file":"DotsNavigations.js","sources":["../../../../../../lib/shared/ui/carousel/ui/DotsNavigations.tsx"],"sourcesContent":["import type { DotsOptions } from '../model'\nimport { cn } from '$/shared/utils'\n\nexport type DotsNavigationsClasses = {\n  dotsWrapper?: string\n  dot?: string\n}\n\ninterface DotsNavigationsProps extends Pick<DotsOptions, 'position'> {\n  scrollSnaps: number[]\n  onClickDot: (index: number) => void\n  visibleIndex: number\n  classes?: DotsNavigationsClasses\n}\n\nexport const DotsNavigations = ({ scrollSnaps, visibleIndex, onClickDot, position, classes, ...props }: DotsNavigationsProps) => {\n  return (\n    <div\n      className={cn(\n        'mt-4 flex items-center gap-[6px]',\n        {\n          'justify-center': position === 'center',\n          'justify-end': position === 'bot-right',\n          'justify-start': position === 'bot-left'\n        },\n        classes?.dotsWrapper\n      )}\n    >\n      {scrollSnaps.map((_, index) => (\n        <button\n          type='button'\n          key={index}\n          onClick={() => onClickDot(index)}\n          className={cn(\n            'size-2 cursor-pointer rounded-full bg-color-primary-tr-pressed',\n            { 'h-2 w-4 rounded-md bg-color-primary-default': index === visibleIndex },\n            classes?.dot\n          )}\n          {...props}\n        ></button>\n      ))}\n    </div>\n  )\n}\n"],"names":["DotsNavigations","scrollSnaps","visibleIndex","onClickDot","position","classes","props","jsx","cn","_","index"],"mappings":"6GAeO,MAAMA,EAAkB,CAAC,CAAE,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAE3FC,EAAC,MAAA,CACC,UAAWC,EACT,mCACA,CACE,iBAAkBJ,IAAa,SAC/B,cAAeA,IAAa,YAC5B,gBAAiBA,IAAa,UAAA,EAEhCC,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAJ,EAAY,IAAI,CAACQ,EAAGC,IACnBH,EAAC,SAAA,CACC,KAAK,SAEL,QAAS,IAAMJ,EAAWO,CAAK,EAC/B,UAAWF,EACT,iEACA,CAAE,8CAA+CE,IAAUR,CAAA,EAC3DG,GAAA,YAAAA,EAAS,GAAA,EAEV,GAAGC,CAAA,EAPCI,CAAA,CASR,CAAA,CAAA"}

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as c}from"react/jsx-runtime";import{cn as t}from"../../../../utils/cn.js";import"react";const u=({slideIndex:b,title:p,image:o,description:x,slideClasses:r})=>n("div",{className:t("flex h-full w-full flex-col gap-6",r==null?void 0:r.root),children:[n("div",{className:t("flex items-center gap-4",r==null?void 0:r.wrapper),children:[c("span",{className:t("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",r==null?void 0:r.numeric),children:b+1}),n("div",{className:t("flex flex-1 flex-col gap-2",r==null?void 0:r.textWrapper),children:[p&&c("div",{dangerouslySetInnerHTML:{__html:p},className:t(r==null?void 0:r.title,"mob-title-bold-m desktop:desk-title-bold-s")}),x&&c("div",{dangerouslySetInnerHTML:{__html:x},className:t("desk-body-regular-l text-color-secondary",r==null?void 0:r.description)})]})]}),o&&(o==null?void 0:o.src)&&c("div",{className:t("mobile:h-[320px] mobile:w-[328px]"),children:c("img",{className:t("w-full object-cover mobile:h-[320px]",r==null?void 0:r.image),src:o==null?void 0:o.src,alt:o==null?void 0:o.alt})})]});export{u as SlideFullScreen};
+import{jsxs as n,jsx as c}from"react/jsx-runtime";import{cn as t}from"../../../../utils/cn.js";import"uuid";import"react";const N=({slideIndex:b,title:p,image:o,description:x,slideClasses:r})=>n("div",{className:t("flex h-full w-full flex-col gap-6",r==null?void 0:r.root),children:[n("div",{className:t("flex items-center gap-4",r==null?void 0:r.wrapper),children:[c("span",{className:t("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",r==null?void 0:r.numeric),children:b+1}),n("div",{className:t("flex flex-1 flex-col gap-2",r==null?void 0:r.textWrapper),children:[p&&c("div",{dangerouslySetInnerHTML:{__html:p},className:t(r==null?void 0:r.title,"mob-title-bold-m desktop:desk-title-bold-s")}),x&&c("div",{dangerouslySetInnerHTML:{__html:x},className:t("desk-body-regular-l text-color-secondary",r==null?void 0:r.description)})]})]}),o&&(o==null?void 0:o.src)&&c("div",{className:t("mobile:h-[320px] mobile:w-[328px]"),children:c("img",{className:t("w-full object-cover mobile:h-[320px]",r==null?void 0:r.image),src:o==null?void 0:o.src,alt:o==null?void 0:o.alt})})]});export{N as SlideFullScreen};
 //# sourceMappingURL=SlideFullScreen.js.map

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideFullScreen.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.tsx"],"sourcesContent":["import type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideFullScreenClasses = {\n  root?: string\n  wrapper?: string\n  numeric?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n}\n\nexport interface SlideFullScreenProps {\n  slideIndex: number\n  title?: string\n  description?: string\n  image?: ImageProps\n  slideClasses?: SlideFullScreenClasses\n}\n\nexport const SlideFullScreen = ({ slideIndex, title, image, description, slideClasses }: SlideFullScreenProps) => {\n  return (\n    <div className={cn('flex h-full w-full flex-col gap-6', slideClasses?.root)}>\n      <div className={cn('flex items-center gap-4', slideClasses?.wrapper)}>\n        <span\n          className={cn(\n            'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n            slideClasses?.numeric\n          )}\n        >\n          {slideIndex + 1}\n        </span>\n\n        <div className={cn('flex flex-1 flex-col gap-2', slideClasses?.textWrapper)}>\n          {title && (\n            <div\n              dangerouslySetInnerHTML={{ __html: title }}\n              className={cn(slideClasses?.title, 'mob-title-bold-m desktop:desk-title-bold-s')}\n            />\n          )}\n          {description && (\n            <div\n              dangerouslySetInnerHTML={{ __html: description }}\n              className={cn('desk-body-regular-l text-color-secondary', slideClasses?.description)}\n            />\n          )}\n        </div>\n      </div>\n      {image && image?.src && (\n        <div className={cn('mobile:h-[320px] mobile:w-[328px]')}>\n          <img className={cn('w-full object-cover mobile:h-[320px]', slideClasses?.image)} src={image?.src} alt={image?.alt} />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["SlideFullScreen","slideIndex","title","image","description","slideClasses","cn","jsxs","jsx"],"mappings":"6GAqBO,MAAMA,EAAkB,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,MAAAC,EAAO,YAAAC,EAAa,aAAAC,OAEpE,MAAA,CAAI,UAAWC,EAAG,oCAAqCD,GAAA,YAAAA,EAAc,IAAI,EACxE,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,0BAA2BD,GAAA,YAAAA,EAAc,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAA,CACC,UAAWF,EACT,4JACAD,GAAA,YAAAA,EAAc,OAAA,EAGf,SAAAJ,EAAa,CAAA,CAAA,IAGf,MAAA,CAAI,UAAWK,EAAG,6BAA8BD,GAAA,YAAAA,EAAc,WAAW,EACvE,SAAA,CAAAH,GACCM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQN,CAAA,EACnC,UAAWI,EAAGD,GAAA,YAAAA,EAAc,MAAO,4CAA4C,CAAA,CAAA,EAGlFD,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWE,EAAG,2CAA4CD,GAAA,YAAAA,EAAc,WAAW,CAAA,CAAA,CACrF,CAAA,CAEJ,CAAA,EACF,EACCF,IAASA,GAAA,YAAAA,EAAO,MACfK,EAAC,OAAI,UAAWF,EAAG,mCAAmC,EACpD,SAAAE,EAAC,MAAA,CAAI,UAAWF,EAAG,uCAAwCD,GAAA,YAAAA,EAAc,KAAK,EAAG,IAAKF,GAAA,YAAAA,EAAO,IAAK,IAAKA,GAAA,YAAAA,EAAO,GAAA,CAAK,CAAA,CACrH,CAAA,EAEJ"}
+{"version":3,"file":"SlideFullScreen.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideFullScreen.tsx"],"sourcesContent":["import type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideFullScreenClasses = {\n  root?: string\n  wrapper?: string\n  numeric?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n}\n\nexport interface SlideFullScreenProps {\n  slideIndex: number\n  title?: string\n  description?: string\n  image?: ImageProps\n  slideClasses?: SlideFullScreenClasses\n}\n\nexport const SlideFullScreen = ({ slideIndex, title, image, description, slideClasses }: SlideFullScreenProps) => {\n  return (\n    <div className={cn('flex h-full w-full flex-col gap-6', slideClasses?.root)}>\n      <div className={cn('flex items-center gap-4', slideClasses?.wrapper)}>\n        <span\n          className={cn(\n            'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n            slideClasses?.numeric\n          )}\n        >\n          {slideIndex + 1}\n        </span>\n\n        <div className={cn('flex flex-1 flex-col gap-2', slideClasses?.textWrapper)}>\n          {title && (\n            <div\n              dangerouslySetInnerHTML={{ __html: title }}\n              className={cn(slideClasses?.title, 'mob-title-bold-m desktop:desk-title-bold-s')}\n            />\n          )}\n          {description && (\n            <div\n              dangerouslySetInnerHTML={{ __html: description }}\n              className={cn('desk-body-regular-l text-color-secondary', slideClasses?.description)}\n            />\n          )}\n        </div>\n      </div>\n      {image && image?.src && (\n        <div className={cn('mobile:h-[320px] mobile:w-[328px]')}>\n          <img className={cn('w-full object-cover mobile:h-[320px]', slideClasses?.image)} src={image?.src} alt={image?.alt} />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["SlideFullScreen","slideIndex","title","image","description","slideClasses","cn","jsxs","jsx"],"mappings":"0HAqBO,MAAMA,EAAkB,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,MAAAC,EAAO,YAAAC,EAAa,aAAAC,OAEpE,MAAA,CAAI,UAAWC,EAAG,oCAAqCD,GAAA,YAAAA,EAAc,IAAI,EACxE,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,0BAA2BD,GAAA,YAAAA,EAAc,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAA,CACC,UAAWF,EACT,4JACAD,GAAA,YAAAA,EAAc,OAAA,EAGf,SAAAJ,EAAa,CAAA,CAAA,IAGf,MAAA,CAAI,UAAWK,EAAG,6BAA8BD,GAAA,YAAAA,EAAc,WAAW,EACvE,SAAA,CAAAH,GACCM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQN,CAAA,EACnC,UAAWI,EAAGD,GAAA,YAAAA,EAAc,MAAO,4CAA4C,CAAA,CAAA,EAGlFD,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWE,EAAG,2CAA4CD,GAAA,YAAAA,EAAc,WAAW,CAAA,CAAA,CACrF,CAAA,CAEJ,CAAA,EACF,EACCF,IAASA,GAAA,YAAAA,EAAO,MACfK,EAAC,OAAI,UAAWF,EAAG,mCAAmC,EACpD,SAAAE,EAAC,MAAA,CAAI,UAAWF,EAAG,uCAAwCD,GAAA,YAAAA,EAAc,KAAK,EAAG,IAAKF,GAAA,YAAAA,EAAO,IAAK,IAAKA,GAAA,YAAAA,EAAO,GAAA,CAAK,CAAA,CACrH,CAAA,EAEJ"}

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.js

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{cn as f}from"../../../../utils/cn.js";import"react";const w=({imgProps:t,slideClasses:c})=>n("div",{className:f("h-full w-full",c==null?void 0:c.root),children:t&&(t==null?void 0:t.src)&&n("img",{className:f("w-full object-contain",c==null?void 0:c.image),src:t==null?void 0:t.src,alt:t==null?void 0:t.alt})});export{w as SlideOnlyImage};
+import{jsx as n}from"react/jsx-runtime";import{cn as f}from"../../../../utils/cn.js";import"uuid";import"react";const x=({imgProps:t,slideClasses:c})=>n("div",{className:f("h-full w-full",c==null?void 0:c.root),children:t&&(t==null?void 0:t.src)&&n("img",{className:f("w-full object-contain",c==null?void 0:c.image),src:t==null?void 0:t.src,alt:t==null?void 0:t.alt})});export{x as SlideOnlyImage};
 //# sourceMappingURL=SlideOnlyImage.js.map

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideOnlyImage.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.tsx"],"sourcesContent":["import type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideOnlyImageClasses = {\n  root?: string\n  image?: string\n}\n\nexport interface SlideOnlyImageProps {\n  imgProps?: ImageProps\n  slideClasses?: SlideOnlyImageClasses\n}\n\nexport const SlideOnlyImage = ({ imgProps, slideClasses }: SlideOnlyImageProps) => {\n  return (\n    <div className={cn('h-full w-full', slideClasses?.root)}>\n      {imgProps && imgProps?.src && (\n        <img className={cn('w-full object-contain', slideClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n      )}\n    </div>\n  )\n}\n"],"names":["SlideOnlyImage","imgProps","slideClasses","jsx","cn"],"mappings":"mGAaO,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,aAAAC,KAEvCC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiBF,GAAA,YAAAA,EAAc,IAAI,EACnD,SAAAD,IAAYA,GAAA,YAAAA,EAAU,MACrBE,EAAC,OAAI,UAAWC,EAAG,wBAAyBF,GAAA,YAAAA,EAAc,KAAK,EAAG,IAAKD,GAAA,YAAAA,EAAU,IAAK,IAAKA,GAAA,YAAAA,EAAU,GAAA,CAAK,CAAA,CAE9G"}
+{"version":3,"file":"SlideOnlyImage.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideOnlyImage.tsx"],"sourcesContent":["import type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideOnlyImageClasses = {\n  root?: string\n  image?: string\n}\n\nexport interface SlideOnlyImageProps {\n  imgProps?: ImageProps\n  slideClasses?: SlideOnlyImageClasses\n}\n\nexport const SlideOnlyImage = ({ imgProps, slideClasses }: SlideOnlyImageProps) => {\n  return (\n    <div className={cn('h-full w-full', slideClasses?.root)}>\n      {imgProps && imgProps?.src && (\n        <img className={cn('w-full object-contain', slideClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n      )}\n    </div>\n  )\n}\n"],"names":["SlideOnlyImage","imgProps","slideClasses","jsx","cn"],"mappings":"gHAaO,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,aAAAC,KAEvCC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiBF,GAAA,YAAAA,EAAc,IAAI,EACnD,SAAAD,IAAYA,GAAA,YAAAA,EAAU,MACrBE,EAAC,OAAI,UAAWC,EAAG,wBAAyBF,GAAA,YAAAA,EAAc,KAAK,EAAG,IAAKD,GAAA,YAAAA,EAAU,IAAK,IAAKA,GAAA,YAAAA,EAAU,GAAA,CAAK,CAAA,CAE9G"}

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as x}from"react/jsx-runtime";import{Button as m}from"../../../button/Button.js";import{cn as f}from"../../../../utils/cn.js";import"react";const v=({title:h,imgProps:t,description:N,buttonProps:r,slideClasses:c})=>n("div",{className:f("flex h-full w-full flex-col justify-between rounded-md bg-[#F3F4F7] p-6",c==null?void 0:c.root),children:[n("div",{className:f("flex flex-col gap-2",c==null?void 0:c.wrapper),children:[n("div",{className:f("flex flex-col gap-2",c==null?void 0:c.textWrapper),children:[h&&x("h3",{className:f("desk-title-bold-s text-color-dark",c==null?void 0:c.title),children:h}),N&&x("p",{className:f("desk-body-medium-l text-color-tetriary",c==null?void 0:c.description),children:N})]}),t&&(t==null?void 0:t.src)&&x("img",{className:f("w-full object-contain",c==null?void 0:c.image),src:t==null?void 0:t.src,alt:t==null?void 0:t.alt})]}),r&&x(m,{size:"sm",className:f("w-full",c==null?void 0:c.button),...r,children:(r==null?void 0:r.children)||"Оформить заявку"})]});export{v as SlideProductCard};
+import{jsxs as n,jsx as x}from"react/jsx-runtime";import{Button as N}from"../../../button/Button.js";import"../../../button/model/helpers.js";import{cn as f}from"../../../../utils/cn.js";import"uuid";import"react";const F=({title:h,imgProps:t,description:m,buttonProps:r,slideClasses:c})=>n("div",{className:f("flex h-full w-full flex-col justify-between rounded-md bg-[#F3F4F7] p-6",c==null?void 0:c.root),children:[n("div",{className:f("flex flex-col gap-2",c==null?void 0:c.wrapper),children:[n("div",{className:f("flex flex-col gap-2",c==null?void 0:c.textWrapper),children:[h&&x("h3",{className:f("desk-title-bold-s text-color-dark",c==null?void 0:c.title),children:h}),m&&x("p",{className:f("desk-body-medium-l text-color-tetriary",c==null?void 0:c.description),children:m})]}),t&&(t==null?void 0:t.src)&&x("img",{className:f("w-full object-contain",c==null?void 0:c.image),src:t==null?void 0:t.src,alt:t==null?void 0:t.alt})]}),r&&x(N,{size:"sm",className:f("w-full",c==null?void 0:c.button),...r,children:(r==null?void 0:r.children)||"Оформить заявку"})]});export{F as SlideProductCard};
 //# sourceMappingURL=SlideProductCard.js.map

package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideProductCard.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../../../button'\nimport type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideProductCardClasses = {\n  root?: string\n  wrapper?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n  button?: string\n}\n\nexport interface SlideProductCardProps {\n  title?: string\n  description?: string\n  imgProps?: ImageProps\n  buttonProps?: ButtonProps\n  slideClasses?: SlideProductCardClasses\n}\n\nexport const SlideProductCard = ({ title, imgProps, description, buttonProps, slideClasses }: SlideProductCardProps) => {\n  return (\n    <div className={cn('flex h-full w-full flex-col justify-between rounded-md bg-[#F3F4F7] p-6', slideClasses?.root)}>\n      <div className={cn('flex flex-col gap-2', slideClasses?.wrapper)}>\n        <div className={cn('flex flex-col gap-2', slideClasses?.textWrapper)}>\n          {title && <h3 className={cn('desk-title-bold-s text-color-dark', slideClasses?.title)}>{title}</h3>}\n          {description && (\n            <p className={cn('desk-body-medium-l text-color-tetriary', slideClasses?.description)}>{description}</p>\n          )}\n        </div>\n        {imgProps && imgProps?.src && (\n          <img className={cn('w-full object-contain', slideClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n        )}\n      </div>\n\n      {buttonProps && (\n        <Button size='sm' className={cn('w-full', slideClasses?.button)} {...buttonProps}>\n          {buttonProps?.children || 'Оформить заявку'}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["SlideProductCard","title","imgProps","description","buttonProps","slideClasses","cn","jsxs","jsx","Button"],"mappings":"gKAsBO,MAAMA,EAAmB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,aAAAC,OAEzE,MAAA,CAAI,UAAWC,EAAG,0EAA2ED,GAAA,YAAAA,EAAc,IAAI,EAC9G,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,sBAAuBD,GAAA,YAAAA,EAAc,OAAO,EAC7D,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,sBAAuBD,GAAA,YAAAA,EAAc,WAAW,EAChE,SAAA,CAAAJ,GAASO,EAAC,MAAG,UAAWF,EAAG,oCAAqCD,GAAA,YAAAA,EAAc,KAAK,EAAI,SAAAJ,CAAA,CAAM,EAC7FE,KACE,IAAA,CAAE,UAAWG,EAAG,yCAA0CD,GAAA,YAAAA,EAAc,WAAW,EAAI,SAAAF,CAAA,CAAY,CAAA,EAExG,EACCD,IAAYA,GAAA,YAAAA,EAAU,MACrBM,EAAC,MAAA,CAAI,UAAWF,EAAG,wBAAyBD,GAAA,YAAAA,EAAc,KAAK,EAAG,IAAKH,GAAA,YAAAA,EAAU,IAAK,IAAKA,GAAA,YAAAA,EAAU,GAAA,CAAK,CAAA,EAE9G,EAECE,GACCI,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWH,EAAG,SAAUD,GAAA,YAAAA,EAAc,MAAM,EAAI,GAAGD,EAClE,UAAAA,GAAA,YAAAA,EAAa,WAAY,iBAAA,CAC5B,CAAA,EAEJ"}
+{"version":3,"file":"SlideProductCard.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../../../button'\nimport type { ImageProps } from '../../model'\nimport { cn } from '$/shared/utils'\n\ntype SlideProductCardClasses = {\n  root?: string\n  wrapper?: string\n  textWrapper?: string\n  title?: string\n  description?: string\n  image?: string\n  button?: string\n}\n\nexport interface SlideProductCardProps {\n  title?: string\n  description?: string\n  imgProps?: ImageProps\n  buttonProps?: ButtonProps\n  slideClasses?: SlideProductCardClasses\n}\n\nexport const SlideProductCard = ({ title, imgProps, description, buttonProps, slideClasses }: SlideProductCardProps) => {\n  return (\n    <div className={cn('flex h-full w-full flex-col justify-between rounded-md bg-[#F3F4F7] p-6', slideClasses?.root)}>\n      <div className={cn('flex flex-col gap-2', slideClasses?.wrapper)}>\n        <div className={cn('flex flex-col gap-2', slideClasses?.textWrapper)}>\n          {title && <h3 className={cn('desk-title-bold-s text-color-dark', slideClasses?.title)}>{title}</h3>}\n          {description && (\n            <p className={cn('desk-body-medium-l text-color-tetriary', slideClasses?.description)}>{description}</p>\n          )}\n        </div>\n        {imgProps && imgProps?.src && (\n          <img className={cn('w-full object-contain', slideClasses?.image)} src={imgProps?.src} alt={imgProps?.alt} />\n        )}\n      </div>\n\n      {buttonProps && (\n        <Button size='sm' className={cn('w-full', slideClasses?.button)} {...buttonProps}>\n          {buttonProps?.children || 'Оформить заявку'}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["SlideProductCard","title","imgProps","description","buttonProps","slideClasses","cn","jsxs","jsx","Button"],"mappings":"sNAsBO,MAAMA,EAAmB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,aAAAC,OAEzE,MAAA,CAAI,UAAWC,EAAG,0EAA2ED,GAAA,YAAAA,EAAc,IAAI,EAC9G,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,sBAAuBD,GAAA,YAAAA,EAAc,OAAO,EAC7D,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,sBAAuBD,GAAA,YAAAA,EAAc,WAAW,EAChE,SAAA,CAAAJ,GAASO,EAAC,MAAG,UAAWF,EAAG,oCAAqCD,GAAA,YAAAA,EAAc,KAAK,EAAI,SAAAJ,CAAA,CAAM,EAC7FE,KACE,IAAA,CAAE,UAAWG,EAAG,yCAA0CD,GAAA,YAAAA,EAAc,WAAW,EAAI,SAAAF,CAAA,CAAY,CAAA,EAExG,EACCD,IAAYA,GAAA,YAAAA,EAAU,MACrBM,EAAC,MAAA,CAAI,UAAWF,EAAG,wBAAyBD,GAAA,YAAAA,EAAc,KAAK,EAAG,IAAKH,GAAA,YAAAA,EAAU,IAAK,IAAKA,GAAA,YAAAA,EAAU,GAAA,CAAK,CAAA,EAE9G,EAECE,GACCI,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWH,EAAG,SAAUD,GAAA,YAAAA,EAAc,MAAM,EAAI,GAAGD,EAClE,UAAAA,GAAA,YAAAA,EAAa,WAAY,iBAAA,CAC5B,CAAA,EAEJ"}

package/dist/lib/shared/ui/customLink/CustomLink.js

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as x}from"react/jsx-runtime";import{Icon as C}from"../icon/Icon.js";import{linkIconConfig as g,customLinkConfig as j}from"./model/helpers.js";import{cn as i}from"../../utils/cn.js";import"react";const v=({intent:m,children:t,disabled:r,size:f,icon:n,classes:o,withUnderline:p,...k})=>u("a",{className:i(j({intent:m,withUnderline:p,disabled:r,size:f}),o==null?void 0:o.link),...k,children:[t,n&&x(C,{name:n,className:i(g({intent:m,disabled:r}),o==null?void 0:o.icon)})]});export{v as CustomLink};
+import{jsxs as u,jsx as x}from"react/jsx-runtime";import{Icon as C}from"../icon/Icon.js";import{linkIconConfig as g,customLinkConfig as j}from"./model/helpers.js";import{cn as n}from"../../utils/cn.js";import"uuid";import"react";const w=({intent:m,children:t,disabled:r,size:p,icon:i,classes:o,withUnderline:f,...k})=>u("a",{className:n(j({intent:m,withUnderline:f,disabled:r,size:p}),o==null?void 0:o.link),...k,children:[t,i&&x(C,{name:i,className:n(g({intent:m,disabled:r}),o==null?void 0:o.icon)})]});export{w as CustomLink};
 //# sourceMappingURL=CustomLink.js.map

package/dist/lib/shared/ui/customLink/CustomLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomLink.js","sources":["../../../../../lib/shared/ui/customLink/CustomLink.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { type AllowedIcons, Icon } from '../icon'\nimport { customLinkConfig, linkIconConfig } from './model/helpers'\nimport { cn } from '$/shared/utils'\n\ntype CustomLinkClasses = {\n  link?: string\n  icon?: string\n}\n\ntype CustomLinkConfig = VariantProps<typeof customLinkConfig>\n\nexport interface CustomLinkProps extends CustomLinkConfig, Omit<ComponentProps<'a'>, 'className' | 'href'> {\n  icon?: AllowedIcons\n  href: string\n  classes?: CustomLinkClasses\n}\n\nexport const CustomLink = ({ intent, children, disabled, size, icon, classes, withUnderline, ...props }: CustomLinkProps) => {\n  return (\n    <a className={cn(customLinkConfig({ intent, withUnderline, disabled, size }), classes?.link)} {...props}>\n      {children}\n      {icon && <Icon name={icon} className={cn(linkIconConfig({ intent, disabled }), classes?.icon)} />}\n    </a>\n  )\n}\n"],"names":["CustomLink","intent","children","disabled","size","icon","classes","withUnderline","props","cn","customLinkConfig","jsx","Icon","linkIconConfig"],"mappings":"wNAqBO,MAAMA,EAAa,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAS,cAAAC,EAAe,GAAGC,CAAA,MAE3F,IAAA,CAAE,UAAWC,EAAGC,EAAiB,CAAE,OAAAT,EAAQ,cAAAM,EAAe,SAAAJ,EAAU,KAAAC,CAAA,CAAM,EAAGE,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGE,EAC/F,SAAA,CAAAN,EACAG,GAAQM,EAACC,EAAA,CAAK,KAAMP,EAAM,UAAWI,EAAGI,EAAe,CAAE,OAAAZ,EAAQ,SAAAE,CAAA,CAAU,EAAGG,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,EACjG"}
+{"version":3,"file":"CustomLink.js","sources":["../../../../../lib/shared/ui/customLink/CustomLink.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { type AllowedIcons, Icon } from '../icon'\nimport { customLinkConfig, linkIconConfig } from './model/helpers'\nimport { cn } from '$/shared/utils'\n\ntype CustomLinkClasses = {\n  link?: string\n  icon?: string\n}\n\ntype CustomLinkConfig = VariantProps<typeof customLinkConfig>\n\nexport interface CustomLinkProps extends CustomLinkConfig, Omit<ComponentProps<'a'>, 'className' | 'href'> {\n  icon?: AllowedIcons\n  href: string\n  classes?: CustomLinkClasses\n}\n\nexport const CustomLink = ({ intent, children, disabled, size, icon, classes, withUnderline, ...props }: CustomLinkProps) => {\n  return (\n    <a className={cn(customLinkConfig({ intent, withUnderline, disabled, size }), classes?.link)} {...props}>\n      {children}\n      {icon && <Icon name={icon} className={cn(linkIconConfig({ intent, disabled }), classes?.icon)} />}\n    </a>\n  )\n}\n"],"names":["CustomLink","intent","children","disabled","size","icon","classes","withUnderline","props","cn","customLinkConfig","jsx","Icon","linkIconConfig"],"mappings":"qOAqBO,MAAMA,EAAa,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,SAAAC,EAAU,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAS,cAAAC,EAAe,GAAGC,CAAA,MAE3F,IAAA,CAAE,UAAWC,EAAGC,EAAiB,CAAE,OAAAT,EAAQ,cAAAM,EAAe,SAAAJ,EAAU,KAAAC,CAAA,CAAM,EAAGE,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGE,EAC/F,SAAA,CAAAN,EACAG,GAAQM,EAACC,EAAA,CAAK,KAAMP,EAAM,UAAWI,EAAGI,EAAe,CAAE,OAAAZ,EAAQ,SAAAE,CAAA,CAAU,EAAGG,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,EACjG"}

package/dist/lib/shared/ui/customLink/model/helpers.js

@@ -1,2 +1,2 @@
-import{cva as e}from"../../../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";const t={blue:"text-color-primary-default hover:text-color-primary-hover  focus-visible:text-color-primary-default focus-visible:border-primary-focus",white:"text-color-white hover:text-color-footer focus-visible:text-color-white  focus-visible:border-primary-focus",dark:"text-color-dark group-focus:text-icon-dark-default focus-visible:border-primary-focus"},r={sm:"desk-body-regular-m",md:"desk-body-regular-l"},i={blue:"text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",white:"text-icon-white group-hover:text-icon-footer group-focus:text-icon-white",dark:"text-icon-dark-default"},n=e("group outline-none flex items-center gap-1 transition-all duration-100 p-[2px] rounded-sm border border-solid border-transparent hover:underline underline-offset-4",{variants:{intent:t,withUnderline:{true:"underline underline-offset-4",false:""},disabled:{true:"!text-color-primary-disabled pointer-events-none !border-transparent",false:""},size:r},defaultVariants:{intent:"blue",disabled:!1,size:"md",withUnderline:!1}}),a=e("size-6",{variants:{intent:i,disabled:{true:"!text-icon-primary-disabled pointer-events-none",false:""}},defaultVariants:{intent:"blue",disabled:!1}});export{n as customLinkConfig,a as linkIconConfig,i as linkPrimitiveIconIntent,t as linkPrimitiveIntent,r as linkPrimitiveSize};
+import{cva as e}from"class-variance-authority";const t={blue:"text-color-primary-default hover:text-color-primary-hover  focus-visible:text-color-primary-default focus-visible:border-primary-focus",white:"text-color-white hover:text-color-footer focus-visible:text-color-white  focus-visible:border-primary-focus",dark:"text-color-dark group-focus:text-icon-dark-default focus-visible:border-primary-focus"},r={sm:"desk-body-regular-m",md:"desk-body-regular-l"},i={blue:"text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ",white:"text-icon-white group-hover:text-icon-footer group-focus:text-icon-white",dark:"text-icon-dark-default"},n=e("group outline-none flex items-center gap-1 transition-all duration-100 p-[2px] rounded-sm border border-solid border-transparent hover:underline underline-offset-4",{variants:{intent:t,withUnderline:{true:"underline underline-offset-4",false:""},disabled:{true:"!text-color-primary-disabled pointer-events-none !border-transparent",false:""},size:r},defaultVariants:{intent:"blue",disabled:!1,size:"md",withUnderline:!1}}),a=e("size-6",{variants:{intent:i,disabled:{true:"!text-icon-primary-disabled pointer-events-none",false:""}},defaultVariants:{intent:"blue",disabled:!1}});export{n as customLinkConfig,a as linkIconConfig,i as linkPrimitiveIconIntent,t as linkPrimitiveIntent,r as linkPrimitiveSize};
 //# sourceMappingURL=helpers.js.map

package/dist/lib/shared/ui/customLink/model/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/customLink/model/helpers.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const linkPrimitiveIntent = {\n  blue: 'text-color-primary-default hover:text-color-primary-hover  focus-visible:text-color-primary-default focus-visible:border-primary-focus',\n  white: 'text-color-white hover:text-color-footer focus-visible:text-color-white  focus-visible:border-primary-focus',\n  dark: 'text-color-dark group-focus:text-icon-dark-default focus-visible:border-primary-focus'\n} as const\n\nexport const linkPrimitiveSize = {\n  sm: 'desk-body-regular-m',\n  md: 'desk-body-regular-l'\n} as const\n\nexport const linkPrimitiveIconIntent = {\n  blue: 'text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ',\n  white: 'text-icon-white group-hover:text-icon-footer group-focus:text-icon-white',\n  dark: 'text-icon-dark-default'\n} as const\n\nexport const customLinkConfig = cva(\n  'group outline-none flex items-center gap-1 transition-all duration-100 p-[2px] rounded-sm border border-solid border-transparent hover:underline underline-offset-4',\n  {\n    variants: {\n      intent: linkPrimitiveIntent,\n      withUnderline: {\n        true: 'underline underline-offset-4',\n        false: ''\n      },\n      disabled: {\n        true: '!text-color-primary-disabled pointer-events-none !border-transparent',\n        false: ''\n      },\n      size: linkPrimitiveSize\n    },\n    defaultVariants: {\n      intent: 'blue',\n      disabled: false,\n      size: 'md',\n      withUnderline: false\n    }\n  }\n)\n\nexport const linkIconConfig = cva('size-6', {\n  variants: {\n    intent: linkPrimitiveIconIntent,\n    disabled: {\n      true: '!text-icon-primary-disabled pointer-events-none',\n      false: ''\n    }\n  },\n  defaultVariants: {\n    intent: 'blue',\n    disabled: false\n  }\n})\n"],"names":["linkPrimitiveIntent","linkPrimitiveSize","linkPrimitiveIconIntent","customLinkConfig","cva","linkIconConfig"],"mappings":"2IAEO,MAAMA,EAAsB,CACjC,KAAM,yIACN,MAAO,8GACP,KAAM,uFACR,EAEaC,EAAoB,CAC/B,GAAI,sBACJ,GAAI,qBACN,EAEaC,EAA0B,CACrC,KAAM,uGACN,MAAO,2EACP,KAAM,wBACR,EAEaC,EAAmBC,EAC9B,sKACA,CACE,SAAU,CACR,OAAQJ,EACR,cAAe,CACb,KAAM,+BACN,MAAO,EAAA,EAET,SAAU,CACR,KAAM,uEACN,MAAO,EAAA,EAET,KAAMC,CAAA,EAER,gBAAiB,CACf,OAAQ,OACR,SAAU,GACV,KAAM,KACN,cAAe,EAAA,CACjB,CAEJ,EAEaI,EAAiBD,EAAI,SAAU,CAC1C,SAAU,CACR,OAAQF,EACR,SAAU,CACR,KAAM,kDACN,MAAO,EAAA,CACT,EAEF,gBAAiB,CACf,OAAQ,OACR,SAAU,EAAA,CAEd,CAAC"}
+{"version":3,"file":"helpers.js","sources":["../../../../../../lib/shared/ui/customLink/model/helpers.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const linkPrimitiveIntent = {\n  blue: 'text-color-primary-default hover:text-color-primary-hover  focus-visible:text-color-primary-default focus-visible:border-primary-focus',\n  white: 'text-color-white hover:text-color-footer focus-visible:text-color-white  focus-visible:border-primary-focus',\n  dark: 'text-color-dark group-focus:text-icon-dark-default focus-visible:border-primary-focus'\n} as const\n\nexport const linkPrimitiveSize = {\n  sm: 'desk-body-regular-m',\n  md: 'desk-body-regular-l'\n} as const\n\nexport const linkPrimitiveIconIntent = {\n  blue: 'text-icon-primary-default group-hover:text-icon-primary-hover group-focus:text-icon-primary-default ',\n  white: 'text-icon-white group-hover:text-icon-footer group-focus:text-icon-white',\n  dark: 'text-icon-dark-default'\n} as const\n\nexport const customLinkConfig = cva(\n  'group outline-none flex items-center gap-1 transition-all duration-100 p-[2px] rounded-sm border border-solid border-transparent hover:underline underline-offset-4',\n  {\n    variants: {\n      intent: linkPrimitiveIntent,\n      withUnderline: {\n        true: 'underline underline-offset-4',\n        false: ''\n      },\n      disabled: {\n        true: '!text-color-primary-disabled pointer-events-none !border-transparent',\n        false: ''\n      },\n      size: linkPrimitiveSize\n    },\n    defaultVariants: {\n      intent: 'blue',\n      disabled: false,\n      size: 'md',\n      withUnderline: false\n    }\n  }\n)\n\nexport const linkIconConfig = cva('size-6', {\n  variants: {\n    intent: linkPrimitiveIconIntent,\n    disabled: {\n      true: '!text-icon-primary-disabled pointer-events-none',\n      false: ''\n    }\n  },\n  defaultVariants: {\n    intent: 'blue',\n    disabled: false\n  }\n})\n"],"names":["linkPrimitiveIntent","linkPrimitiveSize","linkPrimitiveIconIntent","customLinkConfig","cva","linkIconConfig"],"mappings":"+CAEO,MAAMA,EAAsB,CACjC,KAAM,yIACN,MAAO,8GACP,KAAM,uFACR,EAEaC,EAAoB,CAC/B,GAAI,sBACJ,GAAI,qBACN,EAEaC,EAA0B,CACrC,KAAM,uGACN,MAAO,2EACP,KAAM,wBACR,EAEaC,EAAmBC,EAC9B,sKACA,CACE,SAAU,CACR,OAAQJ,EACR,cAAe,CACb,KAAM,+BACN,MAAO,EAAA,EAET,SAAU,CACR,KAAM,uEACN,MAAO,EAAA,EAET,KAAMC,CAAA,EAER,gBAAiB,CACf,OAAQ,OACR,SAAU,GACV,KAAM,KACN,cAAe,EAAA,CACjB,CAEJ,EAEaI,EAAiBD,EAAI,SAAU,CAC1C,SAAU,CACR,OAAQF,EACR,SAAU,CACR,KAAM,kDACN,MAAO,EAAA,CACT,EAEF,gBAAiB,CACf,OAAQ,OACR,SAAU,EAAA,CAEd,CAAC"}

package/dist/lib/shared/ui/dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useRef as l}from"react";import{createPortal as u}from"react-dom";import{useClickOutside as x}from"../../hooks/useClickOutside.js";import"react-hook-form";import{cn as g}from"../../utils/cn.js";import"../button/Button.js";import"../buttonIcon/ButtonIcon.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"../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 b}from"../icon/Icon.js";import"../table/ui/primitives/Primitives.js";import{Heading as h}from"../heading/Heading.js";import"../carousel/ui/CarouselContent.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../src/configs/api.js";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const to=({className:n,children:c,title:e,portal:i=(d=>(d=globalThis==null?void 0:globalThis.document)==null?void 0:d.body)(),...a})=>{const r=l(null),m=l(null),t=()=>{r.current&&r.current.close()};x(m,t);const p=o("dialog",{ref:r,...a,className:"group z-10 border-none",onKeyDown:f=>{f.key==="Escape"&&t()},children:o("div",{className:"fixed inset-0 flex items-center justify-center bg-color-overlay",children:s("div",{ref:m,className:g("w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8","rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0",n),children:[s("div",{className:"flex items-start justify-between gap-4",children:[e&&o(h,{as:"h3",className:"flex-1 text-color-dark",children:e}),o(b,{onClick:t,name:"general/close",className:"ml-auto size-6 cursor-pointer text-icon-dark-hover"})]}),o("div",{className:"mt-4",children:c})]})})});return i?u(p,i):p};export{to as Dialog};
+import{jsx as o,jsxs as s}from"react/jsx-runtime";import{useRef as l}from"react";import{createPortal as u}from"react-dom";import{useClickOutside as x}from"../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers";import{cn as g}from"../../utils/cn.js";import"uuid";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";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 b}from"../icon/Icon.js";import"@tanstack/react-table";import{Heading as h}from"../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"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"classnames";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const No=({className:n,children:c,title:i,portal:m=(d=>(d=globalThis==null?void 0:globalThis.document)==null?void 0:d.body)(),...a})=>{const r=l(null),e=l(null),t=()=>{r.current&&r.current.close()};x(e,t);const p=o("dialog",{ref:r,...a,className:"group z-10 border-none",onKeyDown:f=>{f.key==="Escape"&&t()},children:o("div",{className:"fixed inset-0 flex items-center justify-center bg-color-overlay",children:s("div",{ref:e,className:g("w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8","rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0",n),children:[s("div",{className:"flex items-start justify-between gap-4",children:[i&&o(h,{as:"h3",className:"flex-1 text-color-dark",children:i}),o(b,{onClick:t,name:"general/close",className:"ml-auto size-6 cursor-pointer text-icon-dark-hover"})]}),o("div",{className:"mt-4",children:c})]})})});return m?u(p,m):p};export{No as Dialog};
 //# sourceMappingURL=Dialog.js.map