@scbt-ecom/ui 0.152.5 → 0.153.0

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":"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"}
+{"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":"wLAUO,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"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};
+import{jsx as t}from"react/jsx-runtime";import{SlideFullScreen as r}from"../ui/slideVariants/SlideFullScreen.js";import{SlideOnlyImage as o}from"../ui/slideVariants/SlideOnlyImage.js";import{SlideProductCard as i}from"../ui/slideVariants/SlideProductCard.js";const u={dragFree:!0,loop:!1,align:"start",slidesToScroll:1},d={position:"center",deskVisible:!0,mobVisible:!0},c={position:"top-right",deskVisible:!0,mobVisible:!1},m={active:!0},f=e=>{switch(e.variant){case"productCard":return t(i,{...e});case"onlyImage":return t(o,{...e});case"fullScreen":return t(r,{...e})}};export{m as defaultAutoPlayOptions,u as defaultCarouselOptions,d as defaultDotsOptions,c as defaultNavArrowOptions,f 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":"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"}
+{"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":"mQAMO,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"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};
+import{useCallback as p}from"react";import l from"embla-carousel-autoplay";import u from"embla-carousel-react";const b=({carouselOptions:t,autoPlayOptions:e})=>{const[r,s]=u(t,[l(e)]),a=p(n=>{const o=n?.plugins()?.autoplay;if(!o)return;(o.options.stopOnInteraction===!1?o.reset:o.stop)()},[]);return{emblaRef:r,emblaApi:s,navigationHandler:a}};export{b 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":"+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"}
+{"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,CACrE,MAAMK,EAAWL,GAAU,QAAA,GAAW,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/model/index.js

@@ -1,2 +1,2 @@
-import{useArrowNavigation as r}from"./hooks/useArrowNavigation.js";import{useDotsNavigation as a}from"./hooks/useDotsNavigation.js";import{useCarousel as i}from"./hooks/useCarousel.js";import{defaultAutoPlayOptions as f,defaultCarouselOptions as l,defaultDotsOptions as n,defaultNavArrowOptions as p,renderSlideVariant as d}from"./helpers.js";export{f as defaultAutoPlayOptions,l as defaultCarouselOptions,n as defaultDotsOptions,p as defaultNavArrowOptions,d as renderSlideVariant,r as useArrowNavigation,i as useCarousel,a as useDotsNavigation};
+import{defaultAutoPlayOptions as r,defaultCarouselOptions as e,defaultDotsOptions as a,defaultNavArrowOptions as s,renderSlideVariant as i}from"./helpers.js";import{useArrowNavigation as f}from"./hooks/useArrowNavigation.js";import{useDotsNavigation as n}from"./hooks/useDotsNavigation.js";import{useCarousel as d}from"./hooks/useCarousel.js";export{r as defaultAutoPlayOptions,e as defaultCarouselOptions,a as defaultDotsOptions,s as defaultNavArrowOptions,i as renderSlideVariant,f as useArrowNavigation,d as useCarousel,n as useDotsNavigation};
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-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};
+import{jsxs as a,jsx as s}from"react/jsx-runtime";import{cn as o}from"../../../utils/cn.js";import{Icon as c}from"../../icon/Icon.js";const m=({mode:t,onClick:e,children:i,classes:r,...n})=>a("button",{className:o("group flex size-8 cursor-pointer items-center justify-center p-1",r?.button),type:"button",onClick:()=>e(t),...n,children:[s(c,{name:"arrows/arrowRight",className:o("h-full w-full text-icon-primary-default transition-colors group-disabled:text-icon-disabled",{"rotate-180":t==="prev"},r?.icon)}),i]});export{m 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":"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"}
+{"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":"sIAgBO,MAAMA,EAAwB,CAAC,CAAE,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAEzEC,EAAC,SAAA,CACC,UAAWC,EAAG,mEAAoEH,GAAS,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,GAAS,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"uuid";import"react-hook-form";import"@hookform/resolvers/zod";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};
+import{jsxs as D,jsx as s}from"react/jsx-runtime";import{forwardRef as b}from"react";import{DotsNavigations as h}from"./DotsNavigations.js";import{cn as t}from"../../../utils/cn.js";import{useDevice as x}from"../../../hooks/useDevice.js";const j=b(({visibleIndex:e,classes:o,children:i,dotsProps:r,dotsOptions:n},m)=>{const{isMobile:l,isDesktop:p}=x(),{mobVisible:a,deskVisible:c,...d}=n??{},f=a&&l,u=c&&p,v={visibleIndex:e,...r};return D("div",{className:t("mx-auto overflow-hidden",o?.slidesOverlay),ref:m,children:[s("div",{className:t("flex touch-pan-y gap-6",o?.slidesWrapper),children:i}),(u||f)&&s(h,{...v,...d})]})});export{j 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":"mTAoBO,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":"8OAoBO,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,GAAS,aAAa,EAAG,IAAAI,EACrE,SAAA,CAAAY,EAAC,OAAI,UAAWD,EAAG,yBAA0Bf,GAAS,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"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};
+import{jsx as e}from"react/jsx-runtime";import{cn as o}from"../../../utils/cn.js";import{renderSlideVariant as l}from"../model/helpers.js";const m=({classes:r,...t})=>e("div",{className:o(r?.root),children:e("div",{className:o("flex translate-x-0 translate-y-0 transform-gpu select-none flex-col",r?.slide),children:l(t)})});export{m 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":"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"}
+{"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":"2IAaO,MAAMA,EAAgB,CAAC,CAAE,QAAAC,EAAS,GAAGC,OAEvC,MAAA,CAAI,UAAWC,EAAGF,GAAS,IAAI,EAC9B,SAAAG,EAAC,MAAA,CAAI,UAAWD,EAAG,sEAAuEF,GAAS,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"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};
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{ArrowNavigationButton as i}from"./ArrowNavigationButton.js";import{cn as o}from"../../../utils/cn.js";const b=({children:a,prevBtnDisabled:n,nextBtnDisabled:s,onClickNavigationButton:r,classes:t})=>l("div",{className:o("relative flex items-center gap-1",t?.wrapper),children:[e(i,{mode:"prev",onClick:r,disabled:n,classes:{button:o("absolute -left-12 top-1/2 -transform-y-1/2",t?.arrowLeftClasses?.button),icon:o(t?.arrowLeftClasses?.icon)}}),a,e(i,{mode:"next",onClick:r,disabled:s,classes:{button:o("absolute -right-12 top-1/2 -transform-y-1/2",t?.arrowRightClasses?.button),icon:o(t?.arrowRightClasses?.icon)}})]});export{b 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":"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"}
+{"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"],"mappings":"+JAmBO,MAAMA,EAA0B,CAAC,CACtC,SAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,wBAAAC,EACA,QAAAC,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,mCAAoCD,GAAS,OAAO,EACrE,SAAA,CAAAE,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUF,EACV,QAAS,CACP,OAAQI,EAAG,6CAA8CD,GAAS,kBAAkB,MAAM,EAC1F,KAAMC,EAAGD,GAAS,kBAAkB,IAAI,CAAA,CAC1C,CAAA,EAEDJ,EACDM,EAACC,EAAA,CACC,KAAK,OACL,QAASJ,EACT,SAAUD,EACV,QAAS,CACP,OAAQG,EAAG,8CAA+CD,GAAS,mBAAmB,MAAM,EAC5F,KAAMC,EAAGD,GAAS,mBAAmB,IAAI,CAAA,CAC3C,CAAA,CACF,EACF"}

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

@@ -1,2 +1,2 @@
-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};
+import{jsx as o}from"react/jsx-runtime";import{cn as s}from"../../../utils/cn.js";const i=({scrollSnaps:a,visibleIndex:m,onClickDot:c,position:t,classes:e,...n})=>o("div",{className:s("mt-4 flex items-center gap-[6px]",{"justify-center":t==="center","justify-end":t==="bot-right","justify-start":t==="bot-left"},e?.dotsWrapper),children:a.map((p,r)=>o("button",{type:"button",onClick:()=>c(r),className:s("size-2 cursor-pointer rounded-full bg-color-primary-tr-pressed",{"h-2 w-4 rounded-md bg-color-primary-default":r===m},e?.dot),...n},r))});export{i 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":"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"}
+{"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":"kFAeO,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,GAAS,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,GAAS,GAAA,EAEV,GAAGC,CAAA,EAPCI,CAAA,CASR,CAAA,CAAA"}

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

@@ -1,2 +1,2 @@
-import{ArrowNavigationButton as e}from"./ArrowNavigationButton.js";import{CarouselSlide as l}from"./CarouselSlide.js";import{DotsNavigations as i}from"./DotsNavigations.js";import{SlideProductCard as f}from"./slideVariants/SlideProductCard.js";import{SlideOnlyImage as p}from"./slideVariants/SlideOnlyImage.js";import{SlideFullScreen as d}from"./slideVariants/SlideFullScreen.js";import{CarouselContent as S}from"./CarouselContent.js";export{e as ArrowNavigationButton,S as CarouselContent,l as CarouselSlide,i as DotsNavigations,d as SlideFullScreen,p as SlideOnlyImage,f as SlideProductCard};
+import{ArrowNavigationButton as e}from"./ArrowNavigationButton.js";import{CarouselSlide as l}from"./CarouselSlide.js";import{DotsNavigations as i}from"./DotsNavigations.js";import{CarouselContent as f}from"./CarouselContent.js";import{SlideProductCard as p}from"./slideVariants/SlideProductCard.js";import{SlideOnlyImage as d}from"./slideVariants/SlideOnlyImage.js";import{SlideFullScreen as S}from"./slideVariants/SlideFullScreen.js";export{e as ArrowNavigationButton,f as CarouselContent,l as CarouselSlide,i as DotsNavigations,S as SlideFullScreen,d as SlideOnlyImage,p as SlideProductCard};
 //# sourceMappingURL=index.js.map

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"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};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{cn as e}from"../../../../utils/cn.js";const i=({slideIndex:m,title:c,image:o,description:d,slideClasses:l})=>t("div",{className:e("flex h-full w-full flex-col gap-6",l?.root),children:[t("div",{className:e("flex items-center gap-4",l?.wrapper),children:[r("span",{className:e("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",l?.numeric),children:m+1}),t("div",{className:e("flex flex-1 flex-col gap-2",l?.textWrapper),children:[c&&r("div",{dangerouslySetInnerHTML:{__html:c},className:e(l?.title,"mob-title-bold-m desktop:desk-title-bold-s")}),d&&r("div",{dangerouslySetInnerHTML:{__html:d},className:e("desk-body-regular-l text-color-secondary",l?.description)})]})]}),o&&o?.src&&r("div",{className:e("mobile:h-[320px] mobile:w-[328px]"),children:r("img",{className:e("w-full object-cover mobile:h-[320px]",l?.image),src:o?.src,alt:o?.alt})})]});export{i 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":"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"}
+{"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":"+FAqBO,MAAMA,EAAkB,CAAC,CAAE,WAAAC,EAAY,MAAAC,EAAO,MAAAC,EAAO,YAAAC,EAAa,aAAAC,OAEpE,MAAA,CAAI,UAAWC,EAAG,oCAAqCD,GAAc,IAAI,EACxE,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,0BAA2BD,GAAc,OAAO,EACjE,SAAA,CAAAG,EAAC,OAAA,CACC,UAAWF,EACT,4JACAD,GAAc,OAAA,EAGf,SAAAJ,EAAa,CAAA,CAAA,IAGf,MAAA,CAAI,UAAWK,EAAG,6BAA8BD,GAAc,WAAW,EACvE,SAAA,CAAAH,GACCM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQN,CAAA,EACnC,UAAWI,EAAGD,GAAc,MAAO,4CAA4C,CAAA,CAAA,EAGlFD,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWE,EAAG,2CAA4CD,GAAc,WAAW,CAAA,CAAA,CACrF,CAAA,CAEJ,CAAA,EACF,EACCF,GAASA,GAAO,KACfK,EAAC,OAAI,UAAWF,EAAG,mCAAmC,EACpD,SAAAE,EAAC,MAAA,CAAI,UAAWF,EAAG,uCAAwCD,GAAc,KAAK,EAAG,IAAKF,GAAO,IAAK,IAAKA,GAAO,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"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};
+import{jsx as t}from"react/jsx-runtime";import{cn as r}from"../../../../utils/cn.js";const n=({imgProps:l,slideClasses:c})=>t("div",{className:r("h-full w-full",c?.root),children:l&&l?.src&&t("img",{className:r("w-full object-contain",c?.image),src:l?.src,alt:l?.alt})});export{n 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":"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"}
+{"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":"qFAaO,MAAMA,EAAiB,CAAC,CAAE,SAAAC,EAAU,aAAAC,KAEvCC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiBF,GAAc,IAAI,EACnD,SAAAD,GAAYA,GAAU,KACrBE,EAAC,OAAI,UAAWC,EAAG,wBAAyBF,GAAc,KAAK,EAAG,IAAKD,GAAU,IAAK,IAAKA,GAAU,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 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};
+import{jsxs as a,jsx as r}from"react/jsx-runtime";import{cn as c}from"../../../../utils/cn.js";import{Button as m}from"../../../button/Button.js";const x=({title:o,imgProps:l,description:d,buttonProps:t,slideClasses:e})=>a("div",{className:c("flex h-full w-full flex-col justify-between rounded-md bg-[#F3F4F7] p-6",e?.root),children:[a("div",{className:c("flex flex-col gap-2",e?.wrapper),children:[a("div",{className:c("flex flex-col gap-2",e?.textWrapper),children:[o&&r("h3",{className:c("desk-title-bold-s text-color-dark",e?.title),children:o}),d&&r("p",{className:c("desk-body-medium-l text-color-tetriary",e?.description),children:d})]}),l&&l?.src&&r("img",{className:c("w-full object-contain",e?.image),src:l?.src,alt:l?.alt})]}),t&&r(m,{size:"sm",className:c("w-full",e?.button),...t,children:t?.children||"Оформить заявку"})]});export{x 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":"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"}
+{"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":"kJAsBO,MAAMA,EAAmB,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,YAAAC,EAAa,aAAAC,OAEzE,MAAA,CAAI,UAAWC,EAAG,0EAA2ED,GAAc,IAAI,EAC9G,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,sBAAuBD,GAAc,OAAO,EAC7D,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,sBAAuBD,GAAc,WAAW,EAChE,SAAA,CAAAJ,GAASO,EAAC,MAAG,UAAWF,EAAG,oCAAqCD,GAAc,KAAK,EAAI,SAAAJ,CAAA,CAAM,EAC7FE,KACE,IAAA,CAAE,UAAWG,EAAG,yCAA0CD,GAAc,WAAW,EAAI,SAAAF,CAAA,CAAY,CAAA,EAExG,EACCD,GAAYA,GAAU,KACrBM,EAAC,MAAA,CAAI,UAAWF,EAAG,wBAAyBD,GAAc,KAAK,EAAG,IAAKH,GAAU,IAAK,IAAKA,GAAU,GAAA,CAAK,CAAA,EAE9G,EAECE,GACCI,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWH,EAAG,SAAUD,GAAc,MAAM,EAAI,GAAGD,EAClE,SAAAA,GAAa,UAAY,iBAAA,CAC5B,CAAA,EAEJ"}

package/dist/lib/shared/ui/chips/Chips.js

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as x}from"react/jsx-runtime";import{Icon as d}from"../icon/Icon.js";import{cn as m}from"../../utils/cn.js";const g=({icon:r,children:t,classes:o,...i})=>p("div",{...i,className:m("desk-body-regular-l flex gap-x-1 rounded-sm bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",o==null?void 0:o.root),children:[r&&x(d,{name:r,className:m("size-6",o==null?void 0:o.icon)}),t]});export{g as Chips};
+import{jsxs as s,jsx as i}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";import{Icon as l}from"../icon/Icon.js";const x=({icon:o,children:m,classes:r,...t})=>s("div",{...t,className:e("desk-body-regular-l flex gap-x-1 rounded-sm bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",r?.root),children:[o&&i(l,{name:o,className:e("size-6",r?.icon)}),m]});export{x as Chips};
 //# sourceMappingURL=Chips.js.map

package/dist/lib/shared/ui/chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sources":["../../../../../lib/shared/ui/chips/Chips.tsx"],"sourcesContent":["import { type AllowedIcons, Icon } from '../icon'\nimport { cn } from '$/shared/utils/cn'\n\ntype ChipsClasses = {\n  root?: string\n  icon?: string\n}\n\nexport interface ChipsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  icon?: AllowedIcons\n  classes?: ChipsClasses\n}\n\nexport const Chips = ({ icon, children, classes, ...props }: ChipsProps) => (\n  <div\n    {...props}\n    className={cn(\n      'desk-body-regular-l flex gap-x-1 rounded-sm bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n      classes?.root\n    )}\n  >\n    {icon && <Icon name={icon} className={cn('size-6', classes?.icon)} />}\n    {children}\n  </div>\n)\n"],"names":["Chips","icon","children","classes","props","jsxs","cn","jsx","Icon"],"mappings":"gIAaO,MAAMA,EAAQ,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAClDC,EAAC,MAAA,CACE,GAAGD,EACJ,UAAWE,EACT,mGACAH,GAAA,YAAAA,EAAS,IAAA,EAGV,SAAA,CAAAF,GAAQM,EAACC,GAAK,KAAMP,EAAM,UAAWK,EAAG,SAAUH,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,EAClED,CAAA,CAAA,CACH"}
+{"version":3,"file":"Chips.js","sources":["../../../../../lib/shared/ui/chips/Chips.tsx"],"sourcesContent":["import { type AllowedIcons, Icon } from '../icon'\nimport { cn } from '$/shared/utils/cn'\n\ntype ChipsClasses = {\n  root?: string\n  icon?: string\n}\n\nexport interface ChipsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'> {\n  icon?: AllowedIcons\n  classes?: ChipsClasses\n}\n\nexport const Chips = ({ icon, children, classes, ...props }: ChipsProps) => (\n  <div\n    {...props}\n    className={cn(\n      'desk-body-regular-l flex gap-x-1 rounded-sm bg-color-blue-grey-100 px-2 py-1 text-color-tetriary',\n      classes?.root\n    )}\n  >\n    {icon && <Icon name={icon} className={cn('size-6', classes?.icon)} />}\n    {children}\n  </div>\n)\n"],"names":["Chips","icon","children","classes","props","jsxs","cn","jsx","Icon"],"mappings":"gIAaO,MAAMA,EAAQ,CAAC,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAS,GAAGC,KAClDC,EAAC,MAAA,CACE,GAAGD,EACJ,UAAWE,EACT,mGACAH,GAAS,IAAA,EAGV,SAAA,CAAAF,GAAQM,EAACC,GAAK,KAAMP,EAAM,UAAWK,EAAG,SAAUH,GAAS,IAAI,CAAA,CAAG,EAClED,CAAA,CAAA,CACH"}

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 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};
+import{jsxs as p,jsx as a}from"react/jsx-runtime";import{linkIconConfig as k,customLinkConfig as e}from"./model/helpers.js";import{cn as i}from"../../utils/cn.js";import{Icon as l}from"../icon/Icon.js";const j=({intent:o,children:c,disabled:m,size:t,icon:r,classes:n,withUnderline:f,...s})=>p("a",{className:i(e({intent:o,withUnderline:f,disabled:m,size:t}),n?.link),...s,children:[c,r&&a(l,{name:r,className:i(k({intent:o,disabled:m}),n?.icon)})]});export{j 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":"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"}
+{"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":"0MAqBO,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,GAAS,IAAI,EAAI,GAAGE,EAC/F,SAAA,CAAAN,EACAG,GAAQM,EAACC,EAAA,CAAK,KAAMP,EAAM,UAAWI,EAAGI,EAAe,CAAE,OAAAZ,EAAQ,SAAAE,CAAA,CAAU,EAAGG,GAAS,IAAI,CAAA,CAAG,CAAA,EACjG"}

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"@hookform/resolvers/zod";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};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useRef as c}from"react";import{createPortal as p}from"react-dom";import{cn as u}from"../../utils/cn.js";import{useClickOutside as x}from"../../hooks/useClickOutside.js";import{Heading as g}from"../heading/Heading.js";import{Icon as b}from"../icon/Icon.js";const C=({className:m,children:a,title:t,portal:s=globalThis?.document?.body,...d})=>{const o=c(null),l=c(null),r=()=>{o.current&&o.current.close()};x(l,r);const n=e("dialog",{ref:o,...d,className:"group z-10 border-none",onKeyDown:f=>{f.key==="Escape"&&r()},children:e("div",{className:"fixed inset-0 flex items-center justify-center bg-color-overlay",children:i("div",{ref:l,className:u("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",m),children:[i("div",{className:"flex items-start justify-between gap-4",children:[t&&e(g,{as:"h3",className:"flex-1 text-color-dark",children:t}),e(b,{onClick:r,name:"general/close",className:"ml-auto size-6 cursor-pointer text-icon-dark-hover"})]}),e("div",{className:"mt-4",children:a})]})})});return s?p(n,s):n};export{C as Dialog};
 //# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../lib/shared/ui/dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Heading, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {\n  title?: string\n  portal?: HTMLElement\n}\n\nexport const Dialog = ({ className, children, title, portal = globalThis?.document?.body, ...props }: DialogProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const onClose = () => {\n    if (!dialogRef.current) return\n\n    dialogRef.current.close()\n  }\n\n  useClickOutside(contentRef, onClose)\n\n  const dialog = (\n    <dialog\n      ref={dialogRef}\n      {...props}\n      className='group z-10 border-none'\n      onKeyDown={(event) => {\n        if (event.key === 'Escape') {\n          onClose()\n        }\n      }}\n    >\n      <div className='fixed inset-0 flex items-center justify-center bg-color-overlay'>\n        <div\n          ref={contentRef}\n          className={cn(\n            'w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8',\n            'rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0',\n            className\n          )}\n        >\n          <div className='flex items-start justify-between gap-4'>\n            {title && (\n              <Heading as='h3' className='flex-1 text-color-dark'>\n                {title}\n              </Heading>\n            )}\n            <Icon onClick={onClose} name='general/close' className='ml-auto size-6 cursor-pointer text-icon-dark-hover' />\n          </div>\n          <div className='mt-4'>{children}</div>\n        </div>\n      </div>\n    </dialog>\n  )\n\n  return portal ? createPortal(dialog, portal) : dialog\n}\n"],"names":["Dialog","className","children","title","portal","_a","props","dialogRef","useRef","contentRef","onClose","useClickOutside","dialog","jsx","event","jsxs","cn","Heading","Icon","createPortal"],"mappings":"uvEAWO,MAAMA,GAAS,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,OAAAC,GAASC,MAAA,mCAAY,WAAZ,YAAAA,EAAsB,QAAM,GAAGC,CAAA,IAAyB,CACpH,MAAMC,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EAExCE,EAAU,IAAM,CACfH,EAAU,SAEfA,EAAU,QAAQ,MAAA,CACpB,EAEAI,EAAgBF,EAAYC,CAAO,EAEnC,MAAME,EACJC,EAAC,SAAA,CACC,IAAKN,EACJ,GAAGD,EACJ,UAAU,yBACV,UAAYQ,GAAU,CAChBA,EAAM,MAAQ,UAChBJ,EAAA,CAEJ,EAEA,SAAAG,EAAC,MAAA,CAAI,UAAU,kEACb,SAAAE,EAAC,MAAA,CACC,IAAKN,EACL,UAAWO,EACT,+GACA,8DACAf,CAAA,EAGF,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,yCACZ,SAAA,CAAAZ,KACEc,EAAA,CAAQ,GAAG,KAAK,UAAU,yBACxB,SAAAd,EACH,IAEDe,EAAA,CAAK,QAASR,EAAS,KAAK,gBAAgB,UAAU,oDAAA,CAAqD,CAAA,EAC9G,EACAG,EAAC,MAAA,CAAI,UAAU,OAAQ,SAAAX,CAAA,CAAS,CAAA,CAAA,CAAA,CAClC,CACF,CAAA,CAAA,EAIJ,OAAOE,EAASe,EAAaP,EAAQR,CAAM,EAAIQ,CACjD"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../lib/shared/ui/dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useClickOutside } from '$/shared/hooks'\nimport { Heading, Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {\n  title?: string\n  portal?: HTMLElement\n}\n\nexport const Dialog = ({ className, children, title, portal = globalThis?.document?.body, ...props }: DialogProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const onClose = () => {\n    if (!dialogRef.current) return\n\n    dialogRef.current.close()\n  }\n\n  useClickOutside(contentRef, onClose)\n\n  const dialog = (\n    <dialog\n      ref={dialogRef}\n      {...props}\n      className='group z-10 border-none'\n      onKeyDown={(event) => {\n        if (event.key === 'Escape') {\n          onClose()\n        }\n      }}\n    >\n      <div className='fixed inset-0 flex items-center justify-center bg-color-overlay'>\n        <div\n          ref={contentRef}\n          className={cn(\n            'w-full bg-color-white px-4 py-6 shadow-sm desktop:max-w-[600px] desktop:rounded-md desktop:px-6 desktop:py-8',\n            'rounded-tl-md rounded-tr-md mobile:absolute mobile:bottom-0',\n            className\n          )}\n        >\n          <div className='flex items-start justify-between gap-4'>\n            {title && (\n              <Heading as='h3' className='flex-1 text-color-dark'>\n                {title}\n              </Heading>\n            )}\n            <Icon onClick={onClose} name='general/close' className='ml-auto size-6 cursor-pointer text-icon-dark-hover' />\n          </div>\n          <div className='mt-4'>{children}</div>\n        </div>\n      </div>\n    </dialog>\n  )\n\n  return portal ? createPortal(dialog, portal) : dialog\n}\n"],"names":["Dialog","className","children","title","portal","props","dialogRef","useRef","contentRef","onClose","useClickOutside","dialog","jsx","event","jsxs","cn","Heading","Icon","createPortal"],"mappings":"yTAWO,MAAMA,EAAS,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,OAAAC,EAAS,YAAY,UAAU,KAAM,GAAGC,CAAA,IAAyB,CACpH,MAAMC,EAAYC,EAA0B,IAAI,EAC1CC,EAAaD,EAAuB,IAAI,EAExCE,EAAU,IAAM,CACfH,EAAU,SAEfA,EAAU,QAAQ,MAAA,CACpB,EAEAI,EAAgBF,EAAYC,CAAO,EAEnC,MAAME,EACJC,EAAC,SAAA,CACC,IAAKN,EACJ,GAAGD,EACJ,UAAU,yBACV,UAAYQ,GAAU,CAChBA,EAAM,MAAQ,UAChBJ,EAAA,CAEJ,EAEA,SAAAG,EAAC,MAAA,CAAI,UAAU,kEACb,SAAAE,EAAC,MAAA,CACC,IAAKN,EACL,UAAWO,EACT,+GACA,8DACAd,CAAA,EAGF,SAAA,CAAAa,EAAC,MAAA,CAAI,UAAU,yCACZ,SAAA,CAAAX,KACEa,EAAA,CAAQ,GAAG,KAAK,UAAU,yBACxB,SAAAb,EACH,IAEDc,EAAA,CAAK,QAASR,EAAS,KAAK,gBAAgB,UAAU,oDAAA,CAAqD,CAAA,EAC9G,EACAG,EAAC,MAAA,CAAI,UAAU,OAAQ,SAAAV,CAAA,CAAS,CAAA,CAAA,CAAA,CAClC,CACF,CAAA,CAAA,EAIJ,OAAOE,EAASc,EAAaP,EAAQP,CAAM,EAAIO,CACjD"}

package/dist/lib/shared/ui/divider/Divider.js

@@ -1,2 +1,2 @@
-import{jsx as p}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";import"uuid";import"react";const g=({direction:i="vertical",width:a=i==="vertical"?"1px":"100%",height:r=i==="vertical"?"100%":"1px",className:e,color:t="bg-color-dark",...m})=>{const s=(t==null?void 0:t.startsWith("#"))||(t==null?void 0:t.startsWith("rgb"));return p("div",{...m,style:{width:a,height:r,backgroundColor:s?t:void 0},className:n("",{[t]:!s},e)})};export{g as Divider};
+import{jsx as l}from"react/jsx-runtime";import{cn as n}from"../../utils/cn.js";const m=({direction:t="vertical",width:s=t==="vertical"?"1px":"100%",height:a=t==="vertical"?"100%":"1px",className:e,color:r="bg-color-dark",...o})=>{const i=r?.startsWith("#")||r?.startsWith("rgb");return l("div",{...o,style:{width:s,height:a,backgroundColor:i?r:void 0},className:n("",{[r]:!i},e)})};export{m as Divider};
 //# sourceMappingURL=Divider.js.map

package/dist/lib/shared/ui/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../../../../lib/shared/ui/divider/Divider.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\ntype Color = `#${string}` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | string\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Направление разделителя\n   * @default vertical\n   */\n  direction?: 'vertical' | 'horizontal'\n  /**\n   * Ширина разделителя. Определяется автоматически в зависимости от `direction`:\n   * 1px если `direction: 'vertical'`, 100% если `direction: 'horizontal'`\n   */\n  width?: string | number\n  /**\n   * Высота разделителя. Определяется автоматически в зависимости от `direction`:\n   * 100% если `direction: 'vertical'`, 1px если `direction: 'horizontal'`\n   */\n  height?: string | number\n  /**\n   * Цвет разделителя\n   */\n  color?: Color\n}\n\nexport const Divider = ({\n  direction = 'vertical',\n  width = direction === 'vertical' ? '1px' : '100%',\n  height = direction === 'vertical' ? '100%' : '1px',\n  className,\n  color = 'bg-color-dark',\n  ...props\n}: DividerProps) => {\n  const isInlineColor = color?.startsWith('#') || color?.startsWith('rgb')\n  return (\n    <div\n      {...props}\n      style={{ width, height, backgroundColor: isInlineColor ? color : undefined }}\n      className={cn(\n        '',\n        {\n          [color]: !isInlineColor\n        },\n        className\n      )}\n    />\n  )\n}\n"],"names":["Divider","direction","width","height","className","color","props","isInlineColor","jsx","cn"],"mappings":"0GA0BO,MAAMA,EAAU,CAAC,CACtB,UAAAC,EAAY,WACZ,MAAAC,EAAQD,IAAc,WAAa,MAAQ,OAC3C,OAAAE,EAASF,IAAc,WAAa,OAAS,MAC7C,UAAAG,EACA,MAAAC,EAAQ,gBACR,GAAGC,CACL,IAAoB,CAClB,MAAMC,GAAgBF,GAAA,YAAAA,EAAO,WAAW,QAAQA,GAAA,YAAAA,EAAO,WAAW,QAClE,OACEG,EAAC,MAAA,CACE,GAAGF,EACJ,MAAO,CAAE,MAAAJ,EAAO,OAAAC,EAAQ,gBAAiBI,EAAgBF,EAAQ,MAAA,EACjE,UAAWI,EACT,GACA,CACE,CAACJ,CAAK,EAAG,CAACE,CAAA,EAEZH,CAAA,CACF,CAAA,CAGN"}
+{"version":3,"file":"Divider.js","sources":["../../../../../lib/shared/ui/divider/Divider.tsx"],"sourcesContent":["import { cn } from '$/shared/utils'\n\ntype Color = `#${string}` | `rgb(${number}, ${number}, ${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | string\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Направление разделителя\n   * @default vertical\n   */\n  direction?: 'vertical' | 'horizontal'\n  /**\n   * Ширина разделителя. Определяется автоматически в зависимости от `direction`:\n   * 1px если `direction: 'vertical'`, 100% если `direction: 'horizontal'`\n   */\n  width?: string | number\n  /**\n   * Высота разделителя. Определяется автоматически в зависимости от `direction`:\n   * 100% если `direction: 'vertical'`, 1px если `direction: 'horizontal'`\n   */\n  height?: string | number\n  /**\n   * Цвет разделителя\n   */\n  color?: Color\n}\n\nexport const Divider = ({\n  direction = 'vertical',\n  width = direction === 'vertical' ? '1px' : '100%',\n  height = direction === 'vertical' ? '100%' : '1px',\n  className,\n  color = 'bg-color-dark',\n  ...props\n}: DividerProps) => {\n  const isInlineColor = color?.startsWith('#') || color?.startsWith('rgb')\n  return (\n    <div\n      {...props}\n      style={{ width, height, backgroundColor: isInlineColor ? color : undefined }}\n      className={cn(\n        '',\n        {\n          [color]: !isInlineColor\n        },\n        className\n      )}\n    />\n  )\n}\n"],"names":["Divider","direction","width","height","className","color","props","isInlineColor","jsx","cn"],"mappings":"+EA0BO,MAAMA,EAAU,CAAC,CACtB,UAAAC,EAAY,WACZ,MAAAC,EAAQD,IAAc,WAAa,MAAQ,OAC3C,OAAAE,EAASF,IAAc,WAAa,OAAS,MAC7C,UAAAG,EACA,MAAAC,EAAQ,gBACR,GAAGC,CACL,IAAoB,CAClB,MAAMC,EAAgBF,GAAO,WAAW,GAAG,GAAKA,GAAO,WAAW,KAAK,EACvE,OACEG,EAAC,MAAA,CACE,GAAGF,EACJ,MAAO,CAAE,MAAAJ,EAAO,OAAAC,EAAQ,gBAAiBI,EAAgBF,EAAQ,MAAA,EACjE,UAAWI,EACT,GACA,CACE,CAACJ,CAAK,EAAG,CAACE,CAAA,EAEZH,CAAA,CACF,CAAA,CAGN"}

package/dist/lib/shared/ui/dropdownList/DropdownList.js

@@ -1,2 +1,2 @@
-import{jsx as p}from"react/jsx-runtime";import{useRef as s}from"react";import{useKeyboardNavigation as v}from"./hooks/useKeyboardNavigation.js";import{isOptionActive as _}from"./model/utils.js";import{DropdownItem as I}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as L}from"./ui/Empty.js";import{useClickOutside as R}from"../../hooks/useClickOutside.js";import"react-hook-form";import"@hookform/resolvers/zod";import{cn as g}from"../../utils/cn.js";import"uuid";const H=({options:i,multiple:n,onPick:t,value:d,className:l,displayValue:h,classes:o,target:f,empty:w="",...x})=>{const a=s(null),{refs:c,focusedIndex:y,setFocusedIndex:u}=v({options:i,multiple:n,onPick:t,value:d}),b=e=>{var r,m;t==null||t(e),f&&f.current&&((m=(r=f.current)==null?void 0:r.querySelector("input"))==null||m.focus())};return R(a,()=>u(-1)),p("ul",{...x,ref:c.setRoot(),className:g("customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]",o==null?void 0:o.root,l),children:i.length>0?i.map((e,r)=>{const m=_(e,d);return p(I,{ref:c.setReference,item:e,active:m,focused:y===r,multiple:n,onPick:b,displayValue:h,onMouseEnter:()=>u(r),onMouseLeave:()=>u(-1),classes:o==null?void 0:o.item,"data-id":`list-item-${r}`},r)}):p(L,{children:w})})};export{H as DropdownList};
+import{jsx as s}from"react/jsx-runtime";import{useRef as b}from"react";import{useKeyboardNavigation as v}from"./hooks/useKeyboardNavigation.js";import{cn as _}from"../../utils/cn.js";import{DropdownItem as I}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as L}from"./ui/Empty.js";import{useClickOutside as R}from"../../hooks/useClickOutside.js";import{isOptionActive as g}from"./model/utils.js";const q=({options:r,multiple:c,onPick:i,value:n,className:l,displayValue:p,classes:f,target:t,empty:d="",...a})=>{const h=b(null),{refs:u,focusedIndex:w,setFocusedIndex:m}=v({options:r,multiple:c,onPick:i,value:n}),x=o=>{i?.(o),t&&t.current&&t.current?.querySelector("input")?.focus()};return R(h,()=>m(-1)),s("ul",{...a,ref:u.setRoot(),className:_("customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]",f?.root,l),children:r.length>0?r.map((o,e)=>{const y=g(o,n);return s(I,{ref:u.setReference,item:o,active:y,focused:w===e,multiple:c,onPick:x,displayValue:p,onMouseEnter:()=>m(e),onMouseLeave:()=>m(-1),classes:f?.item,"data-id":`list-item-${e}`},e)}):s(L,{children:d})})};export{q as DropdownList};
 //# sourceMappingURL=DropdownList.js.map

package/dist/lib/shared/ui/dropdownList/DropdownList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownList.js","sources":["../../../../../lib/shared/ui/dropdownList/DropdownList.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useKeyboardNavigation } from './hooks'\nimport { isOptionActive } from './model'\nimport { DropdownItem, type DropdownItemClasses, type DropdownItemOption, EmptyList } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type DropdownListClasses = {\n  root?: string\n  item?: DropdownItemClasses\n}\n\nexport interface DropdownListProps<Multi extends boolean = false> extends React.HTMLAttributes<HTMLUListElement> {\n  options: DropdownItemOption[]\n  /**\n   * Значения выбранные по умолчанию\n   */\n  value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n  /**\n   * Функция при выборе значения из списка\n   * @param item\n   */\n  onPick?: (item: DropdownItemOption) => void\n  /**\n   * Поддержка множественного выбора\n   */\n  multiple?: Multi\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: DropdownItemOption) => string\n  /**\n   * Дополнительные стили\n   */\n  classes?: DropdownListClasses\n  /**\n   * Целевая нода, с которой будет взаимодействовать список\n   */\n  target?: React.RefObject<HTMLElement>\n  /**\n   * Отображаемое содержимое при пустом списке\n   */\n  empty?: React.ReactNode\n}\n\nexport const DropdownList = <Multi extends boolean>({\n  options,\n  multiple,\n  onPick,\n  value,\n  className,\n  displayValue,\n  classes,\n  target,\n  empty = '',\n  ...props\n}: DropdownListProps<Multi>) => {\n  const ref = useRef<HTMLUListElement>(null)\n\n  const { refs, focusedIndex, setFocusedIndex } = useKeyboardNavigation<HTMLUListElement, HTMLLIElement, Multi>({\n    options,\n    multiple,\n    onPick,\n    value\n  })\n\n  const elementPickHandler = (item: DropdownItemOption) => {\n    onPick?.(item)\n\n    if (target && target.current) {\n      target.current?.querySelector('input')?.focus()\n    }\n  }\n\n  useClickOutside(ref, () => setFocusedIndex(-1))\n\n  return (\n    <ul\n      {...props}\n      ref={refs.setRoot()}\n      className={cn(\n        'customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]',\n        classes?.root,\n        className\n      )}\n    >\n      {options.length > 0 ? (\n        options.map((option, index) => {\n          const active = isOptionActive(option, value)\n\n          return (\n            <DropdownItem\n              ref={refs.setReference}\n              key={index}\n              item={option}\n              active={active}\n              focused={focusedIndex === index}\n              multiple={multiple}\n              onPick={elementPickHandler}\n              displayValue={displayValue}\n              onMouseEnter={() => setFocusedIndex(index)}\n              onMouseLeave={() => setFocusedIndex(-1)}\n              classes={classes?.item}\n              data-id={`list-item-${index}`}\n            />\n          )\n        })\n      ) : (\n        <EmptyList>{empty}</EmptyList>\n      )}\n    </ul>\n  )\n}\n"],"names":["DropdownList","options","multiple","onPick","value","className","displayValue","classes","target","empty","props","ref","useRef","refs","focusedIndex","setFocusedIndex","useKeyboardNavigation","elementPickHandler","item","_b","_a","useClickOutside","jsx","cn","option","index","active","isOptionActive","DropdownItem","EmptyList"],"mappings":"0dA6CO,MAAMA,EAAe,CAAwB,CAClD,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,GACR,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAMC,EAAyB,IAAI,EAEnC,CAAE,KAAAC,EAAM,aAAAC,EAAc,gBAAAC,CAAA,EAAoBC,EAA8D,CAC5G,QAAAf,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CAAA,CACD,EAEKa,EAAsBC,GAA6B,SACvDf,GAAA,MAAAA,EAASe,GAELV,GAAUA,EAAO,WACnBW,GAAAC,EAAAZ,EAAO,UAAP,YAAAY,EAAgB,cAAc,WAA9B,MAAAD,EAAwC,QAE5C,EAEA,OAAAE,EAAgBV,EAAK,IAAMI,EAAgB,EAAE,CAAC,EAG5CO,EAAC,KAAA,CACE,GAAGZ,EACJ,IAAKG,EAAK,QAAA,EACV,UAAWU,EACT,sJACAhB,GAAA,YAAAA,EAAS,KACTF,CAAA,EAGD,WAAQ,OAAS,EAChBJ,EAAQ,IAAI,CAACuB,EAAQC,IAAU,CAC7B,MAAMC,EAASC,EAAeH,EAAQpB,CAAK,EAE3C,OACEkB,EAACM,EAAA,CACC,IAAKf,EAAK,aAEV,KAAMW,EACN,OAAAE,EACA,QAASZ,IAAiBW,EAC1B,SAAAvB,EACA,OAAQe,EACR,aAAAX,EACA,aAAc,IAAMS,EAAgBU,CAAK,EACzC,aAAc,IAAMV,EAAgB,EAAE,EACtC,QAASR,GAAA,YAAAA,EAAS,KAClB,UAAS,aAAakB,CAAK,EAAA,EAVtBA,CAAA,CAaX,CAAC,EAEDH,EAACO,EAAA,CAAW,SAAApB,CAAA,CAAM,CAAA,CAAA,CAI1B"}
+{"version":3,"file":"DropdownList.js","sources":["../../../../../lib/shared/ui/dropdownList/DropdownList.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useKeyboardNavigation } from './hooks'\nimport { isOptionActive } from './model'\nimport { DropdownItem, type DropdownItemClasses, type DropdownItemOption, EmptyList } from './ui'\nimport { useClickOutside } from '$/shared/hooks'\nimport { cn } from '$/shared/utils'\n\nexport type DropdownListClasses = {\n  root?: string\n  item?: DropdownItemClasses\n}\n\nexport interface DropdownListProps<Multi extends boolean = false> extends React.HTMLAttributes<HTMLUListElement> {\n  options: DropdownItemOption[]\n  /**\n   * Значения выбранные по умолчанию\n   */\n  value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n  /**\n   * Функция при выборе значения из списка\n   * @param item\n   */\n  onPick?: (item: DropdownItemOption) => void\n  /**\n   * Поддержка множественного выбора\n   */\n  multiple?: Multi\n  /**\n   * Функция для управления отображаемым значением\n   */\n  displayValue?: (option: DropdownItemOption) => string\n  /**\n   * Дополнительные стили\n   */\n  classes?: DropdownListClasses\n  /**\n   * Целевая нода, с которой будет взаимодействовать список\n   */\n  target?: React.RefObject<HTMLElement>\n  /**\n   * Отображаемое содержимое при пустом списке\n   */\n  empty?: React.ReactNode\n}\n\nexport const DropdownList = <Multi extends boolean>({\n  options,\n  multiple,\n  onPick,\n  value,\n  className,\n  displayValue,\n  classes,\n  target,\n  empty = '',\n  ...props\n}: DropdownListProps<Multi>) => {\n  const ref = useRef<HTMLUListElement>(null)\n\n  const { refs, focusedIndex, setFocusedIndex } = useKeyboardNavigation<HTMLUListElement, HTMLLIElement, Multi>({\n    options,\n    multiple,\n    onPick,\n    value\n  })\n\n  const elementPickHandler = (item: DropdownItemOption) => {\n    onPick?.(item)\n\n    if (target && target.current) {\n      target.current?.querySelector('input')?.focus()\n    }\n  }\n\n  useClickOutside(ref, () => setFocusedIndex(-1))\n\n  return (\n    <ul\n      {...props}\n      ref={refs.setRoot()}\n      className={cn(\n        'customScrollbar-y mt-1 max-h-[264px] w-full overflow-y-auto scroll-smooth rounded-md bg-color-white p-1 shadow-[0_8px_20px_0px_rgba(41,41,41,0.08)]',\n        classes?.root,\n        className\n      )}\n    >\n      {options.length > 0 ? (\n        options.map((option, index) => {\n          const active = isOptionActive(option, value)\n\n          return (\n            <DropdownItem\n              ref={refs.setReference}\n              key={index}\n              item={option}\n              active={active}\n              focused={focusedIndex === index}\n              multiple={multiple}\n              onPick={elementPickHandler}\n              displayValue={displayValue}\n              onMouseEnter={() => setFocusedIndex(index)}\n              onMouseLeave={() => setFocusedIndex(-1)}\n              classes={classes?.item}\n              data-id={`list-item-${index}`}\n            />\n          )\n        })\n      ) : (\n        <EmptyList>{empty}</EmptyList>\n      )}\n    </ul>\n  )\n}\n"],"names":["DropdownList","options","multiple","onPick","value","className","displayValue","classes","target","empty","props","ref","useRef","refs","focusedIndex","setFocusedIndex","useKeyboardNavigation","elementPickHandler","item","useClickOutside","jsx","cn","option","index","active","isOptionActive","DropdownItem","EmptyList"],"mappings":"qZA6CO,MAAMA,EAAe,CAAwB,CAClD,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,MAAAC,EAAQ,GACR,GAAGC,CACL,IAAgC,CAC9B,MAAMC,EAAMC,EAAyB,IAAI,EAEnC,CAAE,KAAAC,EAAM,aAAAC,EAAc,gBAAAC,CAAA,EAAoBC,EAA8D,CAC5G,QAAAf,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CAAA,CACD,EAEKa,EAAsBC,GAA6B,CACvDf,IAASe,CAAI,EAETV,GAAUA,EAAO,SACnBA,EAAO,SAAS,cAAc,OAAO,GAAG,MAAA,CAE5C,EAEA,OAAAW,EAAgBR,EAAK,IAAMI,EAAgB,EAAE,CAAC,EAG5CK,EAAC,KAAA,CACE,GAAGV,EACJ,IAAKG,EAAK,QAAA,EACV,UAAWQ,EACT,sJACAd,GAAS,KACTF,CAAA,EAGD,WAAQ,OAAS,EAChBJ,EAAQ,IAAI,CAACqB,EAAQC,IAAU,CAC7B,MAAMC,EAASC,EAAeH,EAAQlB,CAAK,EAE3C,OACEgB,EAACM,EAAA,CACC,IAAKb,EAAK,aAEV,KAAMS,EACN,OAAAE,EACA,QAASV,IAAiBS,EAC1B,SAAArB,EACA,OAAQe,EACR,aAAAX,EACA,aAAc,IAAMS,EAAgBQ,CAAK,EACzC,aAAc,IAAMR,EAAgB,EAAE,EACtC,QAASR,GAAS,KAClB,UAAS,aAAagB,CAAK,EAAA,EAVtBA,CAAA,CAaX,CAAC,EAEDH,EAACO,EAAA,CAAW,SAAAlB,CAAA,CAAM,CAAA,CAAA,CAI1B"}

package/dist/lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.js

@@ -1,2 +1,2 @@
-import{useState as x,useRef as i,useMemo as I,useEffect as d}from"react";import{isOptionActive as v}from"../model/utils.js";import{scrollTo as m}from"./model/scrollTo.js";const h=({options:r,multiple:b,onPick:a,value:p})=>{const[o,s]=x(0),c=i(null),l=i([]),w=I(()=>({setReference:t=>{t&&l.current.push(t)},setRoot:()=>c}),[]);return d(()=>{if(!c.current)return;const t=c.current;let f=-1;for(let e=0;e<r.length;e+=1)if(v(r[e],p)){s(e),f=e;break}const n=l.current[f];if(n){const e=n.offsetTop-t.offsetTop-4;t.scrollTo({top:e,behavior:"instant"})}},[r]),d(()=>{if(!c.current)return;const t=new AbortController,f=c.current;return window.addEventListener("keydown",n=>{switch(n.key){case"ArrowUp":{n.preventDefault();const u=m(-1,{options:r,focusedIndex:o,container:f,elements:l.current});s(u);break}case"ArrowDown":{n.preventDefault();const u=m(1,{options:r,focusedIndex:o,container:f,elements:l.current});s(u);break}case"Enter":if(n.preventDefault(),o<0)return;const e=r[o];a==null||a(e),b||s(0);break}},{signal:t.signal}),()=>{t.abort()}},[o,r]),{refs:w,focusedIndex:o,setFocusedIndex:s}};export{h as useKeyboardNavigation};
+import{useState as x,useRef as u,useMemo as k,useEffect as i}from"react";import{isOptionActive as I}from"../model/utils.js";import{scrollTo as d}from"./model/scrollTo.js";const g=({options:r,multiple:m,onPick:b,value:p})=>{const[o,c]=x(0),s=u(null),l=u([]),w=k(()=>({setReference:t=>{t&&l.current.push(t)},setRoot:()=>s}),[]);return i(()=>{if(!s.current)return;const t=s.current;let f=-1;for(let e=0;e<r.length;e+=1)if(I(r[e],p)){c(e),f=e;break}const n=l.current[f];if(n){const e=n.offsetTop-t.offsetTop-4;t.scrollTo({top:e,behavior:"instant"})}},[r]),i(()=>{if(!s.current)return;const t=new AbortController,f=s.current;return window.addEventListener("keydown",n=>{switch(n.key){case"ArrowUp":{n.preventDefault();const a=d(-1,{options:r,focusedIndex:o,container:f,elements:l.current});c(a);break}case"ArrowDown":{n.preventDefault();const a=d(1,{options:r,focusedIndex:o,container:f,elements:l.current});c(a);break}case"Enter":if(n.preventDefault(),o<0)return;const e=r[o];b?.(e),m||c(0);break}},{signal:t.signal}),()=>{t.abort()}},[o,r]),{refs:w,focusedIndex:o,setFocusedIndex:c}};export{g as useKeyboardNavigation};
 //# sourceMappingURL=useKeyboardNavigation.js.map

package/dist/lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\nimport { isOptionActive } from '../model'\nimport { type DropdownItemOption } from '../ui/dropdownItem'\nimport { scrollTo } from './model'\n\nexport type UseKeyboardNavigationProps<Multi extends boolean> = {\n  options: DropdownItemOption[]\n  multiple?: Multi\n  onPick?: (option: DropdownItemOption) => void\n  value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n}\n\nexport const useKeyboardNavigation = <Container extends HTMLElement, Element extends HTMLElement, Multi extends boolean = false>({\n  options,\n  multiple,\n  onPick,\n  value\n}: UseKeyboardNavigationProps<Multi>) => {\n  const [focusedIndex, setFocusedIndex] = useState<number>(0)\n\n  const containerRef = useRef<Container>(null)\n  const itemRefs = useRef<Element[]>([])\n\n  const refs = useMemo(\n    () => ({\n      setReference: (node: Element | null) => {\n        if (node) itemRefs.current.push(node)\n      },\n      setRoot: () => containerRef\n    }),\n    []\n  )\n\n  // find and scroll to active element if exists\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const container = containerRef.current\n    let activeIndex = -1\n\n    for (let i = 0; i < options.length; i += 1) {\n      if (isOptionActive(options[i], value)) {\n        setFocusedIndex(i)\n        activeIndex = i\n        break\n      }\n    }\n\n    const scrollElement = itemRefs.current[activeIndex]\n\n    if (scrollElement) {\n      const scrollTop = scrollElement.offsetTop - container.offsetTop - 4\n\n      container.scrollTo({\n        top: scrollTop,\n        behavior: 'instant'\n      })\n    }\n  }, [options])\n\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const abortController = new AbortController()\n    const container = containerRef.current\n\n    window.addEventListener(\n      'keydown',\n      (event) => {\n        switch (event.key) {\n          case 'ArrowUp': {\n            event.preventDefault()\n\n            const nextIndex = scrollTo(-1, { options, focusedIndex, container, elements: itemRefs.current })\n            setFocusedIndex(nextIndex)\n\n            break\n          }\n          case 'ArrowDown': {\n            event.preventDefault()\n\n            const nextIndex = scrollTo(1, { options, focusedIndex, container, elements: itemRefs.current })\n            setFocusedIndex(nextIndex)\n\n            break\n          }\n          case 'Enter':\n            event.preventDefault()\n\n            if (focusedIndex < 0) return\n\n            const selectedItem = options[focusedIndex]\n            onPick?.(selectedItem)\n            if (!multiple) setFocusedIndex(0)\n\n            break\n        }\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [focusedIndex, options])\n\n  return { refs, focusedIndex, setFocusedIndex }\n}\n"],"names":["useKeyboardNavigation","options","multiple","onPick","value","focusedIndex","setFocusedIndex","useState","containerRef","useRef","itemRefs","refs","useMemo","node","useEffect","container","activeIndex","i","isOptionActive","scrollElement","scrollTop","abortController","event","nextIndex","scrollTo","selectedItem"],"mappings":"2KAYO,MAAMA,EAAwB,CAA4F,CAC/H,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CACF,IAAyC,CACvC,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAiB,CAAC,EAEpDC,EAAeC,EAAkB,IAAI,EACrCC,EAAWD,EAAkB,EAAE,EAE/BE,EAAOC,EACX,KAAO,CACL,aAAeC,GAAyB,CAClCA,GAAMH,EAAS,QAAQ,KAAKG,CAAI,CACtC,EACA,QAAS,IAAML,CAAA,GAEjB,CAAA,CAAC,EAIH,OAAAM,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMO,EAAYP,EAAa,QAC/B,IAAIQ,EAAc,GAElB,QAASC,EAAI,EAAGA,EAAIhB,EAAQ,OAAQgB,GAAK,EACvC,GAAIC,EAAejB,EAAQgB,CAAC,EAAGb,CAAK,EAAG,CACrCE,EAAgBW,CAAC,EACjBD,EAAcC,EACd,KACF,CAGF,MAAME,EAAgBT,EAAS,QAAQM,CAAW,EAElD,GAAIG,EAAe,CACjB,MAAMC,EAAYD,EAAc,UAAYJ,EAAU,UAAY,EAElEA,EAAU,SAAS,CACjB,IAAKK,EACL,SAAU,SAAA,CACX,CACH,CACF,EAAG,CAACnB,CAAO,CAAC,EAEZa,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMa,EAAkB,IAAI,gBACtBN,EAAYP,EAAa,QAE/B,cAAO,iBACL,UACCc,GAAU,CACT,OAAQA,EAAM,IAAA,CACZ,IAAK,UAAW,CACdA,EAAM,eAAA,EAEN,MAAMC,EAAYC,EAAS,GAAI,CAAE,QAAAvB,EAAS,aAAAI,EAAc,UAAAU,EAAW,SAAUL,EAAS,QAAS,EAC/FJ,EAAgBiB,CAAS,EAEzB,KACF,CACA,IAAK,YAAa,CAChBD,EAAM,eAAA,EAEN,MAAMC,EAAYC,EAAS,EAAG,CAAE,QAAAvB,EAAS,aAAAI,EAAc,UAAAU,EAAW,SAAUL,EAAS,QAAS,EAC9FJ,EAAgBiB,CAAS,EAEzB,KACF,CACA,IAAK,QAGH,GAFAD,EAAM,eAAA,EAEFjB,EAAe,EAAG,OAEtB,MAAMoB,EAAexB,EAAQI,CAAY,EACzCF,GAAA,MAAAA,EAASsB,GACJvB,GAAUI,EAAgB,CAAC,EAEhC,KAAA,CAEN,EACA,CAAE,OAAQe,EAAgB,MAAA,CAAO,EAG5B,IAAM,CACXA,EAAgB,MAAA,CAClB,CACF,EAAG,CAAChB,EAAcJ,CAAO,CAAC,EAEnB,CAAE,KAAAU,EAAM,aAAAN,EAAc,gBAAAC,CAAA,CAC/B"}
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../lib/shared/ui/dropdownList/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react'\nimport { isOptionActive } from '../model'\nimport { type DropdownItemOption } from '../ui/dropdownItem'\nimport { scrollTo } from './model'\n\nexport type UseKeyboardNavigationProps<Multi extends boolean> = {\n  options: DropdownItemOption[]\n  multiple?: Multi\n  onPick?: (option: DropdownItemOption) => void\n  value?: Multi extends true ? DropdownItemOption[] : DropdownItemOption | null\n}\n\nexport const useKeyboardNavigation = <Container extends HTMLElement, Element extends HTMLElement, Multi extends boolean = false>({\n  options,\n  multiple,\n  onPick,\n  value\n}: UseKeyboardNavigationProps<Multi>) => {\n  const [focusedIndex, setFocusedIndex] = useState<number>(0)\n\n  const containerRef = useRef<Container>(null)\n  const itemRefs = useRef<Element[]>([])\n\n  const refs = useMemo(\n    () => ({\n      setReference: (node: Element | null) => {\n        if (node) itemRefs.current.push(node)\n      },\n      setRoot: () => containerRef\n    }),\n    []\n  )\n\n  // find and scroll to active element if exists\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const container = containerRef.current\n    let activeIndex = -1\n\n    for (let i = 0; i < options.length; i += 1) {\n      if (isOptionActive(options[i], value)) {\n        setFocusedIndex(i)\n        activeIndex = i\n        break\n      }\n    }\n\n    const scrollElement = itemRefs.current[activeIndex]\n\n    if (scrollElement) {\n      const scrollTop = scrollElement.offsetTop - container.offsetTop - 4\n\n      container.scrollTo({\n        top: scrollTop,\n        behavior: 'instant'\n      })\n    }\n  }, [options])\n\n  useEffect(() => {\n    if (!containerRef.current) return\n\n    const abortController = new AbortController()\n    const container = containerRef.current\n\n    window.addEventListener(\n      'keydown',\n      (event) => {\n        switch (event.key) {\n          case 'ArrowUp': {\n            event.preventDefault()\n\n            const nextIndex = scrollTo(-1, { options, focusedIndex, container, elements: itemRefs.current })\n            setFocusedIndex(nextIndex)\n\n            break\n          }\n          case 'ArrowDown': {\n            event.preventDefault()\n\n            const nextIndex = scrollTo(1, { options, focusedIndex, container, elements: itemRefs.current })\n            setFocusedIndex(nextIndex)\n\n            break\n          }\n          case 'Enter':\n            event.preventDefault()\n\n            if (focusedIndex < 0) return\n\n            const selectedItem = options[focusedIndex]\n            onPick?.(selectedItem)\n            if (!multiple) setFocusedIndex(0)\n\n            break\n        }\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [focusedIndex, options])\n\n  return { refs, focusedIndex, setFocusedIndex }\n}\n"],"names":["useKeyboardNavigation","options","multiple","onPick","value","focusedIndex","setFocusedIndex","useState","containerRef","useRef","itemRefs","refs","useMemo","node","useEffect","container","activeIndex","i","isOptionActive","scrollElement","scrollTop","abortController","event","nextIndex","scrollTo","selectedItem"],"mappings":"2KAYO,MAAMA,EAAwB,CAA4F,CAC/H,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAAC,CACF,IAAyC,CACvC,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAiB,CAAC,EAEpDC,EAAeC,EAAkB,IAAI,EACrCC,EAAWD,EAAkB,EAAE,EAE/BE,EAAOC,EACX,KAAO,CACL,aAAeC,GAAyB,CAClCA,GAAMH,EAAS,QAAQ,KAAKG,CAAI,CACtC,EACA,QAAS,IAAML,CAAA,GAEjB,CAAA,CAAC,EAIH,OAAAM,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMO,EAAYP,EAAa,QAC/B,IAAIQ,EAAc,GAElB,QAASC,EAAI,EAAGA,EAAIhB,EAAQ,OAAQgB,GAAK,EACvC,GAAIC,EAAejB,EAAQgB,CAAC,EAAGb,CAAK,EAAG,CACrCE,EAAgBW,CAAC,EACjBD,EAAcC,EACd,KACF,CAGF,MAAME,EAAgBT,EAAS,QAAQM,CAAW,EAElD,GAAIG,EAAe,CACjB,MAAMC,EAAYD,EAAc,UAAYJ,EAAU,UAAY,EAElEA,EAAU,SAAS,CACjB,IAAKK,EACL,SAAU,SAAA,CACX,CACH,CACF,EAAG,CAACnB,CAAO,CAAC,EAEZa,EAAU,IAAM,CACd,GAAI,CAACN,EAAa,QAAS,OAE3B,MAAMa,EAAkB,IAAI,gBACtBN,EAAYP,EAAa,QAE/B,cAAO,iBACL,UACCc,GAAU,CACT,OAAQA,EAAM,IAAA,CACZ,IAAK,UAAW,CACdA,EAAM,eAAA,EAEN,MAAMC,EAAYC,EAAS,GAAI,CAAE,QAAAvB,EAAS,aAAAI,EAAc,UAAAU,EAAW,SAAUL,EAAS,QAAS,EAC/FJ,EAAgBiB,CAAS,EAEzB,KACF,CACA,IAAK,YAAa,CAChBD,EAAM,eAAA,EAEN,MAAMC,EAAYC,EAAS,EAAG,CAAE,QAAAvB,EAAS,aAAAI,EAAc,UAAAU,EAAW,SAAUL,EAAS,QAAS,EAC9FJ,EAAgBiB,CAAS,EAEzB,KACF,CACA,IAAK,QAGH,GAFAD,EAAM,eAAA,EAEFjB,EAAe,EAAG,OAEtB,MAAMoB,EAAexB,EAAQI,CAAY,EACzCF,IAASsB,CAAY,EAChBvB,GAAUI,EAAgB,CAAC,EAEhC,KAAA,CAEN,EACA,CAAE,OAAQe,EAAgB,MAAA,CAAO,EAG5B,IAAM,CACXA,EAAgB,MAAA,CAClB,CACF,EAAG,CAAChB,EAAcJ,CAAO,CAAC,EAEnB,CAAE,KAAAU,EAAM,aAAAN,EAAc,gBAAAC,CAAA,CAC/B"}

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

@@ -1,2 +1,2 @@
-import{DropdownItem as t}from"./ui/dropdownItem/DropdownItem.js";import{EmptyList as m}from"./ui/Empty.js";import{DropdownList as f}from"./DropdownList.js";export{t as DropdownItem,f as DropdownList,m as EmptyList};
+import{DropdownList as t}from"./DropdownList.js";import{EmptyList as m}from"./ui/Empty.js";import{DropdownItem as f}from"./ui/dropdownItem/DropdownItem.js";export{f as DropdownItem,t as DropdownList,m as EmptyList};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as c}from"react/jsx-runtime";import{memo as y,forwardRef as v,Fragment as N}from"react";import{CheckboxBase as w}from"../../../formElements/uncontrolled/checkbox/Checkbox.js";import{cn as x}from"../../../../utils/cn.js";import"uuid";const C=v(({item:e,className:t,onPick:o,multiple:n=!1,active:l=!1,focused:s=!1,displayValue:m,classes:a,...f},h)=>{const{label:g,helperText:d,disabled:i,attachment:r}=e,b=n||r||d?"div":N;return p("li",{...f,ref:h,role:"listitem",onClick:u=>o==null?void 0:o(e,u),"data-focused":s,"data-active":l,className:x("desk-body-regular-l w-full cursor-pointer list-none truncate rounded-sm bg-color-white px-2","flex h-12 items-center gap-x-4 text-color-dark","[&:not(:disabled)]:cursor-pointer [&:not(:last-child)]:mb-1 [&>p]:hover:text-color-secondary",{"pointer-events-none text-color-disabled":i,"flex items-center gap-x-4":n,"bg-color-primary-tr-hover text-color-primary-hover":l||s,"gap-x-3":r&&r.left},a==null?void 0:a.root,t),children:[n?c(w,{checked:l,disabled:i}):r&&r.left,p(b,{children:[m?m(e):g,d&&c("p",{className:x("desk-body-regular-s text-color-tetriary",{"text-color-disabled":i}),children:d})]}),r&&r.right&&c("div",{className:"ml-auto",children:r.right})]})}),S=y(C,(e,t)=>JSON.stringify(e)===JSON.stringify(t));export{S as DropdownItem};
+import{jsxs as d,jsx as a}from"react/jsx-runtime";import{memo as y,forwardRef as k,Fragment as v}from"react";import{cn as m}from"../../../../utils/cn.js";import{CheckboxBase as N}from"../../../formElements/uncontrolled/checkbox/Checkbox.js";const w=k(({item:e,className:o,onPick:p,multiple:t=!1,active:n=!1,focused:c=!1,displayValue:i,classes:x,...f},h)=>{const{label:g,helperText:l,disabled:s,attachment:r}=e,b=t||r||l?"div":v;return d("li",{...f,ref:h,role:"listitem",onClick:u=>p?.(e,u),"data-focused":c,"data-active":n,className:m("desk-body-regular-l w-full cursor-pointer list-none truncate rounded-sm bg-color-white px-2","flex h-12 items-center gap-x-4 text-color-dark","[&:not(:disabled)]:cursor-pointer [&:not(:last-child)]:mb-1 [&>p]:hover:text-color-secondary",{"pointer-events-none text-color-disabled":s,"flex items-center gap-x-4":t,"bg-color-primary-tr-hover text-color-primary-hover":n||c,"gap-x-3":r&&r.left},x?.root,o),children:[t?a(N,{checked:n,disabled:s}):r&&r.left,d(b,{children:[i?i(e):g,l&&a("p",{className:m("desk-body-regular-s text-color-tetriary",{"text-color-disabled":s}),children:l})]}),r&&r.right&&a("div",{className:"ml-auto",children:r.right})]})}),O=y(w,(e,o)=>JSON.stringify(e)===JSON.stringify(o));export{O as DropdownItem};
 //# sourceMappingURL=DropdownItem.js.map

package/dist/lib/shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../../../../../lib/shared/ui/dropdownList/ui/dropdownItem/DropdownItem.tsx"],"sourcesContent":["import { forwardRef, Fragment, memo } from 'react'\nimport type { DropdownItemOption } from './model'\nimport { CheckboxBase } from '$/shared/ui/formElements/uncontrolled/checkbox'\nimport { cn } from '$/shared/utils'\n\nexport type DropdownItemClasses = {\n  root?: string\n}\n\nexport interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'children'> {\n  item: DropdownItemOption\n  onPick?: (value: DropdownItemOption, event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void\n  multiple?: boolean\n  active?: boolean\n  focused?: boolean\n  disabled?: boolean\n  displayValue?: (option: DropdownItemOption) => string\n  classes?: DropdownItemClasses\n}\n\nconst InnerComponent = forwardRef<HTMLLIElement, DropdownItemProps>(\n  ({ item, className, onPick, multiple = false, active = false, focused = false, displayValue, classes, ...props }, ref) => {\n    const { label, helperText, disabled, attachment } = item\n    const ContentWrapper = multiple || attachment || helperText ? 'div' : Fragment\n\n    return (\n      <li\n        {...props}\n        ref={ref}\n        role='listitem'\n        onClick={(event) => onPick?.(item, event)}\n        data-focused={focused}\n        data-active={active}\n        className={cn(\n          'desk-body-regular-l w-full cursor-pointer list-none truncate rounded-sm bg-color-white px-2',\n          'flex h-12 items-center gap-x-4 text-color-dark',\n          '[&:not(:disabled)]:cursor-pointer [&:not(:last-child)]:mb-1 [&>p]:hover:text-color-secondary',\n          {\n            'pointer-events-none text-color-disabled': disabled,\n            'flex items-center gap-x-4': multiple,\n            'bg-color-primary-tr-hover text-color-primary-hover': active || focused,\n            'gap-x-3': attachment && attachment.left\n          },\n          classes?.root,\n          className\n        )}\n      >\n        {multiple ? <CheckboxBase checked={active} disabled={disabled} /> : attachment && attachment.left}\n        <ContentWrapper>\n          {displayValue ? displayValue(item) : label}\n          {helperText && (\n            <p\n              className={cn('desk-body-regular-s text-color-tetriary', {\n                'text-color-disabled': disabled\n              })}\n            >\n              {helperText}\n            </p>\n          )}\n        </ContentWrapper>\n        {attachment && attachment.right && <div className='ml-auto'>{attachment.right}</div>}\n      </li>\n    )\n  }\n)\n\nexport const DropdownItem = memo(InnerComponent, (prevProps, nextProps) => {\n  return JSON.stringify(prevProps) === JSON.stringify(nextProps)\n})\n"],"names":["InnerComponent","forwardRef","item","className","onPick","multiple","active","focused","displayValue","classes","props","ref","label","helperText","disabled","attachment","ContentWrapper","Fragment","jsxs","event","cn","CheckboxBase","jsx","DropdownItem","memo","prevProps","nextProps"],"mappings":"8PAoBA,MAAMA,EAAiBC,EACrB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,OAAAC,EAAQ,SAAAC,EAAW,GAAO,OAAAC,EAAS,GAAO,QAAAC,EAAU,GAAO,aAAAC,EAAc,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CACxH,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,SAAAC,EAAU,WAAAC,GAAeb,EAC9Cc,EAAiBX,GAAYU,GAAcF,EAAa,MAAQI,EAEtE,OACEC,EAAC,KAAA,CACE,GAAGR,EACJ,IAAAC,EACA,KAAK,WACL,QAAUQ,GAAUf,GAAA,YAAAA,EAASF,EAAMiB,GACnC,eAAcZ,EACd,cAAaD,EACb,UAAWc,EACT,8FACA,iDACA,+FACA,CACE,0CAA2CN,EAC3C,4BAA6BT,EAC7B,qDAAsDC,GAAUC,EAChE,UAAWQ,GAAcA,EAAW,IAAA,EAEtCN,GAAA,YAAAA,EAAS,KACTN,CAAA,EAGD,SAAA,CAAAE,IAAYgB,EAAA,CAAa,QAASf,EAAQ,SAAAQ,EAAoB,EAAKC,GAAcA,EAAW,OAC5FC,EAAA,CACE,SAAA,CAAAR,EAAeA,EAAaN,CAAI,EAAIU,EACpCC,GACCS,EAAC,IAAA,CACC,UAAWF,EAAG,0CAA2C,CACvD,sBAAuBN,CAAA,CACxB,EAEA,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCE,GAAcA,EAAW,OAASO,EAAC,OAAI,UAAU,UAAW,WAAW,KAAA,CAAM,CAAA,CAAA,CAAA,CAGpF,CACF,EAEaC,EAAeC,EAAKxB,EAAgB,CAACyB,EAAWC,IACpD,KAAK,UAAUD,CAAS,IAAM,KAAK,UAAUC,CAAS,CAC9D"}
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../../../lib/shared/ui/dropdownList/ui/dropdownItem/DropdownItem.tsx"],"sourcesContent":["import { forwardRef, Fragment, memo } from 'react'\nimport type { DropdownItemOption } from './model'\nimport { CheckboxBase } from '$/shared/ui/formElements/uncontrolled/checkbox'\nimport { cn } from '$/shared/utils'\n\nexport type DropdownItemClasses = {\n  root?: string\n}\n\nexport interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'children'> {\n  item: DropdownItemOption\n  onPick?: (value: DropdownItemOption, event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void\n  multiple?: boolean\n  active?: boolean\n  focused?: boolean\n  disabled?: boolean\n  displayValue?: (option: DropdownItemOption) => string\n  classes?: DropdownItemClasses\n}\n\nconst InnerComponent = forwardRef<HTMLLIElement, DropdownItemProps>(\n  ({ item, className, onPick, multiple = false, active = false, focused = false, displayValue, classes, ...props }, ref) => {\n    const { label, helperText, disabled, attachment } = item\n    const ContentWrapper = multiple || attachment || helperText ? 'div' : Fragment\n\n    return (\n      <li\n        {...props}\n        ref={ref}\n        role='listitem'\n        onClick={(event) => onPick?.(item, event)}\n        data-focused={focused}\n        data-active={active}\n        className={cn(\n          'desk-body-regular-l w-full cursor-pointer list-none truncate rounded-sm bg-color-white px-2',\n          'flex h-12 items-center gap-x-4 text-color-dark',\n          '[&:not(:disabled)]:cursor-pointer [&:not(:last-child)]:mb-1 [&>p]:hover:text-color-secondary',\n          {\n            'pointer-events-none text-color-disabled': disabled,\n            'flex items-center gap-x-4': multiple,\n            'bg-color-primary-tr-hover text-color-primary-hover': active || focused,\n            'gap-x-3': attachment && attachment.left\n          },\n          classes?.root,\n          className\n        )}\n      >\n        {multiple ? <CheckboxBase checked={active} disabled={disabled} /> : attachment && attachment.left}\n        <ContentWrapper>\n          {displayValue ? displayValue(item) : label}\n          {helperText && (\n            <p\n              className={cn('desk-body-regular-s text-color-tetriary', {\n                'text-color-disabled': disabled\n              })}\n            >\n              {helperText}\n            </p>\n          )}\n        </ContentWrapper>\n        {attachment && attachment.right && <div className='ml-auto'>{attachment.right}</div>}\n      </li>\n    )\n  }\n)\n\nexport const DropdownItem = memo(InnerComponent, (prevProps, nextProps) => {\n  return JSON.stringify(prevProps) === JSON.stringify(nextProps)\n})\n"],"names":["InnerComponent","forwardRef","item","className","onPick","multiple","active","focused","displayValue","classes","props","ref","label","helperText","disabled","attachment","ContentWrapper","Fragment","jsxs","event","cn","CheckboxBase","jsx","DropdownItem","memo","prevProps","nextProps"],"mappings":"iPAoBA,MAAMA,EAAiBC,EACrB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,OAAAC,EAAQ,SAAAC,EAAW,GAAO,OAAAC,EAAS,GAAO,QAAAC,EAAU,GAAO,aAAAC,EAAc,QAAAC,EAAS,GAAGC,CAAA,EAASC,IAAQ,CACxH,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,SAAAC,EAAU,WAAAC,GAAeb,EAC9Cc,EAAiBX,GAAYU,GAAcF,EAAa,MAAQI,EAEtE,OACEC,EAAC,KAAA,CACE,GAAGR,EACJ,IAAAC,EACA,KAAK,WACL,QAAUQ,GAAUf,IAASF,EAAMiB,CAAK,EACxC,eAAcZ,EACd,cAAaD,EACb,UAAWc,EACT,8FACA,iDACA,+FACA,CACE,0CAA2CN,EAC3C,4BAA6BT,EAC7B,qDAAsDC,GAAUC,EAChE,UAAWQ,GAAcA,EAAW,IAAA,EAEtCN,GAAS,KACTN,CAAA,EAGD,SAAA,CAAAE,IAAYgB,EAAA,CAAa,QAASf,EAAQ,SAAAQ,EAAoB,EAAKC,GAAcA,EAAW,OAC5FC,EAAA,CACE,SAAA,CAAAR,EAAeA,EAAaN,CAAI,EAAIU,EACpCC,GACCS,EAAC,IAAA,CACC,UAAWF,EAAG,0CAA2C,CACvD,sBAAuBN,CAAA,CACxB,EAEA,SAAAD,CAAA,CAAA,CACH,EAEJ,EACCE,GAAcA,EAAW,OAASO,EAAC,OAAI,UAAU,UAAW,WAAW,KAAA,CAAM,CAAA,CAAA,CAAA,CAGpF,CACF,EAEaC,EAAeC,EAAKxB,EAAgB,CAACyB,EAAWC,IACpD,KAAK,UAAUD,CAAS,IAAM,KAAK,UAAUC,CAAS,CAC9D"}

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

@@ -1,2 +1,2 @@
-import{DropdownItem as t}from"./dropdownItem/DropdownItem.js";import{EmptyList as p}from"./Empty.js";export{t as DropdownItem,p as EmptyList};
+import{EmptyList as t}from"./Empty.js";import{DropdownItem as p}from"./dropdownItem/DropdownItem.js";export{p as DropdownItem,t as EmptyList};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/floatButton/FloatButton.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as p}from"react/jsx-runtime";import{Button as x}from"../button/Button.js";import"../button/model/helpers.js";import{ResponsiveContainer as d}from"../responsiveContainer/ResponsiveContainer.js";import{cn as o}from"../../utils/cn.js";import"uuid";import"react";const _=({isVisible:r,classes:t,children:n,buttonProps:i})=>m(d,{className:o("fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden",{"translate-y-[100%]":!r},t==null?void 0:t.root),children:[n,p(x,{size:"lg",className:o("m-auto w-full",t==null?void 0:t.button),...i,children:"Оформить заявку"})]});export{_ as FloatButton};
+import{jsxs as a,jsx as i}from"react/jsx-runtime";import{ResponsiveContainer as l}from"../responsiveContainer/ResponsiveContainer.js";import{cn as o}from"../../utils/cn.js";import{Button as s}from"../button/Button.js";const f=({isVisible:r,classes:t,children:n,buttonProps:e})=>a(l,{className:o("fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden",{"translate-y-[100%]":!r},t?.root),children:[n,i(s,{size:"lg",className:o("m-auto w-full",t?.button),...e,children:"Оформить заявку"})]});export{f as FloatButton};
 //# sourceMappingURL=FloatButton.js.map

package/dist/lib/shared/ui/floatButton/FloatButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatButton.js","sources":["../../../../../lib/shared/ui/floatButton/FloatButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button'\nimport { ResponsiveContainer } from '../responsiveContainer'\nimport { cn } from '$/shared/utils'\n\ntype FloatButtonClasses = {\n  root?: string\n  button?: string\n}\n\nexport interface FloatButtonProps {\n  isVisible: boolean\n  classes?: FloatButtonClasses\n  children: React.ReactElement\n  buttonProps?: ButtonProps\n}\n\nexport const FloatButton = ({ isVisible, classes, children, buttonProps }: FloatButtonProps) => {\n  return (\n    <ResponsiveContainer\n      className={cn(\n        'fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden',\n        { 'translate-y-[100%]': !isVisible },\n        classes?.root\n      )}\n    >\n      {children}\n      <Button size='lg' className={cn('m-auto w-full', classes?.button)} {...buttonProps}>\n        Оформить заявку\n      </Button>\n    </ResponsiveContainer>\n  )\n}\n"],"names":["FloatButton","isVisible","classes","children","buttonProps","jsxs","ResponsiveContainer","cn","jsx","Button"],"mappings":"wRAgBO,MAAMA,EAAc,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,YAAAC,KAExDC,EAACC,EAAA,CACC,UAAWC,EACT,iNACA,CAAE,qBAAsB,CAACN,CAAA,EACzBC,GAAA,YAAAA,EAAS,IAAA,EAGV,SAAA,CAAAC,EACDK,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWF,EAAG,gBAAiBL,GAAA,YAAAA,EAAS,MAAM,EAAI,GAAGE,EAAa,SAAA,iBAAA,CAEpF,CAAA,CAAA,CAAA"}
+{"version":3,"file":"FloatButton.js","sources":["../../../../../lib/shared/ui/floatButton/FloatButton.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button'\nimport { ResponsiveContainer } from '../responsiveContainer'\nimport { cn } from '$/shared/utils'\n\ntype FloatButtonClasses = {\n  root?: string\n  button?: string\n}\n\nexport interface FloatButtonProps {\n  isVisible: boolean\n  classes?: FloatButtonClasses\n  children: React.ReactElement\n  buttonProps?: ButtonProps\n}\n\nexport const FloatButton = ({ isVisible, classes, children, buttonProps }: FloatButtonProps) => {\n  return (\n    <ResponsiveContainer\n      className={cn(\n        'fixed bottom-0 left-1/2 z-[60] w-full max-w-[604px] -translate-x-1/2 translate-y-0 rounded-t-lg bg-color-white px-6 py-4 shadow-[0px_-6px_8px_0px_#2929290A] transition-transform duration-1000 desktop:hidden',\n        { 'translate-y-[100%]': !isVisible },\n        classes?.root\n      )}\n    >\n      {children}\n      <Button size='lg' className={cn('m-auto w-full', classes?.button)} {...buttonProps}>\n        Оформить заявку\n      </Button>\n    </ResponsiveContainer>\n  )\n}\n"],"names":["FloatButton","isVisible","classes","children","buttonProps","jsxs","ResponsiveContainer","cn","jsx","Button"],"mappings":"0NAgBO,MAAMA,EAAc,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,SAAAC,EAAU,YAAAC,KAExDC,EAACC,EAAA,CACC,UAAWC,EACT,iNACA,CAAE,qBAAsB,CAACN,CAAA,EACzBC,GAAS,IAAA,EAGV,SAAA,CAAAC,EACDK,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWF,EAAG,gBAAiBL,GAAS,MAAM,EAAI,GAAGE,EAAa,SAAA,iBAAA,CAEpF,CAAA,CAAA,CAAA"}