@scbt-ecom/ui 0.152.6 → 0.153.0

package/dist/lib/shared/ui/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../lib/shared/ui/accordion/Accordion.tsx"],"sourcesContent":["'use client'\n\nimport type * as React from 'react'\nimport { forwardRef, type ReactElement, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { contentAnimation } from './model/helpers'\nimport { AccordionHeader, type AccordionHeaderClasses } from './ui/AccordionHeader'\nimport { cn } from '$/shared/utils'\n\nexport type AccordionClasses = {\n  root?: string\n  wrapper?: string\n  content?: string\n  contentInner?: string\n  header?: AccordionHeaderClasses\n}\n\nexport interface AccordionProps {\n  children: React.ReactNode\n  label: string | ReactElement\n  defaultOpen?: boolean\n  icon?: React.ReactElement\n  classes?: AccordionClasses\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ children, label, classes, defaultOpen = false, icon }, ref) => {\n    const [isOpen, setIsOpen] = useState(defaultOpen)\n    const toggleOpen = () => setIsOpen((prev) => !prev)\n\n    return (\n      <div className={cn('flex flex-col gap-5', classes?.root)}>\n        <div className={cn('w-full disabled:text-color-dark', classes?.wrapper)}>\n          <AccordionHeader icon={icon} classes={classes?.header} isOpen={isOpen} onClick={toggleOpen}>\n            {label}\n          </AccordionHeader>\n          <AnimatePresence mode='sync' initial={false}>\n            {isOpen && (\n              <motion.div\n                ref={ref}\n                {...contentAnimation}\n                className={cn(\n                  'desk-body-regular-l w-full overflow-hidden bg-color-transparent text-color-dark',\n                  classes?.content\n                )}\n              >\n                <div className={cn('p-4 desktop:p-6', classes?.contentInner)}>{children}</div>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n      </div>\n    )\n  }\n)\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","children","label","classes","defaultOpen","icon","ref","isOpen","setIsOpen","useState","toggleOpen","prev","jsx","cn","jsxs","AccordionHeader","AnimatePresence","motion","contentAnimation"],"mappings":"mUAyBO,MAAMA,EAAYC,EACvB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,GAAO,KAAAC,CAAA,EAAQC,IAAQ,CAChE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAASL,CAAW,EAC1CM,EAAa,IAAMF,EAAWG,GAAS,CAACA,CAAI,EAElD,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBV,GAAA,YAAAA,EAAS,IAAI,EACrD,SAAAW,EAAC,OAAI,UAAWD,EAAG,kCAAmCV,GAAA,YAAAA,EAAS,OAAO,EACpE,SAAA,CAAAS,EAACG,EAAA,CAAgB,KAAAV,EAAY,QAASF,GAAA,YAAAA,EAAS,OAAQ,OAAAI,EAAgB,QAASG,EAC7E,SAAAR,CAAA,CACH,IACCc,EAAA,CAAgB,KAAK,OAAO,QAAS,GACnC,SAAAT,GACCK,EAACK,EAAO,IAAP,CACC,IAAAX,EACC,GAAGY,EACJ,UAAWL,EACT,kFACAV,GAAA,YAAAA,EAAS,OAAA,EAGX,SAAAS,EAAC,OAAI,UAAWC,EAAG,kBAAmBV,GAAA,YAAAA,EAAS,YAAY,EAAI,SAAAF,CAAA,CAAS,CAAA,CAAA,CAC1E,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CACF,EAEAF,EAAU,YAAc"}
+{"version":3,"file":"Accordion.js","sources":["../../../../../lib/shared/ui/accordion/Accordion.tsx"],"sourcesContent":["'use client'\n\nimport type * as React from 'react'\nimport { forwardRef, type ReactElement, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { contentAnimation } from './model/helpers'\nimport { AccordionHeader, type AccordionHeaderClasses } from './ui/AccordionHeader'\nimport { cn } from '$/shared/utils'\n\nexport type AccordionClasses = {\n  root?: string\n  wrapper?: string\n  content?: string\n  contentInner?: string\n  header?: AccordionHeaderClasses\n}\n\nexport interface AccordionProps {\n  children: React.ReactNode\n  label: string | ReactElement\n  defaultOpen?: boolean\n  icon?: React.ReactElement\n  classes?: AccordionClasses\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  ({ children, label, classes, defaultOpen = false, icon }, ref) => {\n    const [isOpen, setIsOpen] = useState(defaultOpen)\n    const toggleOpen = () => setIsOpen((prev) => !prev)\n\n    return (\n      <div className={cn('flex flex-col gap-5', classes?.root)}>\n        <div className={cn('w-full disabled:text-color-dark', classes?.wrapper)}>\n          <AccordionHeader icon={icon} classes={classes?.header} isOpen={isOpen} onClick={toggleOpen}>\n            {label}\n          </AccordionHeader>\n          <AnimatePresence mode='sync' initial={false}>\n            {isOpen && (\n              <motion.div\n                ref={ref}\n                {...contentAnimation}\n                className={cn(\n                  'desk-body-regular-l w-full overflow-hidden bg-color-transparent text-color-dark',\n                  classes?.content\n                )}\n              >\n                <div className={cn('p-4 desktop:p-6', classes?.contentInner)}>{children}</div>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n      </div>\n    )\n  }\n)\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","forwardRef","children","label","classes","defaultOpen","icon","ref","isOpen","setIsOpen","useState","toggleOpen","prev","jsx","cn","jsxs","AccordionHeader","AnimatePresence","motion","contentAnimation"],"mappings":"sTAyBO,MAAMA,EAAYC,EACvB,CAAC,CAAE,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,GAAO,KAAAC,CAAA,EAAQC,IAAQ,CAChE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAASL,CAAW,EAC1CM,EAAa,IAAMF,EAAWG,GAAS,CAACA,CAAI,EAElD,OACEC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBV,GAAS,IAAI,EACrD,SAAAW,EAAC,OAAI,UAAWD,EAAG,kCAAmCV,GAAS,OAAO,EACpE,SAAA,CAAAS,EAACG,EAAA,CAAgB,KAAAV,EAAY,QAASF,GAAS,OAAQ,OAAAI,EAAgB,QAASG,EAC7E,SAAAR,CAAA,CACH,IACCc,EAAA,CAAgB,KAAK,OAAO,QAAS,GACnC,SAAAT,GACCK,EAACK,EAAO,IAAP,CACC,IAAAX,EACC,GAAGY,EACJ,UAAWL,EACT,kFACAV,GAAS,OAAA,EAGX,SAAAS,EAAC,OAAI,UAAWC,EAAG,kBAAmBV,GAAS,YAAY,EAAI,SAAAF,CAAA,CAAS,CAAA,CAAA,CAC1E,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CACF,EAEAF,EAAU,YAAc"}

package/dist/lib/shared/ui/accordion/ui/AccordionHeader.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as p}from"react/jsx-runtime";import*as a from"react";import{motion as f}from"framer-motion";import{Icon as u}from"../../icon/Icon.js";import{cn as t}from"../../../utils/cn.js";import"uuid";const b=a.forwardRef(({children:i,classes:r,icon:d,isOpen:e,onClick:n},m)=>o("div",{className:t("rounded-sm bg-color-primary-light-default",r==null?void 0:r.header),children:p("button",{ref:m,type:"button",onClick:n,className:t("group flex w-full cursor-pointer items-center justify-between gap-5 rounded-sm border border-solid border-transparent bg-color-transparent px-4 py-3 outline-0 focus-visible:border-primary-default desktop:px-6 desktop:py-4",r==null?void 0:r.trigger),"data-open":e,children:[o("div",{className:t("desk-body-medium-l flex-1 text-left text-color-dark",r==null?void 0:r.label),children:i}),o(f.div,{animate:{rotate:e?0:180},transition:{duration:.3},children:d||o(u,{name:"arrows/arrowCircle",className:t("size-8 text-icon-blue-grey-800",r==null?void 0:r.icon)})})]})}));b.displayName="AccordionHeader";export{b as AccordionHeader};
+import{jsx as e,jsxs as m}from"react/jsx-runtime";import*as l from"react";import{motion as c}from"framer-motion";import{cn as o}from"../../../utils/cn.js";import{Icon as p}from"../../icon/Icon.js";const s=l.forwardRef(({children:a,classes:r,icon:i,isOpen:t,onClick:d},n)=>e("div",{className:o("rounded-sm bg-color-primary-light-default",r?.header),children:m("button",{ref:n,type:"button",onClick:d,className:o("group flex w-full cursor-pointer items-center justify-between gap-5 rounded-sm border border-solid border-transparent bg-color-transparent px-4 py-3 outline-0 focus-visible:border-primary-default desktop:px-6 desktop:py-4",r?.trigger),"data-open":t,children:[e("div",{className:o("desk-body-medium-l flex-1 text-left text-color-dark",r?.label),children:a}),e(c.div,{animate:{rotate:t?0:180},transition:{duration:.3},children:i||e(p,{name:"arrows/arrowCircle",className:o("size-8 text-icon-blue-grey-800",r?.icon)})})]})}));s.displayName="AccordionHeader";export{s as AccordionHeader};
 //# sourceMappingURL=AccordionHeader.js.map

package/dist/lib/shared/ui/accordion/ui/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sources":["../../../../../../lib/shared/ui/accordion/ui/AccordionHeader.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement } from 'react'\nimport * as React from 'react'\nimport { motion } from 'framer-motion'\nimport { Icon } from '../../icon'\nimport { cn } from '$/shared/utils'\n\nexport type AccordionHeaderClasses = {\n  header?: string\n  trigger?: string\n  label?: string\n  icon?: string\n}\n\ninterface AccordionHeaderProps {\n  isOpen: boolean\n  onClick: () => void\n  children: string | ReactElement\n  icon?: React.ReactElement\n  classes?: AccordionHeaderClasses\n}\n\nexport const AccordionHeader = React.forwardRef<HTMLButtonElement, AccordionHeaderProps>(\n  ({ children, classes, icon, isOpen, onClick }, forwardedRef) => (\n    <div className={cn('rounded-sm bg-color-primary-light-default', classes?.header)}>\n      <button\n        ref={forwardedRef}\n        type='button'\n        onClick={onClick}\n        className={cn(\n          'group flex w-full cursor-pointer items-center justify-between gap-5 rounded-sm border border-solid border-transparent bg-color-transparent px-4 py-3 outline-0 focus-visible:border-primary-default desktop:px-6 desktop:py-4',\n          classes?.trigger\n        )}\n        data-open={isOpen}\n      >\n        <div className={cn('desk-body-medium-l flex-1 text-left text-color-dark', classes?.label)}>{children}</div>\n\n        <motion.div animate={{ rotate: isOpen ? 0 : 180 }} transition={{ duration: 0.3 }}>\n          {icon || <Icon name='arrows/arrowCircle' className={cn('size-8 text-icon-blue-grey-800', classes?.icon)} />}\n        </motion.div>\n      </button>\n    </div>\n  )\n)\n\nAccordionHeader.displayName = 'AccordionHeader'\n"],"names":["AccordionHeader","React","children","classes","icon","isOpen","onClick","forwardedRef","jsx","cn","jsxs","motion","Icon"],"mappings":"kNAuBO,MAAMA,EAAkBC,EAAM,WACnC,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,QAAAC,CAAA,EAAWC,IAC7CC,EAAC,OAAI,UAAWC,EAAG,4CAA6CN,GAAA,YAAAA,EAAS,MAAM,EAC7E,SAAAO,EAAC,SAAA,CACC,IAAKH,EACL,KAAK,SACL,QAAAD,EACA,UAAWG,EACT,gOACAN,GAAA,YAAAA,EAAS,OAAA,EAEX,YAAWE,EAEX,SAAA,CAAAG,EAAC,OAAI,UAAWC,EAAG,sDAAuDN,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAD,EAAS,EAErGM,EAACG,EAAO,IAAP,CAAW,QAAS,CAAE,OAAQN,EAAS,EAAI,GAAA,EAAO,WAAY,CAAE,SAAU,EAAA,EACxE,SAAAD,GAAQI,EAACI,EAAA,CAAK,KAAK,qBAAqB,UAAWH,EAAG,iCAAkCN,GAAA,YAAAA,EAAS,IAAI,CAAA,CAAG,CAAA,CAC3G,CAAA,CAAA,CAAA,CACF,CACF,CAEJ,EAEAH,EAAgB,YAAc"}
+{"version":3,"file":"AccordionHeader.js","sources":["../../../../../../lib/shared/ui/accordion/ui/AccordionHeader.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement } from 'react'\nimport * as React from 'react'\nimport { motion } from 'framer-motion'\nimport { Icon } from '../../icon'\nimport { cn } from '$/shared/utils'\n\nexport type AccordionHeaderClasses = {\n  header?: string\n  trigger?: string\n  label?: string\n  icon?: string\n}\n\ninterface AccordionHeaderProps {\n  isOpen: boolean\n  onClick: () => void\n  children: string | ReactElement\n  icon?: React.ReactElement\n  classes?: AccordionHeaderClasses\n}\n\nexport const AccordionHeader = React.forwardRef<HTMLButtonElement, AccordionHeaderProps>(\n  ({ children, classes, icon, isOpen, onClick }, forwardedRef) => (\n    <div className={cn('rounded-sm bg-color-primary-light-default', classes?.header)}>\n      <button\n        ref={forwardedRef}\n        type='button'\n        onClick={onClick}\n        className={cn(\n          'group flex w-full cursor-pointer items-center justify-between gap-5 rounded-sm border border-solid border-transparent bg-color-transparent px-4 py-3 outline-0 focus-visible:border-primary-default desktop:px-6 desktop:py-4',\n          classes?.trigger\n        )}\n        data-open={isOpen}\n      >\n        <div className={cn('desk-body-medium-l flex-1 text-left text-color-dark', classes?.label)}>{children}</div>\n\n        <motion.div animate={{ rotate: isOpen ? 0 : 180 }} transition={{ duration: 0.3 }}>\n          {icon || <Icon name='arrows/arrowCircle' className={cn('size-8 text-icon-blue-grey-800', classes?.icon)} />}\n        </motion.div>\n      </button>\n    </div>\n  )\n)\n\nAccordionHeader.displayName = 'AccordionHeader'\n"],"names":["AccordionHeader","React","children","classes","icon","isOpen","onClick","forwardedRef","jsx","cn","jsxs","motion","Icon"],"mappings":"qMAuBO,MAAMA,EAAkBC,EAAM,WACnC,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,QAAAC,CAAA,EAAWC,IAC7CC,EAAC,OAAI,UAAWC,EAAG,4CAA6CN,GAAS,MAAM,EAC7E,SAAAO,EAAC,SAAA,CACC,IAAKH,EACL,KAAK,SACL,QAAAD,EACA,UAAWG,EACT,gOACAN,GAAS,OAAA,EAEX,YAAWE,EAEX,SAAA,CAAAG,EAAC,OAAI,UAAWC,EAAG,sDAAuDN,GAAS,KAAK,EAAI,SAAAD,EAAS,EAErGM,EAACG,EAAO,IAAP,CAAW,QAAS,CAAE,OAAQN,EAAS,EAAI,GAAA,EAAO,WAAY,CAAE,SAAU,EAAA,EACxE,SAAAD,GAAQI,EAACI,EAAA,CAAK,KAAK,qBAAqB,UAAWH,EAAG,iCAAkCN,GAAS,IAAI,CAAA,CAAG,CAAA,CAC3G,CAAA,CAAA,CAAA,CACF,CACF,CAEJ,EAEAH,EAAgB,YAAc"}

package/dist/lib/shared/ui/badge/Badge.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{cn as m}from"../../utils/cn.js";import"uuid";import"react";const l=({children:r,className:e,...t})=>o("span",{className:m("desk-body-regular-m flex min-h-6 min-w-6 items-center justify-center text-nowrap rounded-full bg-color-primary-default px-2 py-[2px] text-color-white",e),...t,children:r});export{l as Badge};
+import{jsx as o}from"react/jsx-runtime";import{cn as m}from"../../utils/cn.js";const a=({children:e,className:r,...t})=>o("span",{className:m("desk-body-regular-m flex min-h-6 min-w-6 items-center justify-center text-nowrap rounded-full bg-color-primary-default px-2 py-[2px] text-color-white",r),...t,children:e});export{a as Badge};
 //# sourceMappingURL=Badge.js.map

package/dist/lib/shared/ui/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../lib/shared/ui/badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode\n  className?: string\n}\n\nexport const Badge = ({ children, className, ...props }: BadgeProps) => {\n  return (\n    <span\n      className={cn(\n        'desk-body-regular-m flex min-h-6 min-w-6 items-center justify-center text-nowrap rounded-full bg-color-primary-default px-2 py-[2px] text-color-white',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","children","className","props","jsx","cn"],"mappings":"0GAQO,MAAMA,EAAQ,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAE5CC,EAAC,OAAA,CACC,UAAWC,EACT,wJACAH,CAAA,EAED,GAAGC,EAEH,SAAAF,CAAA,CAAA"}
+{"version":3,"file":"Badge.js","sources":["../../../../../lib/shared/ui/badge/Badge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode\n  className?: string\n}\n\nexport const Badge = ({ children, className, ...props }: BadgeProps) => {\n  return (\n    <span\n      className={cn(\n        'desk-body-regular-m flex min-h-6 min-w-6 items-center justify-center text-nowrap rounded-full bg-color-primary-default px-2 py-[2px] text-color-white',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","children","className","props","jsx","cn"],"mappings":"+EAQO,MAAMA,EAAQ,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,KAE5CC,EAAC,OAAA,CACC,UAAWC,EACT,wJACAH,CAAA,EAED,GAAGC,EAEH,SAAAF,CAAA,CAAA"}

package/dist/lib/shared/ui/brandLogos/BrandLogos.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import"uuid";import"react";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../table/ui/primitives/Primitives.js";import{Icon as r}from"../icon/Icon.js";import"@tanstack/react-table";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const mo={main:o(r,{name:"brandLogos/logoMain"}),white:o(r,{name:"brandLogos/logoWhite"}),gray:o(r,{name:"brandLogos/logoGray"}),black:o(r,{name:"brandLogos/logoBlack"}),business:o(r,{name:"brandLogos/logoBusiness"}),insurance:o(r,{name:"brandLogos/logoInsurance"})};export{mo as brandLogos};
+import{jsx as o}from"react/jsx-runtime";import{Icon as n}from"../icon/Icon.js";const r={main:o(n,{name:"brandLogos/logoMain"}),white:o(n,{name:"brandLogos/logoWhite"}),gray:o(n,{name:"brandLogos/logoGray"}),black:o(n,{name:"brandLogos/logoBlack"}),business:o(n,{name:"brandLogos/logoBusiness"}),insurance:o(n,{name:"brandLogos/logoInsurance"})};export{r as brandLogos};
 //# sourceMappingURL=BrandLogos.js.map

package/dist/lib/shared/ui/brandLogos/BrandLogos.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrandLogos.js","sources":["../../../../../lib/shared/ui/brandLogos/BrandLogos.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Icon } from '$/shared/ui'\n\nexport type BrandLogoVariant = 'main' | 'white' | 'gray' | 'black' | 'business' | 'insurance'\ntype BrandLogosVariants = Record<BrandLogoVariant, ReactElement>\n\nexport const brandLogos: BrandLogosVariants = {\n  main: <Icon name='brandLogos/logoMain' />,\n  white: <Icon name='brandLogos/logoWhite' />,\n  gray: <Icon name='brandLogos/logoGray' />,\n  black: <Icon name='brandLogos/logoBlack' />,\n  business: <Icon name='brandLogos/logoBusiness' />,\n  insurance: <Icon name='brandLogos/logoInsurance' />\n} as const\n"],"names":["brandLogos","jsx","Icon"],"mappings":"wqEAMO,MAAMA,GAAiC,CAC5C,KAAMC,EAACC,EAAA,CAAK,KAAK,qBAAA,CAAsB,EACvC,MAAOD,EAACC,EAAA,CAAK,KAAK,sBAAA,CAAuB,EACzC,KAAMD,EAACC,EAAA,CAAK,KAAK,qBAAA,CAAsB,EACvC,MAAOD,EAACC,EAAA,CAAK,KAAK,sBAAA,CAAuB,EACzC,SAAUD,EAACC,EAAA,CAAK,KAAK,yBAAA,CAA0B,EAC/C,UAAWD,EAACC,EAAA,CAAK,KAAK,0BAAA,CAA2B,CACnD"}
+{"version":3,"file":"BrandLogos.js","sources":["../../../../../lib/shared/ui/brandLogos/BrandLogos.tsx"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { Icon } from '$/shared/ui'\n\nexport type BrandLogoVariant = 'main' | 'white' | 'gray' | 'black' | 'business' | 'insurance'\ntype BrandLogosVariants = Record<BrandLogoVariant, ReactElement>\n\nexport const brandLogos: BrandLogosVariants = {\n  main: <Icon name='brandLogos/logoMain' />,\n  white: <Icon name='brandLogos/logoWhite' />,\n  gray: <Icon name='brandLogos/logoGray' />,\n  black: <Icon name='brandLogos/logoBlack' />,\n  business: <Icon name='brandLogos/logoBusiness' />,\n  insurance: <Icon name='brandLogos/logoInsurance' />\n} as const\n"],"names":["brandLogos","jsx","Icon"],"mappings":"+EAMO,MAAMA,EAAiC,CAC5C,KAAMC,EAACC,EAAA,CAAK,KAAK,qBAAA,CAAsB,EACvC,MAAOD,EAACC,EAAA,CAAK,KAAK,sBAAA,CAAuB,EACzC,KAAMD,EAACC,EAAA,CAAK,KAAK,qBAAA,CAAsB,EACvC,MAAOD,EAACC,EAAA,CAAK,KAAK,sBAAA,CAAuB,EACzC,SAAUD,EAACC,EAAA,CAAK,KAAK,yBAAA,CAA0B,EAC/C,UAAWD,EAACC,EAAA,CAAK,KAAK,0BAAA,CAA2B,CACnD"}

package/dist/lib/shared/ui/button/Button.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as f,Fragment as l}from"react/jsx-runtime";import{forwardRef as d}from"react";import{setButtonLoaderIntent as z,buttonConfig as N}from"./model/helpers.js";import{Loader as B}from"../loader/Loader.js";import{cn as I}from"../../utils/cn.js";import"uuid";const q=d(({intent:o,size:i,className:p,children:e,type:a="button",iconLeft:m,iconRight:n,disabled:c=!1,isLoading:r=!1,isFull:u=!1,textFormat:b,dataLayers:s,...x},j)=>t("button",{ref:j,type:a,"data-layer-id":s==null?void 0:s.targetId,disabled:c||r,className:I(N({intent:o,size:i,textFormat:b,isLoading:r,isFull:u}),p),...typeof e=="string"&&e&&{"aria-label":e},...x,children:f(l,{children:[m&&t("span",{className:"flex size-5 items-center justify-center",children:m}),r?f(l,{children:[e," ",t(B,{size:"sm",intent:z(o)})]}):e,n&&t("span",{className:"flex size-5 items-center justify-center",children:n})]})}));export{q as Button};
+import{jsx as t,jsxs as m,Fragment as n}from"react/jsx-runtime";import{forwardRef as j}from"react";import{setButtonLoaderIntent as y,buttonConfig as z}from"./model/helpers.js";import{cn as N}from"../../utils/cn.js";import{Loader as B}from"../loader/Loader.js";const h=j(({intent:s,size:f,className:l,children:e,type:i="button",iconLeft:a,iconRight:o,disabled:p=!1,isLoading:r=!1,isFull:c=!1,textFormat:u,dataLayers:d,...b},x)=>t("button",{ref:x,type:i,"data-layer-id":d?.targetId,disabled:p||r,className:N(z({intent:s,size:f,textFormat:u,isLoading:r,isFull:c}),l),...typeof e=="string"&&e&&{"aria-label":e},...b,children:m(n,{children:[a&&t("span",{className:"flex size-5 items-center justify-center",children:a}),r?m(n,{children:[e," ",t(B,{size:"sm",intent:y(s)})]}):e,o&&t("span",{className:"flex size-5 items-center justify-center",children:o})]})}));export{h as Button};
 //# sourceMappingURL=Button.js.map

package/dist/lib/shared/ui/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../lib/shared/ui/button/Button.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef, type ReactElement } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { type DataLayers } from '../../types'\nimport { buttonConfig, setButtonLoaderIntent } from './model/helpers'\nimport { Loader } from '$/shared/ui/loader'\nimport { cn } from '$/shared/utils'\n\nexport type ButtonConfig = VariantProps<typeof buttonConfig>\nexport interface ButtonProps extends ComponentProps<'button'>, ButtonConfig {\n  iconLeft?: ReactElement\n  iconRight?: ReactElement\n  isLoading?: boolean\n  dataLayers?: DataLayers\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      intent,\n      size,\n      className,\n      children,\n      type = 'button',\n      iconLeft,\n      iconRight,\n      disabled = false,\n      isLoading = false,\n      isFull = false,\n      textFormat,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <button\n        ref={ref}\n        type={type}\n        data-layer-id={dataLayers?.targetId}\n        disabled={disabled || isLoading}\n        className={cn(buttonConfig({ intent, size, textFormat, isLoading, isFull }), className)}\n        {...(typeof children === 'string' && children && { 'aria-label': children })}\n        {...props}\n      >\n        <>\n          {iconLeft && <span className='flex size-5 items-center justify-center'>{iconLeft}</span>}\n          {isLoading ? (\n            <>\n              {children} <Loader size='sm' intent={setButtonLoaderIntent(intent)} />\n            </>\n          ) : (\n            children\n          )}\n          {iconRight && <span className='flex size-5 items-center justify-center'>{iconRight}</span>}\n        </>\n      </button>\n    )\n  }\n)\n"],"names":["Button","forwardRef","intent","size","className","children","type","iconLeft","iconRight","disabled","isLoading","isFull","textFormat","dataLayers","props","ref","jsx","cn","buttonConfig","jsxs","Fragment","Loader","setButtonLoaderIntent"],"mappings":"iRAeO,MAAMA,EAASC,EACpB,CACE,CACE,OAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,WAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IAGEC,EAAC,SAAA,CACC,IAAAD,EACA,KAAAT,EACA,gBAAeO,GAAA,YAAAA,EAAY,SAC3B,SAAUJ,GAAYC,EACtB,UAAWO,EAAGC,EAAa,CAAE,OAAAhB,EAAQ,KAAAC,EAAM,WAAAS,EAAY,UAAAF,EAAW,OAAAC,EAAQ,EAAGP,CAAS,EACrF,GAAI,OAAOC,GAAa,UAAYA,GAAY,CAAE,aAAcA,CAAA,EAChE,GAAGS,EAEJ,SAAAK,EAAAC,EAAA,CACG,SAAA,CAAAb,GAAYS,EAAC,OAAA,CAAK,UAAU,0CAA2C,SAAAT,EAAS,EAChFG,EACCS,EAAAC,EAAA,CACG,SAAA,CAAAf,EAAS,MAAEgB,EAAA,CAAO,KAAK,KAAK,OAAQC,EAAsBpB,CAAM,CAAA,CAAG,CAAA,CAAA,CACtE,EAEAG,EAEDG,GAAaQ,EAAC,OAAA,CAAK,UAAU,0CAA2C,SAAAR,CAAA,CAAU,CAAA,CAAA,CACrF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"Button.js","sources":["../../../../../lib/shared/ui/button/Button.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef, type ReactElement } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { type DataLayers } from '../../types'\nimport { buttonConfig, setButtonLoaderIntent } from './model/helpers'\nimport { Loader } from '$/shared/ui/loader'\nimport { cn } from '$/shared/utils'\n\nexport type ButtonConfig = VariantProps<typeof buttonConfig>\nexport interface ButtonProps extends ComponentProps<'button'>, ButtonConfig {\n  iconLeft?: ReactElement\n  iconRight?: ReactElement\n  isLoading?: boolean\n  dataLayers?: DataLayers\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      intent,\n      size,\n      className,\n      children,\n      type = 'button',\n      iconLeft,\n      iconRight,\n      disabled = false,\n      isLoading = false,\n      isFull = false,\n      textFormat,\n      dataLayers,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <button\n        ref={ref}\n        type={type}\n        data-layer-id={dataLayers?.targetId}\n        disabled={disabled || isLoading}\n        className={cn(buttonConfig({ intent, size, textFormat, isLoading, isFull }), className)}\n        {...(typeof children === 'string' && children && { 'aria-label': children })}\n        {...props}\n      >\n        <>\n          {iconLeft && <span className='flex size-5 items-center justify-center'>{iconLeft}</span>}\n          {isLoading ? (\n            <>\n              {children} <Loader size='sm' intent={setButtonLoaderIntent(intent)} />\n            </>\n          ) : (\n            children\n          )}\n          {iconRight && <span className='flex size-5 items-center justify-center'>{iconRight}</span>}\n        </>\n      </button>\n    )\n  }\n)\n"],"names":["Button","forwardRef","intent","size","className","children","type","iconLeft","iconRight","disabled","isLoading","isFull","textFormat","dataLayers","props","ref","jsx","cn","buttonConfig","jsxs","Fragment","Loader","setButtonLoaderIntent"],"mappings":"oQAeO,MAAMA,EAASC,EACpB,CACE,CACE,OAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,WAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IAGEC,EAAC,SAAA,CACC,IAAAD,EACA,KAAAT,EACA,gBAAeO,GAAY,SAC3B,SAAUJ,GAAYC,EACtB,UAAWO,EAAGC,EAAa,CAAE,OAAAhB,EAAQ,KAAAC,EAAM,WAAAS,EAAY,UAAAF,EAAW,OAAAC,EAAQ,EAAGP,CAAS,EACrF,GAAI,OAAOC,GAAa,UAAYA,GAAY,CAAE,aAAcA,CAAA,EAChE,GAAGS,EAEJ,SAAAK,EAAAC,EAAA,CACG,SAAA,CAAAb,GAAYS,EAAC,OAAA,CAAK,UAAU,0CAA2C,SAAAT,EAAS,EAChFG,EACCS,EAAAC,EAAA,CACG,SAAA,CAAAf,EAAS,MAAEgB,EAAA,CAAO,KAAK,KAAK,OAAQC,EAAsBpB,CAAM,CAAA,CAAG,CAAA,CAAA,CACtE,EAEAG,EAEDG,GAAaQ,EAAC,OAAA,CAAK,UAAU,0CAA2C,SAAAR,CAAA,CAAU,CAAA,CAAA,CACrF,CAAA,CAAA,CAIR"}

package/dist/lib/shared/ui/buttonIcon/ButtonIcon.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as d}from"react";import{cva as l}from"class-variance-authority";import{cn as t}from"../../utils/cn.js";import"uuid";const m=l("group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",{variants:{intent:{primary:"text-icon-white bg-color-primary-default hover:bg-color-primary-hover active:bg-color-primary-hover focus:bg-color-primary-hover focus:outline-primary-focus disabled:bg-color-primary-disabled",secondary:"text-icon-primary-default bg-color-transparent border border-solid outline-offset-4 border-primary-default hover:bg-color-primary-tr-hover hover:text-icon-primary-default hover:border-primary-hover  active:bg-color-primary-tr-pressed active:border-primary-hover active:text-icon-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus disabled:bg-color-blue-grey-200 disabled:border-transparent disabled:text-icon-primary-disabled",ghost:"text-icon-primary-default bg-color-transparent hover:bg-color-primary-tr-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:text-icon-primary-hover active:bg-color-primary-tr-pressed disabled:bg-color-transparent disabled:text-icon-primary-disabled"},size:{sm:"size-8",md:"size-10",lg:"size-12"}},defaultVariants:{intent:"primary",size:"lg"}}),v=d(({size:e,intent:i,children:a,classes:r,type:n="button",...c},p)=>o("button",{ref:p,type:n,className:t(m({intent:i,size:e}),r==null?void 0:r.button),...c,children:o("span",{className:t(r==null?void 0:r.icon),children:a})}));export{v as ButtonIcon};
+import{jsx as o}from"react/jsx-runtime";import{forwardRef as l}from"react";import{cva as p}from"class-variance-authority";import{cn as e}from"../../utils/cn.js";const d=p("group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none",{variants:{intent:{primary:"text-icon-white bg-color-primary-default hover:bg-color-primary-hover active:bg-color-primary-hover focus:bg-color-primary-hover focus:outline-primary-focus disabled:bg-color-primary-disabled",secondary:"text-icon-primary-default bg-color-transparent border border-solid outline-offset-4 border-primary-default hover:bg-color-primary-tr-hover hover:text-icon-primary-default hover:border-primary-hover  active:bg-color-primary-tr-pressed active:border-primary-hover active:text-icon-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus disabled:bg-color-blue-grey-200 disabled:border-transparent disabled:text-icon-primary-disabled",ghost:"text-icon-primary-default bg-color-transparent hover:bg-color-primary-tr-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:text-icon-primary-hover active:bg-color-primary-tr-pressed disabled:bg-color-transparent disabled:text-icon-primary-disabled"},size:{sm:"size-8",md:"size-10",lg:"size-12"}},defaultVariants:{intent:"primary",size:"lg"}}),y=l(({size:t,intent:i,children:a,classes:r,type:n="button",...c},s)=>o("button",{ref:s,type:n,className:e(d({intent:i,size:t}),r?.button),...c,children:o("span",{className:e(r?.icon),children:a})}));export{y as ButtonIcon};
 //# sourceMappingURL=ButtonIcon.js.map

package/dist/lib/shared/ui/buttonIcon/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../../lib/shared/ui/buttonIcon/ButtonIcon.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef, type ReactElement } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '$/shared/utils'\n\ntype ButtonClasses = {\n  button: string\n  icon: string\n}\n\nconst buttonConfig = cva(\n  'group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none',\n  {\n    variants: {\n      intent: {\n        primary:\n          'text-icon-white bg-color-primary-default hover:bg-color-primary-hover active:bg-color-primary-hover focus:bg-color-primary-hover focus:outline-primary-focus disabled:bg-color-primary-disabled',\n        secondary:\n          'text-icon-primary-default bg-color-transparent border border-solid outline-offset-4 border-primary-default hover:bg-color-primary-tr-hover hover:text-icon-primary-default hover:border-primary-hover  active:bg-color-primary-tr-pressed active:border-primary-hover active:text-icon-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus disabled:bg-color-blue-grey-200 disabled:border-transparent disabled:text-icon-primary-disabled',\n        ghost:\n          'text-icon-primary-default bg-color-transparent hover:bg-color-primary-tr-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:text-icon-primary-hover active:bg-color-primary-tr-pressed disabled:bg-color-transparent disabled:text-icon-primary-disabled'\n      },\n      size: {\n        sm: 'size-8',\n        md: 'size-10',\n        lg: 'size-12'\n      }\n    },\n    defaultVariants: {\n      intent: 'primary',\n      size: 'lg'\n    }\n  }\n)\n\ntype ButtonProps = VariantProps<typeof buttonConfig>\n\nexport interface IButtonIconProps extends Omit<ComponentProps<'button'>, 'className'>, ButtonProps {\n  children: ReactElement\n  classes?: Partial<ButtonClasses>\n}\n\nexport const ButtonIcon = forwardRef<HTMLButtonElement, IButtonIconProps>(\n  ({ size, intent, children, classes, type = 'button', ...props }, ref) => {\n    return (\n      <button ref={ref} type={type} className={cn(buttonConfig({ intent, size }), classes?.button)} {...props}>\n        <span className={cn(classes?.icon)}>{children}</span>\n      </button>\n    )\n  }\n)\n"],"names":["buttonConfig","cva","ButtonIcon","forwardRef","size","intent","children","classes","type","props","ref","jsx","cn"],"mappings":"8KASA,MAAMA,EAAeC,EACnB,gMACA,CACE,SAAU,CACR,OAAQ,CACN,QACE,kMACF,UACE,mcACF,MACE,gRAAA,EAEJ,KAAM,CACJ,GAAI,SACJ,GAAI,UACJ,GAAI,SAAA,CACN,EAEF,gBAAiB,CACf,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EASaC,EAAaC,EACxB,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAE7DC,EAAC,SAAA,CAAO,IAAAD,EAAU,KAAAF,EAAY,UAAWI,EAAGZ,EAAa,CAAE,OAAAK,EAAQ,KAAAD,CAAA,CAAM,EAAGG,GAAA,YAAAA,EAAS,MAAM,EAAI,GAAGE,EAChG,SAAAE,EAAC,OAAA,CAAK,UAAWC,EAAGL,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAD,CAAA,CAAS,CAAA,CAChD,CAGN"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../../lib/shared/ui/buttonIcon/ButtonIcon.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef, type ReactElement } from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '$/shared/utils'\n\ntype ButtonClasses = {\n  button: string\n  icon: string\n}\n\nconst buttonConfig = cva(\n  'group flex items-center justify-center cursor-pointer rounded-full outline-offset-[3px] outline-transparent outline-2 transition duration-12 active:scale-[0.97] disabled:pointer-events-none',\n  {\n    variants: {\n      intent: {\n        primary:\n          'text-icon-white bg-color-primary-default hover:bg-color-primary-hover active:bg-color-primary-hover focus:bg-color-primary-hover focus:outline-primary-focus disabled:bg-color-primary-disabled',\n        secondary:\n          'text-icon-primary-default bg-color-transparent border border-solid outline-offset-4 border-primary-default hover:bg-color-primary-tr-hover hover:text-icon-primary-default hover:border-primary-hover  active:bg-color-primary-tr-pressed active:border-primary-hover active:text-icon-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus disabled:bg-color-blue-grey-200 disabled:border-transparent disabled:text-icon-primary-disabled',\n        ghost:\n          'text-icon-primary-default bg-color-transparent hover:bg-color-primary-tr-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:text-icon-primary-hover active:bg-color-primary-tr-pressed disabled:bg-color-transparent disabled:text-icon-primary-disabled'\n      },\n      size: {\n        sm: 'size-8',\n        md: 'size-10',\n        lg: 'size-12'\n      }\n    },\n    defaultVariants: {\n      intent: 'primary',\n      size: 'lg'\n    }\n  }\n)\n\ntype ButtonProps = VariantProps<typeof buttonConfig>\n\nexport interface IButtonIconProps extends Omit<ComponentProps<'button'>, 'className'>, ButtonProps {\n  children: ReactElement\n  classes?: Partial<ButtonClasses>\n}\n\nexport const ButtonIcon = forwardRef<HTMLButtonElement, IButtonIconProps>(\n  ({ size, intent, children, classes, type = 'button', ...props }, ref) => {\n    return (\n      <button ref={ref} type={type} className={cn(buttonConfig({ intent, size }), classes?.button)} {...props}>\n        <span className={cn(classes?.icon)}>{children}</span>\n      </button>\n    )\n  }\n)\n"],"names":["buttonConfig","cva","ButtonIcon","forwardRef","size","intent","children","classes","type","props","ref","jsx","cn"],"mappings":"iKASA,MAAMA,EAAeC,EACnB,gMACA,CACE,SAAU,CACR,OAAQ,CACN,QACE,kMACF,UACE,mcACF,MACE,gRAAA,EAEJ,KAAM,CACJ,GAAI,SACJ,GAAI,UACJ,GAAI,SAAA,CACN,EAEF,gBAAiB,CACf,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EASaC,EAAaC,EACxB,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,QAAAC,EAAS,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAE7DC,EAAC,SAAA,CAAO,IAAAD,EAAU,KAAAF,EAAY,UAAWI,EAAGZ,EAAa,CAAE,OAAAK,EAAQ,KAAAD,CAAA,CAAM,EAAGG,GAAS,MAAM,EAAI,GAAGE,EAChG,SAAAE,EAAC,OAAA,CAAK,UAAWC,EAAGL,GAAS,IAAI,EAAI,SAAAD,CAAA,CAAS,CAAA,CAChD,CAGN"}

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

@@ -1,2 +1,2 @@
-import{jsxs as D,jsx as o,Fragment as n}from"react/jsx-runtime";import{forwardRef as C,useMemo as b}from"react";import{DayPicker as k}from"react-day-picker";import{defaultClassNames as m}from"./model/utils.js";import{DayButton as v}from"./ui/DayButton.js";import{Weekday as F}from"./ui/Weekday.js";import{Day as M}from"./ui/Day.js";import{Footer as W}from"./ui/Footer.js";import{cn as t}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"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../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"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";import{MonthCaption as j}from"./ui/MonthCaption.js";const B=C(({classNames:r,showOutsideDays:y=!0,navigation:e=!0,renderFooter:d,selectOptions:i,className:f,disabledAfterToday:g,style:u,..._},x)=>{const h=b(()=>({today:t(m.today,r==null?void 0:r.today),outside:t(m.outside,r==null?void 0:r.outside),selected:t(m.selected,r==null?void 0:r.selected),range_start:t(m.range_outer,r==null?void 0:r.range_start),range_middle:t(m.range_middle,r==null?void 0:r.range_middle),range_end:t(m.range_outer,r==null?void 0:r.range_end),month_grid:"h-[280px]",day:t(m.day,r==null?void 0:r.day),...r}),[r]),w=i!=null&&i.year&&"startFrom"in i.year&&i.year.startFrom?new Date(i.year.startFrom,0):void 0;return D("div",{ref:x,style:u,className:t("relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200","bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]",f),children:[o(k,{..._,fixedWeeks:!0,captionLayout:"dropdown",showOutsideDays:y,classNames:h,startMonth:w,components:{Day:p=>o(M,{...p,disabledAfterToday:g}),DayButton:p=>o(v,{...p}),Weekday:p=>o(F,{...p}),Nav:()=>o(n,{}),MonthCaption:p=>e?o(j,{...p,selectOptions:i}):o(n,{})}}),d&&o(W,{render:d})]})});B.displayName="Calendar";export{B as Calendar};
+import{jsxs as l,jsx as o,Fragment as m}from"react/jsx-runtime";import{forwardRef as w,useMemo as D}from"react";import{DayPicker as C}from"react-day-picker";import{cn as e}from"../../utils/cn.js";import{defaultClassNames as a}from"./model/utils.js";import{MonthCaption as b}from"./ui/MonthCaption.js";import{Weekday as c}from"./ui/Weekday.js";import{DayButton as k}from"./ui/DayButton.js";import{Day as v}from"./ui/Day.js";import{Footer as F}from"./ui/Footer.js";const M=w(({classNames:r,showOutsideDays:i=!0,navigation:y=!0,renderFooter:n,selectOptions:d,className:p,disabledAfterToday:f,style:g,...u},_)=>{const x=D(()=>({today:e(a.today,r?.today),outside:e(a.outside,r?.outside),selected:e(a.selected,r?.selected),range_start:e(a.range_outer,r?.range_start),range_middle:e(a.range_middle,r?.range_middle),range_end:e(a.range_outer,r?.range_end),month_grid:"h-[280px]",day:e(a.day,r?.day),...r}),[r]),h=d?.year&&"startFrom"in d.year&&d.year.startFrom?new Date(d.year.startFrom,0):void 0;return l("div",{ref:_,style:g,className:e("relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200","bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]",p),children:[o(C,{...u,fixedWeeks:!0,captionLayout:"dropdown",showOutsideDays:i,classNames:x,startMonth:h,components:{Day:t=>o(v,{...t,disabledAfterToday:f}),DayButton:t=>o(k,{...t}),Weekday:t=>o(c,{...t}),Nav:()=>o(m,{}),MonthCaption:t=>y?o(b,{...t,selectOptions:d}):o(m,{})}}),n&&o(F,{render:n})]})});M.displayName="Calendar";export{M as Calendar};
 //# sourceMappingURL=Calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../../lib/shared/ui/calendar/Calendar.tsx"],"sourcesContent":["import { type DetailedHTMLProps, forwardRef, type HTMLAttributes, type JSX, useMemo } from 'react'\nimport { type ClassNames, DayPicker, type DayPickerProps } from 'react-day-picker'\n// import { ru } from 'date-fns/locale'\n// import 'react-day-picker/dist/style.css'\nimport { defaultClassNames } from './model'\nimport { Day, DayButton, Footer, MonthCaption, type SelectOptions, Weekday } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype CalendarProps = DayPickerProps & {\n  navigation?: boolean\n  renderFooter?: (props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element | string\n  selectOptions?: SelectOptions\n  disabledAfterToday?: boolean\n}\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  (\n    {\n      classNames,\n      showOutsideDays = true,\n      navigation = true,\n      renderFooter,\n      selectOptions,\n      className,\n      disabledAfterToday,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const cls = useMemo<Partial<ClassNames>>(\n      () => ({\n        today: cn(defaultClassNames.today, classNames?.today),\n        outside: cn(defaultClassNames.outside, classNames?.outside),\n        selected: cn(defaultClassNames.selected, classNames?.selected),\n        range_start: cn(defaultClassNames.range_outer, classNames?.range_start),\n        range_middle: cn(defaultClassNames.range_middle, classNames?.range_middle),\n        range_end: cn(defaultClassNames.range_outer, classNames?.range_end),\n        month_grid: 'h-[280px]',\n        day: cn(defaultClassNames.day, classNames?.day),\n        ...classNames\n      }),\n      [classNames]\n    )\n\n    const startYear =\n      selectOptions?.year && 'startFrom' in selectOptions.year && selectOptions.year.startFrom\n        ? new Date(selectOptions.year.startFrom, 0)\n        : undefined\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        className={cn(\n          'relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200',\n          'bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]',\n          className\n        )}\n      >\n        <DayPicker\n          {...props}\n          fixedWeeks\n          captionLayout='dropdown'\n          showOutsideDays={showOutsideDays}\n          // locale={ru}\n          classNames={cls}\n          startMonth={startYear}\n          components={{\n            Day: (props) => <Day {...props} disabledAfterToday={disabledAfterToday} />,\n            DayButton: (props) => <DayButton {...props} />,\n            Weekday: (props) => <Weekday {...props} />,\n            Nav: () => <></>,\n            MonthCaption: (props) => (navigation ? <MonthCaption {...props} selectOptions={selectOptions} /> : <></>)\n          }}\n        />\n        {renderFooter && <Footer render={renderFooter} />}\n      </div>\n    )\n  }\n)\nCalendar.displayName = 'Calendar'\n"],"names":["Calendar","forwardRef","classNames","showOutsideDays","navigation","renderFooter","selectOptions","className","disabledAfterToday","style","props","ref","cls","useMemo","cn","defaultClassNames","startYear","jsxs","jsx","DayPicker","Day","DayButton","Weekday","Fragment","MonthCaption","Footer"],"mappings":"g8EAeO,MAAMA,EAAWC,EACtB,CACE,CACE,WAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,aAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAMC,EACV,KAAO,CACL,MAAOC,EAAGC,EAAkB,MAAOb,GAAA,YAAAA,EAAY,KAAK,EACpD,QAASY,EAAGC,EAAkB,QAASb,GAAA,YAAAA,EAAY,OAAO,EAC1D,SAAUY,EAAGC,EAAkB,SAAUb,GAAA,YAAAA,EAAY,QAAQ,EAC7D,YAAaY,EAAGC,EAAkB,YAAab,GAAA,YAAAA,EAAY,WAAW,EACtE,aAAcY,EAAGC,EAAkB,aAAcb,GAAA,YAAAA,EAAY,YAAY,EACzE,UAAWY,EAAGC,EAAkB,YAAab,GAAA,YAAAA,EAAY,SAAS,EAClE,WAAY,YACZ,IAAKY,EAAGC,EAAkB,IAAKb,GAAA,YAAAA,EAAY,GAAG,EAC9C,GAAGA,CAAA,GAEL,CAACA,CAAU,CAAA,EAGPc,EACJV,GAAA,MAAAA,EAAe,MAAQ,cAAeA,EAAc,MAAQA,EAAc,KAAK,UAC3E,IAAI,KAAKA,EAAc,KAAK,UAAW,CAAC,EACxC,OAEN,OACEW,EAAC,MAAA,CACC,IAAAN,EACA,MAAAF,EACA,UAAWK,EACT,8EACA,iEACAP,CAAA,EAGF,SAAA,CAAAW,EAACC,EAAA,CACE,GAAGT,EACJ,WAAU,GACV,cAAc,WACd,gBAAAP,EAEA,WAAYS,EACZ,WAAYI,EACZ,WAAY,CACV,IAAMN,KAAWU,EAAA,CAAK,GAAGV,EAAO,mBAAAF,EAAwC,EACxE,UAAYE,GAAUQ,EAACG,EAAA,CAAW,GAAGX,EAAO,EAC5C,QAAUA,GAAUQ,EAACI,EAAA,CAAS,GAAGZ,EAAO,EACxC,IAAK,IAAMQ,EAAAK,EAAA,EAAE,EACb,aAAeb,GAAWN,EAAac,EAACM,GAAc,GAAGd,EAAO,cAAAJ,CAAA,CAA8B,EAAKY,EAAAK,EAAA,CAAA,CAAE,CAAA,CACvG,CAAA,EAEDlB,GAAgBa,EAACO,EAAA,CAAO,OAAQpB,CAAA,CAAc,CAAA,CAAA,CAAA,CAGrD,CACF,EACAL,EAAS,YAAc"}
+{"version":3,"file":"Calendar.js","sources":["../../../../../lib/shared/ui/calendar/Calendar.tsx"],"sourcesContent":["import { type DetailedHTMLProps, forwardRef, type HTMLAttributes, type JSX, useMemo } from 'react'\nimport { type ClassNames, DayPicker, type DayPickerProps } from 'react-day-picker'\n// import { ru } from 'date-fns/locale'\n// import 'react-day-picker/dist/style.css'\nimport { defaultClassNames } from './model'\nimport { Day, DayButton, Footer, MonthCaption, type SelectOptions, Weekday } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype CalendarProps = DayPickerProps & {\n  navigation?: boolean\n  renderFooter?: (props: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element | string\n  selectOptions?: SelectOptions\n  disabledAfterToday?: boolean\n}\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  (\n    {\n      classNames,\n      showOutsideDays = true,\n      navigation = true,\n      renderFooter,\n      selectOptions,\n      className,\n      disabledAfterToday,\n      style,\n      ...props\n    },\n    ref\n  ) => {\n    const cls = useMemo<Partial<ClassNames>>(\n      () => ({\n        today: cn(defaultClassNames.today, classNames?.today),\n        outside: cn(defaultClassNames.outside, classNames?.outside),\n        selected: cn(defaultClassNames.selected, classNames?.selected),\n        range_start: cn(defaultClassNames.range_outer, classNames?.range_start),\n        range_middle: cn(defaultClassNames.range_middle, classNames?.range_middle),\n        range_end: cn(defaultClassNames.range_outer, classNames?.range_end),\n        month_grid: 'h-[280px]',\n        day: cn(defaultClassNames.day, classNames?.day),\n        ...classNames\n      }),\n      [classNames]\n    )\n\n    const startYear =\n      selectOptions?.year && 'startFrom' in selectOptions.year && selectOptions.year.startFrom\n        ? new Date(selectOptions.year.startFrom, 0)\n        : undefined\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        className={cn(\n          'relative flex flex-col gap-y-1 rounded-sm border-[1px] border-warm-grey-200',\n          'bg-color-white p-4 shadow-[0_16px_24px_0px_rgba(0,33,87,0.16)]',\n          className\n        )}\n      >\n        <DayPicker\n          {...props}\n          fixedWeeks\n          captionLayout='dropdown'\n          showOutsideDays={showOutsideDays}\n          // locale={ru}\n          classNames={cls}\n          startMonth={startYear}\n          components={{\n            Day: (props) => <Day {...props} disabledAfterToday={disabledAfterToday} />,\n            DayButton: (props) => <DayButton {...props} />,\n            Weekday: (props) => <Weekday {...props} />,\n            Nav: () => <></>,\n            MonthCaption: (props) => (navigation ? <MonthCaption {...props} selectOptions={selectOptions} /> : <></>)\n          }}\n        />\n        {renderFooter && <Footer render={renderFooter} />}\n      </div>\n    )\n  }\n)\nCalendar.displayName = 'Calendar'\n"],"names":["Calendar","forwardRef","classNames","showOutsideDays","navigation","renderFooter","selectOptions","className","disabledAfterToday","style","props","ref","cls","useMemo","cn","defaultClassNames","startYear","jsxs","jsx","DayPicker","Day","DayButton","Weekday","Fragment","MonthCaption","Footer"],"mappings":"+cAeO,MAAMA,EAAWC,EACtB,CACE,CACE,WAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAAC,EAAa,GACb,aAAAC,EACA,cAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAMC,EACV,KAAO,CACL,MAAOC,EAAGC,EAAkB,MAAOb,GAAY,KAAK,EACpD,QAASY,EAAGC,EAAkB,QAASb,GAAY,OAAO,EAC1D,SAAUY,EAAGC,EAAkB,SAAUb,GAAY,QAAQ,EAC7D,YAAaY,EAAGC,EAAkB,YAAab,GAAY,WAAW,EACtE,aAAcY,EAAGC,EAAkB,aAAcb,GAAY,YAAY,EACzE,UAAWY,EAAGC,EAAkB,YAAab,GAAY,SAAS,EAClE,WAAY,YACZ,IAAKY,EAAGC,EAAkB,IAAKb,GAAY,GAAG,EAC9C,GAAGA,CAAA,GAEL,CAACA,CAAU,CAAA,EAGPc,EACJV,GAAe,MAAQ,cAAeA,EAAc,MAAQA,EAAc,KAAK,UAC3E,IAAI,KAAKA,EAAc,KAAK,UAAW,CAAC,EACxC,OAEN,OACEW,EAAC,MAAA,CACC,IAAAN,EACA,MAAAF,EACA,UAAWK,EACT,8EACA,iEACAP,CAAA,EAGF,SAAA,CAAAW,EAACC,EAAA,CACE,GAAGT,EACJ,WAAU,GACV,cAAc,WACd,gBAAAP,EAEA,WAAYS,EACZ,WAAYI,EACZ,WAAY,CACV,IAAMN,KAAWU,EAAA,CAAK,GAAGV,EAAO,mBAAAF,EAAwC,EACxE,UAAYE,GAAUQ,EAACG,EAAA,CAAW,GAAGX,EAAO,EAC5C,QAAUA,GAAUQ,EAACI,EAAA,CAAS,GAAGZ,EAAO,EACxC,IAAK,IAAMQ,EAAAK,EAAA,EAAE,EACb,aAAeb,GAAWN,EAAac,EAACM,GAAc,GAAGd,EAAO,cAAAJ,CAAA,CAA8B,EAAKY,EAAAK,EAAA,CAAA,CAAE,CAAA,CACvG,CAAA,EAEDlB,GAAgBa,EAACO,EAAA,CAAO,OAAQpB,CAAA,CAAc,CAAA,CAAA,CAAA,CAGrD,CACF,EACAL,EAAS,YAAc"}

package/dist/lib/shared/ui/calendar/model/utils.js

@@ -1,2 +1,2 @@
-import{cn as a}from"../../../utils/cn.js";import"uuid";import"react";const l="dd.MM.yyyy",c=(e,t="ru-RU",r)=>{const{time:o=!1}=r??{};return new Intl.DateTimeFormat(t,{day:"2-digit",month:"2-digit",year:"numeric",hour:o?"numeric":void 0,minute:o?"numeric":void 0,second:o?"numeric":void 0}).format(e)},u=(e,t="ru-RU")=>new Intl.DateTimeFormat(t,{year:"numeric"}).format(e),d=(e,t="ru-RU")=>new Intl.DateTimeFormat(t,{month:"long"}).format(e),s={today:a("text-color-primary-default"),outside:"text-color-tetriary",selected:"bg-color-primary-default text-color-white",range_outer:a("text-color-primary-default text-color-white"),range_middle:a("bg-color-primary-tr-hover relative text-color-dark rounded-none",'after:absolute after:content-[""] after:top-0 after:left-0',"after:w-full after:h-[4px] after:bg-color-white after:z-0",'before:absolute before:content-[""] before:bottom-0 before:left-0',"before:w-full before:h-[4px] before:bg-color-white before:z-0","hover:after:bg-color-transparent hover:before:bg-color-transparent","before:pointer-events-none before:pointer-events-none"),day:"text-center"};export{l as DATE_VISIBLE_PATTERN,s as defaultClassNames,c as formatDateToLocaleString,d as formatDateToMonthString,u as formatDateToYearString};
+import{cn as a}from"../../../utils/cn.js";const m="dd.MM.yyyy",i=(e,t="ru-RU",r)=>{const{time:o=!1}=r??{};return new Intl.DateTimeFormat(t,{day:"2-digit",month:"2-digit",year:"numeric",hour:o?"numeric":void 0,minute:o?"numeric":void 0,second:o?"numeric":void 0}).format(e)},l=(e,t="ru-RU")=>new Intl.DateTimeFormat(t,{year:"numeric"}).format(e),c=(e,t="ru-RU")=>new Intl.DateTimeFormat(t,{month:"long"}).format(e),u={today:a("text-color-primary-default"),outside:"text-color-tetriary",selected:"bg-color-primary-default text-color-white",range_outer:a("text-color-primary-default text-color-white"),range_middle:a("bg-color-primary-tr-hover relative text-color-dark rounded-none",'after:absolute after:content-[""] after:top-0 after:left-0',"after:w-full after:h-[4px] after:bg-color-white after:z-0",'before:absolute before:content-[""] before:bottom-0 before:left-0',"before:w-full before:h-[4px] before:bg-color-white before:z-0","hover:after:bg-color-transparent hover:before:bg-color-transparent","before:pointer-events-none before:pointer-events-none"),day:"text-center"};export{m as DATE_VISIBLE_PATTERN,u as defaultClassNames,i as formatDateToLocaleString,c as formatDateToMonthString,l as formatDateToYearString};
 //# sourceMappingURL=utils.js.map

package/dist/lib/shared/ui/calendar/model/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../lib/shared/ui/calendar/model/utils.ts"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport const DATE_VISIBLE_PATTERN = 'dd.MM.yyyy'\n\n/**\n * Форматирование объекта даты в читаемую строку\n * @example\n * new Date() -> '10.10.2024'\n * @param {Date} date\n * @param {string} locale\n * @param options\n * @returns Форматированная строка\n */\nexport const formatDateToLocaleString = (date: Date, locale: string = 'ru-RU', options?: { time?: boolean }): string => {\n  const { time = false } = options ?? {}\n\n  const formatter = new Intl.DateTimeFormat(locale, {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric',\n    hour: time ? 'numeric' : undefined,\n    minute: time ? 'numeric' : undefined,\n    second: time ? 'numeric' : undefined\n  })\n\n  return formatter.format(date)\n}\n\n/**\n * Форматирование объекта даты в читаемую строку года\n * @example\n * new Date() -> '2024'\n * @param {Date} date\n * @param {string} locale\n * @returns Форматированная строка\n */\nexport const formatDateToYearString = (date: Date, locale: string = 'ru-RU') => {\n  const formatter = new Intl.DateTimeFormat(locale, {\n    year: 'numeric'\n  })\n\n  return formatter.format(date)\n}\n\n/**\n * Форматирование объекта даты в читаемую строку месяца\n * @example\n * new Date() -> 'декабрь'\n * @param date\n * @param locale\n */\nexport const formatDateToMonthString = (date: Date, locale: string = 'ru-RU') => {\n  const formatter = new Intl.DateTimeFormat(locale, {\n    month: 'long'\n  })\n\n  return formatter.format(date)\n}\n\nexport const defaultClassNames = {\n  today: cn('text-color-primary-default'),\n  outside: 'text-color-tetriary',\n  selected: 'bg-color-primary-default text-color-white',\n  range_outer: cn('text-color-primary-default text-color-white'),\n  range_middle: cn(\n    'bg-color-primary-tr-hover relative text-color-dark rounded-none',\n    'after:absolute after:content-[\"\"] after:top-0 after:left-0',\n    'after:w-full after:h-[4px] after:bg-color-white after:z-0',\n    'before:absolute before:content-[\"\"] before:bottom-0 before:left-0',\n    'before:w-full before:h-[4px] before:bg-color-white before:z-0',\n    'hover:after:bg-color-transparent hover:before:bg-color-transparent',\n    'before:pointer-events-none before:pointer-events-none'\n  ),\n  day: 'text-center'\n}\n"],"names":["DATE_VISIBLE_PATTERN","formatDateToLocaleString","date","locale","options","time","formatDateToYearString","formatDateToMonthString","defaultClassNames","cn"],"mappings":"qEAEO,MAAMA,EAAuB,aAWvBC,EAA2B,CAACC,EAAYC,EAAiB,QAASC,IAAyC,CACtH,KAAM,CAAE,KAAAC,EAAO,EAAA,EAAUD,GAAW,CAAA,EAWpC,OATkB,IAAI,KAAK,eAAeD,EAAQ,CAChD,IAAK,UACL,MAAO,UACP,KAAM,UACN,KAAME,EAAO,UAAY,OACzB,OAAQA,EAAO,UAAY,OAC3B,OAAQA,EAAO,UAAY,MAAA,CAC5B,EAEgB,OAAOH,CAAI,CAC9B,EAUaI,EAAyB,CAACJ,EAAYC,EAAiB,UAChD,IAAI,KAAK,eAAeA,EAAQ,CAChD,KAAM,SAAA,CACP,EAEgB,OAAOD,CAAI,EAUjBK,EAA0B,CAACL,EAAYC,EAAiB,UACjD,IAAI,KAAK,eAAeA,EAAQ,CAChD,MAAO,MAAA,CACR,EAEgB,OAAOD,CAAI,EAGjBM,EAAoB,CAC/B,MAAOC,EAAG,4BAA4B,EACtC,QAAS,sBACT,SAAU,4CACV,YAAaA,EAAG,6CAA6C,EAC7D,aAAcA,EACZ,kEACA,6DACA,4DACA,oEACA,gEACA,qEACA,uDAAA,EAEF,IAAK,aACP"}
+{"version":3,"file":"utils.js","sources":["../../../../../../lib/shared/ui/calendar/model/utils.ts"],"sourcesContent":["import { cn } from '$/shared/utils'\n\nexport const DATE_VISIBLE_PATTERN = 'dd.MM.yyyy'\n\n/**\n * Форматирование объекта даты в читаемую строку\n * @example\n * new Date() -> '10.10.2024'\n * @param {Date} date\n * @param {string} locale\n * @param options\n * @returns Форматированная строка\n */\nexport const formatDateToLocaleString = (date: Date, locale: string = 'ru-RU', options?: { time?: boolean }): string => {\n  const { time = false } = options ?? {}\n\n  const formatter = new Intl.DateTimeFormat(locale, {\n    day: '2-digit',\n    month: '2-digit',\n    year: 'numeric',\n    hour: time ? 'numeric' : undefined,\n    minute: time ? 'numeric' : undefined,\n    second: time ? 'numeric' : undefined\n  })\n\n  return formatter.format(date)\n}\n\n/**\n * Форматирование объекта даты в читаемую строку года\n * @example\n * new Date() -> '2024'\n * @param {Date} date\n * @param {string} locale\n * @returns Форматированная строка\n */\nexport const formatDateToYearString = (date: Date, locale: string = 'ru-RU') => {\n  const formatter = new Intl.DateTimeFormat(locale, {\n    year: 'numeric'\n  })\n\n  return formatter.format(date)\n}\n\n/**\n * Форматирование объекта даты в читаемую строку месяца\n * @example\n * new Date() -> 'декабрь'\n * @param date\n * @param locale\n */\nexport const formatDateToMonthString = (date: Date, locale: string = 'ru-RU') => {\n  const formatter = new Intl.DateTimeFormat(locale, {\n    month: 'long'\n  })\n\n  return formatter.format(date)\n}\n\nexport const defaultClassNames = {\n  today: cn('text-color-primary-default'),\n  outside: 'text-color-tetriary',\n  selected: 'bg-color-primary-default text-color-white',\n  range_outer: cn('text-color-primary-default text-color-white'),\n  range_middle: cn(\n    'bg-color-primary-tr-hover relative text-color-dark rounded-none',\n    'after:absolute after:content-[\"\"] after:top-0 after:left-0',\n    'after:w-full after:h-[4px] after:bg-color-white after:z-0',\n    'before:absolute before:content-[\"\"] before:bottom-0 before:left-0',\n    'before:w-full before:h-[4px] before:bg-color-white before:z-0',\n    'hover:after:bg-color-transparent hover:before:bg-color-transparent',\n    'before:pointer-events-none before:pointer-events-none'\n  ),\n  day: 'text-center'\n}\n"],"names":["DATE_VISIBLE_PATTERN","formatDateToLocaleString","date","locale","options","time","formatDateToYearString","formatDateToMonthString","defaultClassNames","cn"],"mappings":"0CAEO,MAAMA,EAAuB,aAWvBC,EAA2B,CAACC,EAAYC,EAAiB,QAASC,IAAyC,CACtH,KAAM,CAAE,KAAAC,EAAO,EAAA,EAAUD,GAAW,CAAA,EAWpC,OATkB,IAAI,KAAK,eAAeD,EAAQ,CAChD,IAAK,UACL,MAAO,UACP,KAAM,UACN,KAAME,EAAO,UAAY,OACzB,OAAQA,EAAO,UAAY,OAC3B,OAAQA,EAAO,UAAY,MAAA,CAC5B,EAEgB,OAAOH,CAAI,CAC9B,EAUaI,EAAyB,CAACJ,EAAYC,EAAiB,UAChD,IAAI,KAAK,eAAeA,EAAQ,CAChD,KAAM,SAAA,CACP,EAEgB,OAAOD,CAAI,EAUjBK,EAA0B,CAACL,EAAYC,EAAiB,UACjD,IAAI,KAAK,eAAeA,EAAQ,CAChD,MAAO,MAAA,CACR,EAEgB,OAAOD,CAAI,EAGjBM,EAAoB,CAC/B,MAAOC,EAAG,4BAA4B,EACtC,QAAS,sBACT,SAAU,4CACV,YAAaA,EAAG,6CAA6C,EAC7D,aAAcA,EACZ,kEACA,6DACA,4DACA,oEACA,gEACA,qEACA,uDAAA,EAEF,IAAK,aACP"}

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

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as p}from"react/jsx-runtime";import{CalendarDay as c}from"react-day-picker";import{cn as o}from"../../../utils/cn.js";import"uuid";import"react";const x=({className:t,day:r,children:a,disabledAfterToday:n=!0,...s})=>{const e=new Date,l=r.isEqualTo(new c(e,e)),m=r.date.getFullYear()>e.getFullYear();return i("td",{...s,className:o("relative h-10 w-10 rounded-sm hover:z-10","hover:bg-color-primary-tr-hover hover:text-color-primary-default",{"pointer-events-none":n&&m},t),children:[a,l&&p("span",{className:o("pointer-events-none absolute bottom-2 left-1/2 h-0.5 w-4","-translate-x-1/2 rounded-sm bg-color-primary-default")})]})};export{x as Day};
+import{jsxs as i,jsx as c}from"react/jsx-runtime";import{CalendarDay as d}from"react-day-picker";import{cn as o}from"../../../utils/cn.js";const v=({className:t,day:r,children:a,disabledAfterToday:n=!0,...s})=>{const e=new Date,l=r.isEqualTo(new d(e,e)),m=r.date.getFullYear()>e.getFullYear();return i("td",{...s,className:o("relative h-10 w-10 rounded-sm hover:z-10","hover:bg-color-primary-tr-hover hover:text-color-primary-default",{"pointer-events-none":n&&m},t),children:[a,l&&c("span",{className:o("pointer-events-none absolute bottom-2 left-1/2 h-0.5 w-4","-translate-x-1/2 rounded-sm bg-color-primary-default")})]})};export{v as Day};
 //# sourceMappingURL=Day.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Day.tsx"],"sourcesContent":["import { type ClassAttributes, type TdHTMLAttributes } from 'react'\nimport { CalendarDay, type Modifiers } from 'react-day-picker'\nimport { cn } from '$/shared/utils'\n\ntype DayProps = ClassAttributes<HTMLTableCellElement> &\n  TdHTMLAttributes<HTMLTableCellElement> & {\n    day: CalendarDay\n    modifiers: Modifiers\n    disabledAfterToday?: boolean\n  }\n\nexport const Day = ({ className, day, children, disabledAfterToday = true, ...props }: DayProps) => {\n  const today = new Date()\n  const isToday = day.isEqualTo(new CalendarDay(today, today))\n  const isNextYear = day.date.getFullYear() > today.getFullYear()\n\n  return (\n    <td\n      {...props}\n      className={cn(\n        'relative h-10 w-10 rounded-sm hover:z-10',\n        'hover:bg-color-primary-tr-hover hover:text-color-primary-default',\n        { 'pointer-events-none': disabledAfterToday && isNextYear },\n        className\n      )}\n    >\n      {children}\n      {isToday && (\n        <span\n          className={cn(\n            'pointer-events-none absolute bottom-2 left-1/2 h-0.5 w-4',\n            '-translate-x-1/2 rounded-sm bg-color-primary-default'\n          )}\n        />\n      )}\n    </td>\n  )\n}\n"],"names":["Day","className","day","children","disabledAfterToday","props","today","isToday","CalendarDay","isNextYear","jsxs","cn","jsx"],"mappings":"sKAWO,MAAMA,EAAM,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,SAAAC,EAAU,mBAAAC,EAAqB,GAAM,GAAGC,KAAsB,CAClG,MAAMC,MAAY,KACZC,EAAUL,EAAI,UAAU,IAAIM,EAAYF,EAAOA,CAAK,CAAC,EACrDG,EAAaP,EAAI,KAAK,YAAA,EAAgBI,EAAM,YAAA,EAElD,OACEI,EAAC,KAAA,CACE,GAAGL,EACJ,UAAWM,EACT,2CACA,mEACA,CAAE,sBAAuBP,GAAsBK,CAAA,EAC/CR,CAAA,EAGD,SAAA,CAAAE,EACAI,GACCK,EAAC,OAAA,CACC,UAAWD,EACT,2DACA,sDAAA,CACF,CAAA,CACF,CAAA,CAAA,CAIR"}
+{"version":3,"file":"Day.js","sources":["../../../../../../lib/shared/ui/calendar/ui/Day.tsx"],"sourcesContent":["import { type ClassAttributes, type TdHTMLAttributes } from 'react'\nimport { CalendarDay, type Modifiers } from 'react-day-picker'\nimport { cn } from '$/shared/utils'\n\ntype DayProps = ClassAttributes<HTMLTableCellElement> &\n  TdHTMLAttributes<HTMLTableCellElement> & {\n    day: CalendarDay\n    modifiers: Modifiers\n    disabledAfterToday?: boolean\n  }\n\nexport const Day = ({ className, day, children, disabledAfterToday = true, ...props }: DayProps) => {\n  const today = new Date()\n  const isToday = day.isEqualTo(new CalendarDay(today, today))\n  const isNextYear = day.date.getFullYear() > today.getFullYear()\n\n  return (\n    <td\n      {...props}\n      className={cn(\n        'relative h-10 w-10 rounded-sm hover:z-10',\n        'hover:bg-color-primary-tr-hover hover:text-color-primary-default',\n        { 'pointer-events-none': disabledAfterToday && isNextYear },\n        className\n      )}\n    >\n      {children}\n      {isToday && (\n        <span\n          className={cn(\n            'pointer-events-none absolute bottom-2 left-1/2 h-0.5 w-4',\n            '-translate-x-1/2 rounded-sm bg-color-primary-default'\n          )}\n        />\n      )}\n    </td>\n  )\n}\n"],"names":["Day","className","day","children","disabledAfterToday","props","today","isToday","CalendarDay","isNextYear","jsxs","cn","jsx"],"mappings":"2IAWO,MAAMA,EAAM,CAAC,CAAE,UAAAC,EAAW,IAAAC,EAAK,SAAAC,EAAU,mBAAAC,EAAqB,GAAM,GAAGC,KAAsB,CAClG,MAAMC,MAAY,KACZC,EAAUL,EAAI,UAAU,IAAIM,EAAYF,EAAOA,CAAK,CAAC,EACrDG,EAAaP,EAAI,KAAK,YAAA,EAAgBI,EAAM,YAAA,EAElD,OACEI,EAAC,KAAA,CACE,GAAGL,EACJ,UAAWM,EACT,2CACA,mEACA,CAAE,sBAAuBP,GAAsBK,CAAA,EAC/CR,CAAA,EAGD,SAAA,CAAAE,EACAI,GACCK,EAAC,OAAA,CACC,UAAWD,EACT,2DACA,sDAAA,CACF,CAAA,CACF,CAAA,CAAA,CAIR"}

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

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as e}from"../../../utils/cn.js";import"uuid";import"react";const d=({className:o,...r})=>t("button",{...r,className:e("mob-body-medium-m h-full w-full","unset-all-apply z-10 block h-10 w-10 cursor-pointer rounded-sm text-14","hover:bg-color-primary-tr-hover hover:text-color-primary-default","hover:shadow-[0px_0px_0px_1px_rgba(0,55,144,1)] disabled:text-color-disabled",o)});export{d as DayButton};
+import{jsx as t}from"react/jsx-runtime";import{cn as e}from"../../../utils/cn.js";const m=({className:o,...r})=>t("button",{...r,className:e("mob-body-medium-m h-full w-full","unset-all-apply z-10 block h-10 w-10 cursor-pointer rounded-sm text-14","hover:bg-color-primary-tr-hover hover:text-color-primary-default","hover:shadow-[0px_0px_0px_1px_rgba(0,55,144,1)] disabled:text-color-disabled",o)});export{m as DayButton};
 //# sourceMappingURL=DayButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DayButton.js","sources":["../../../../../../lib/shared/ui/calendar/ui/DayButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, type ClassAttributes } from 'react'\nimport { type CalendarDay, type Modifiers } from 'react-day-picker'\nimport { cn } from '$/shared/utils'\n\ntype DayButtonProps = ClassAttributes<HTMLButtonElement> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    day: CalendarDay\n    modifiers: Modifiers\n  }\n\nexport const DayButton = ({ className, ...props }: DayButtonProps) => (\n  <button\n    {...props}\n    className={cn(\n      'mob-body-medium-m h-full w-full',\n      'unset-all-apply z-10 block h-10 w-10 cursor-pointer rounded-sm text-14',\n      'hover:bg-color-primary-tr-hover hover:text-color-primary-default',\n      'hover:shadow-[0px_0px_0px_1px_rgba(0,55,144,1)] disabled:text-color-disabled',\n      className\n    )}\n  />\n)\n"],"names":["DayButton","className","props","jsx","cn"],"mappings":"6GAUO,MAAMA,EAAY,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACxCC,EAAC,SAAA,CACE,GAAGD,EACJ,UAAWE,EACT,kCACA,yEACA,mEACA,+EACAH,CAAA,CACF,CACF"}
+{"version":3,"file":"DayButton.js","sources":["../../../../../../lib/shared/ui/calendar/ui/DayButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, type ClassAttributes } from 'react'\nimport { type CalendarDay, type Modifiers } from 'react-day-picker'\nimport { cn } from '$/shared/utils'\n\ntype DayButtonProps = ClassAttributes<HTMLButtonElement> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    day: CalendarDay\n    modifiers: Modifiers\n  }\n\nexport const DayButton = ({ className, ...props }: DayButtonProps) => (\n  <button\n    {...props}\n    className={cn(\n      'mob-body-medium-m h-full w-full',\n      'unset-all-apply z-10 block h-10 w-10 cursor-pointer rounded-sm text-14',\n      'hover:bg-color-primary-tr-hover hover:text-color-primary-default',\n      'hover:shadow-[0px_0px_0px_1px_rgba(0,55,144,1)] disabled:text-color-disabled',\n      className\n    )}\n  />\n)\n"],"names":["DayButton","className","props","jsx","cn"],"mappings":"kFAUO,MAAMA,EAAY,CAAC,CAAE,UAAAC,EAAW,GAAGC,KACxCC,EAAC,SAAA,CACE,GAAGD,EACJ,UAAWE,EACT,kCACA,yEACA,mEACA,+EACAH,CAAA,CACF,CACF"}

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

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as r}from"react/jsx-runtime";import{useState as g}from"react";import{useDayPicker as u}from"react-day-picker";import{defaultSelectOptions as h,getMonthsFrom as y,getYearsFrom as x}from"./model/utils.js";import{Navigation as v}from"./Navigation.js";import{SelectDate as c}from"./selectDate/SelectDate.js";import{cn as C}from"../../../utils/cn.js";import"uuid";const P=({calendarMonth:n,displayIndex:M,className:l,selectOptions:e,...p})=>{const[a,f]=g(null),m=i=>{f(b=>b===i?null:i)},{goToMonth:d}=u(),o=e&&e.month!==void 0?e.month:h.month,t=e&&e.year!==void 0?e.year:h.year;return s("div",{...p,className:C("relative mb-2 flex h-fit items-center justify-between border-b-[1px] border-warm-grey-200 pb-2",l),children:[s("div",{className:"flex content-center justify-center",children:[o&&r(c,{dates:y(o.startFrom,o.order),currentMonth:n,onMonthChange:d,mode:"month",disabled:o==null?void 0:o.disabled,open:a==="month",onOpenChange:()=>m("month")}),t&&r(c,{dates:x(t.startFrom,t.order),currentMonth:n,onMonthChange:d,mode:"year",disabled:t==null?void 0:t.disabled,open:a==="year",onOpenChange:()=>m("year")})]}),r(v,{})]})};export{P as MonthCaption};
+import{jsxs as s,jsx as r}from"react/jsx-runtime";import{useState as b}from"react";import{useDayPicker as g}from"react-day-picker";import{Navigation as u}from"./Navigation.js";import{defaultSelectOptions as h,getMonthsFrom as x,getYearsFrom as v}from"./model/utils.js";import{cn as C}from"../../../utils/cn.js";import{SelectDate as c}from"./selectDate/SelectDate.js";const O=({calendarMonth:n,displayIndex:M,className:l,selectOptions:e,...p})=>{const[a,f]=b(null),m=i=>{f(y=>y===i?null:i)},{goToMonth:d}=g(),o=e&&e.month!==void 0?e.month:h.month,t=e&&e.year!==void 0?e.year:h.year;return s("div",{...p,className:C("relative mb-2 flex h-fit items-center justify-between border-b-[1px] border-warm-grey-200 pb-2",l),children:[s("div",{className:"flex content-center justify-center",children:[o&&r(c,{dates:x(o.startFrom,o.order),currentMonth:n,onMonthChange:d,mode:"month",disabled:o?.disabled,open:a==="month",onOpenChange:()=>m("month")}),t&&r(c,{dates:v(t.startFrom,t.order),currentMonth:n,onMonthChange:d,mode:"year",disabled:t?.disabled,open:a==="year",onOpenChange:()=>m("year")})]}),r(u,{})]})};export{O as MonthCaption};
 //# sourceMappingURL=MonthCaption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MonthCaption.js","sources":["../../../../../../lib/shared/ui/calendar/ui/MonthCaption.tsx"],"sourcesContent":["import { type ClassAttributes, type HTMLAttributes, useState } from 'react'\nimport { type CalendarMonth, useDayPicker } from 'react-day-picker'\nimport { defaultSelectOptions, getMonthsFrom, getYearsFrom, type SelectOptions } from './model'\nimport { Navigation } from './Navigation'\nimport { SelectDate } from './selectDate'\nimport { cn } from '$/shared/utils'\n\ntype MonthCaptionProps = ClassAttributes<HTMLDivElement> &\n  HTMLAttributes<HTMLDivElement> & {\n    calendarMonth: CalendarMonth\n    displayIndex: number\n    selectOptions?: SelectOptions | false\n  }\n\nexport const MonthCaption = ({\n  calendarMonth,\n  // disable this rules cuz we do need this prop\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars,unused-imports/no-unused-vars\n  displayIndex,\n  className,\n  selectOptions,\n  ...props\n}: MonthCaptionProps) => {\n  const [selectOpen, setSelectOpen] = useState<'month' | 'year' | null>(null)\n  const onSelectOpenChange = (key: typeof selectOpen) => {\n    setSelectOpen((prev) => (prev === key ? null : key))\n  }\n\n  const { goToMonth } = useDayPicker()\n\n  const month = selectOptions && selectOptions.month !== undefined ? selectOptions.month : defaultSelectOptions.month\n  const year = selectOptions && selectOptions.year !== undefined ? selectOptions.year : defaultSelectOptions.year\n\n  return (\n    <div\n      {...props}\n      className={cn('relative mb-2 flex h-fit items-center justify-between border-b-[1px] border-warm-grey-200 pb-2', className)}\n    >\n      <div className='flex content-center justify-center'>\n        {month && (\n          <SelectDate\n            dates={getMonthsFrom(month.startFrom, month.order)}\n            currentMonth={calendarMonth}\n            onMonthChange={goToMonth}\n            mode='month'\n            disabled={month?.disabled}\n            open={selectOpen === 'month'}\n            onOpenChange={() => onSelectOpenChange('month')}\n          />\n        )}\n        {year && (\n          <SelectDate\n            dates={getYearsFrom(year.startFrom, year.order)}\n            currentMonth={calendarMonth}\n            onMonthChange={goToMonth}\n            mode='year'\n            disabled={year?.disabled}\n            open={selectOpen === 'year'}\n            onOpenChange={() => onSelectOpenChange('year')}\n          />\n        )}\n      </div>\n      <Navigation />\n    </div>\n  )\n}\n"],"names":["MonthCaption","calendarMonth","displayIndex","className","selectOptions","props","selectOpen","setSelectOpen","useState","onSelectOpenChange","key","prev","goToMonth","useDayPicker","month","defaultSelectOptions","year","jsxs","cn","jsx","SelectDate","getMonthsFrom","getYearsFrom","Navigation"],"mappings":"4XAcO,MAAMA,EAAe,CAAC,CAC3B,cAAAC,EAGA,aAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAkC,IAAI,EACpEC,EAAsBC,GAA2B,CACrDH,EAAeI,GAAUA,IAASD,EAAM,KAAOA,CAAI,CACrD,EAEM,CAAE,UAAAE,CAAA,EAAcC,EAAA,EAEhBC,EAAQV,GAAiBA,EAAc,QAAU,OAAYA,EAAc,MAAQW,EAAqB,MACxGC,EAAOZ,GAAiBA,EAAc,OAAS,OAAYA,EAAc,KAAOW,EAAqB,KAE3G,OACEE,EAAC,MAAA,CACE,GAAGZ,EACJ,UAAWa,EAAG,iGAAkGf,CAAS,EAEzH,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAH,GACCK,EAACC,EAAA,CACC,MAAOC,EAAcP,EAAM,UAAWA,EAAM,KAAK,EACjD,aAAcb,EACd,cAAeW,EACf,KAAK,QACL,SAAUE,GAAA,YAAAA,EAAO,SACjB,KAAMR,IAAe,QACrB,aAAc,IAAMG,EAAmB,OAAO,CAAA,CAAA,EAGjDO,GACCG,EAACC,EAAA,CACC,MAAOE,EAAaN,EAAK,UAAWA,EAAK,KAAK,EAC9C,aAAcf,EACd,cAAeW,EACf,KAAK,OACL,SAAUI,GAAA,YAAAA,EAAM,SAChB,KAAMV,IAAe,OACrB,aAAc,IAAMG,EAAmB,MAAM,CAAA,CAAA,CAC/C,EAEJ,IACCc,EAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAGlB"}
+{"version":3,"file":"MonthCaption.js","sources":["../../../../../../lib/shared/ui/calendar/ui/MonthCaption.tsx"],"sourcesContent":["import { type ClassAttributes, type HTMLAttributes, useState } from 'react'\nimport { type CalendarMonth, useDayPicker } from 'react-day-picker'\nimport { defaultSelectOptions, getMonthsFrom, getYearsFrom, type SelectOptions } from './model'\nimport { Navigation } from './Navigation'\nimport { SelectDate } from './selectDate'\nimport { cn } from '$/shared/utils'\n\ntype MonthCaptionProps = ClassAttributes<HTMLDivElement> &\n  HTMLAttributes<HTMLDivElement> & {\n    calendarMonth: CalendarMonth\n    displayIndex: number\n    selectOptions?: SelectOptions | false\n  }\n\nexport const MonthCaption = ({\n  calendarMonth,\n  // disable this rules cuz we do need this prop\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars,unused-imports/no-unused-vars\n  displayIndex,\n  className,\n  selectOptions,\n  ...props\n}: MonthCaptionProps) => {\n  const [selectOpen, setSelectOpen] = useState<'month' | 'year' | null>(null)\n  const onSelectOpenChange = (key: typeof selectOpen) => {\n    setSelectOpen((prev) => (prev === key ? null : key))\n  }\n\n  const { goToMonth } = useDayPicker()\n\n  const month = selectOptions && selectOptions.month !== undefined ? selectOptions.month : defaultSelectOptions.month\n  const year = selectOptions && selectOptions.year !== undefined ? selectOptions.year : defaultSelectOptions.year\n\n  return (\n    <div\n      {...props}\n      className={cn('relative mb-2 flex h-fit items-center justify-between border-b-[1px] border-warm-grey-200 pb-2', className)}\n    >\n      <div className='flex content-center justify-center'>\n        {month && (\n          <SelectDate\n            dates={getMonthsFrom(month.startFrom, month.order)}\n            currentMonth={calendarMonth}\n            onMonthChange={goToMonth}\n            mode='month'\n            disabled={month?.disabled}\n            open={selectOpen === 'month'}\n            onOpenChange={() => onSelectOpenChange('month')}\n          />\n        )}\n        {year && (\n          <SelectDate\n            dates={getYearsFrom(year.startFrom, year.order)}\n            currentMonth={calendarMonth}\n            onMonthChange={goToMonth}\n            mode='year'\n            disabled={year?.disabled}\n            open={selectOpen === 'year'}\n            onOpenChange={() => onSelectOpenChange('year')}\n          />\n        )}\n      </div>\n      <Navigation />\n    </div>\n  )\n}\n"],"names":["MonthCaption","calendarMonth","displayIndex","className","selectOptions","props","selectOpen","setSelectOpen","useState","onSelectOpenChange","key","prev","goToMonth","useDayPicker","month","defaultSelectOptions","year","jsxs","cn","jsx","SelectDate","getMonthsFrom","getYearsFrom","Navigation"],"mappings":"+WAcO,MAAMA,EAAe,CAAC,CAC3B,cAAAC,EAGA,aAAAC,EACA,UAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAkC,IAAI,EACpEC,EAAsBC,GAA2B,CACrDH,EAAeI,GAAUA,IAASD,EAAM,KAAOA,CAAI,CACrD,EAEM,CAAE,UAAAE,CAAA,EAAcC,EAAA,EAEhBC,EAAQV,GAAiBA,EAAc,QAAU,OAAYA,EAAc,MAAQW,EAAqB,MACxGC,EAAOZ,GAAiBA,EAAc,OAAS,OAAYA,EAAc,KAAOW,EAAqB,KAE3G,OACEE,EAAC,MAAA,CACE,GAAGZ,EACJ,UAAWa,EAAG,iGAAkGf,CAAS,EAEzH,SAAA,CAAAc,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAH,GACCK,EAACC,EAAA,CACC,MAAOC,EAAcP,EAAM,UAAWA,EAAM,KAAK,EACjD,aAAcb,EACd,cAAeW,EACf,KAAK,QACL,SAAUE,GAAO,SACjB,KAAMR,IAAe,QACrB,aAAc,IAAMG,EAAmB,OAAO,CAAA,CAAA,EAGjDO,GACCG,EAACC,EAAA,CACC,MAAOE,EAAaN,EAAK,UAAWA,EAAK,KAAK,EAC9C,aAAcf,EACd,cAAeW,EACf,KAAK,OACL,SAAUI,GAAM,SAChB,KAAMV,IAAe,OACrB,aAAc,IAAMG,EAAmB,MAAM,CAAA,CAAA,CAC/C,EAEJ,IACCc,EAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAGlB"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselNative.js","sources":["../../../../../lib/shared/ui/carousel/CarouselNative.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport classNames from 'classnames'\nimport { motion } from 'framer-motion'\n\nexport interface CarouselNativeProps<Element> extends React.HTMLAttributes<HTMLDivElement> {\n  items: Element[]\n  renderComponent: (elementProps: Element) => React.JSX.Element\n  columnGap?: number\n}\n\nexport const CarouselNative = <Element,>({\n  className,\n  items,\n  renderComponent,\n  columnGap = 10,\n  ...props\n}: CarouselNativeProps<Element>) => {\n  const [width, setWidth] = useState<number>(0)\n\n  const carouselRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const carousel = carouselRef.current\n\n    if (carousel) {\n      setWidth(carousel.scrollWidth - carousel.offsetWidth)\n    }\n  }, [items])\n\n  return (\n    <div ref={containerRef} {...props} className='w-full max-w-[540px] overflow-hidden'>\n      <motion.div\n        ref={carouselRef}\n        drag='x'\n        dragElastic={0.15}\n        dragConstraints={{ right: 0, left: -width }}\n        dragTransition={{ bounceDamping: 30, power: 0.33 }}\n        transition={{ duration: 0.2, ease: 'easeInOut' }}\n        className='flex cursor-pointer flex-col gap-3'\n      >\n        <div className={classNames('inline-flex w-max flex-col', className)}>\n          <div ref={listRef} className='flex' style={{ columnGap }}>\n            {items.map((item, cellIndex) => (\n              <motion.div key={`cell-${cellIndex}`} className='w-max'>\n                {renderComponent(item)}\n              </motion.div>\n            ))}\n          </div>\n        </div>\n      </motion.div>\n    </div>\n  )\n}\n"],"names":["CarouselNative","className","items","renderComponent","columnGap","props","width","setWidth","useState","carouselRef","useRef","containerRef","listRef","useEffect","carousel","jsx","motion","classNames","item","cellIndex"],"mappings":"2OAUO,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"}