@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/build/component.constants-BQOzGr0l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.constants-BQOzGr0l.js","sources":["../src/hooks/use-image-slider/use.tsx","../src/components/image-slider/component.tsx","../src/components/image-slider/component.constants.tsx"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Image } from '@local/components/image';\nimport { ImageSliderProps, SliderDot, SliderImage } from '@local/components/image-slider';\nimport { Stack } from '@local/components/stack';\nimport { Typography } from '@local/components/typography';\nimport { useDialog, useDialogProps } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, PanInfo, Variants } from 'framer-motion';\nimport { FC, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useImageSliderProps } from '.';\n\nexport const useImageSlider = (props: useImageSliderProps) => {\n  const { onIndexChange } = props;\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const images = useMemo(() => props.images, [props.images]);\n\n  const [{ activeImageId, direction }, setActiveImage] = useState({\n    activeImageId: images?.[0]?.id ?? null,\n    direction: 0,\n  });\n  const isLengthOne = useMemo(() => images?.length === 1, [images]);\n  const isLengthZero = useMemo(() => images?.length === 0, [images]);\n\n  const activeImageIndex = useMemo(() => images.findIndex((img) => img.id === activeImageId), [activeImageId, images]);\n\n  const swipeToImage = useCallback(\n    (swipeDirection: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const nextIndex = (currentIndex + swipeDirection + images.length) % images.length;\n      setActiveImage({ activeImageId: images[nextIndex].id, direction: swipeDirection });\n    },\n    [activeImageId, images],\n  );\n  const dragEndHandler = useCallback(\n    (dragInfo: PanInfo) => {\n      const { offset, velocity } = dragInfo;\n      const swipeThreshold = 50;\n      const swipePower = Math.abs(offset.x) * velocity.x;\n\n      if (swipePower > 500 || offset.x > swipeThreshold) {\n        swipeToImage(-1);\n      } else if (swipePower < -500 || offset.x < -swipeThreshold) {\n        swipeToImage(1);\n      }\n    },\n    [swipeToImage],\n  );\n  const skipToImage = useCallback(\n    (imageId: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const newIndex = images.findIndex((img) => img.id === imageId);\n      if (newIndex === -1 || newIndex === currentIndex) return;\n\n      const direction = newIndex > currentIndex ? 1 : -1;\n      setActiveImage({ activeImageId: imageId, direction });\n    },\n    [activeImageId, images],\n  );\n\n  useEffect(() => {\n    if (activeImageId) onIndexChange?.(activeImageId);\n  }, [activeImageId, onIndexChange]);\n\n  const propsDialog: useDialogProps<ComponentHandleAddProps> = useMemo(\n    () => ({\n      propsCustom: {\n        br: br,\n        dragEndHandler: dragEndHandler,\n        images: images,\n        children: props.children,\n        activeImageIndex: activeImageIndex,\n        activeImageId: activeImageId,\n        swipeToImage: swipeToImage,\n        skipToImage: skipToImage,\n        direction: direction,\n        aspect: props.imageSettings.aspect,\n        genre: props.genre,\n        size: props.size,\n        failedToLoad: props.locales.failedToLoad,\n        isLengthOne: isLengthOne,\n      },\n      propsDialog: {\n        borderRadius: br,\n        padding: '0',\n        background: 'whiteStandard',\n      },\n      content: (remove, _isAnimating, params) => <ComponentHandleAdd params={params} remove={remove} />,\n    }),\n    [\n      br,\n      images,\n      activeImageId,\n      activeImageIndex,\n      direction,\n      dragEndHandler,\n      isLengthOne,\n      props.children,\n      props.genre,\n      props.imageSettings.aspect,\n      props.locales.failedToLoad,\n      props.size,\n      skipToImage,\n      swipeToImage,\n    ],\n  );\n\n  const { add } = useDialog<ComponentHandleAddProps>(propsDialog);\n  const handleAdd = useCallback(() => {\n    add();\n  }, [add]);\n\n  return {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  };\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n\ntype ComponentHandleAddProps = {\n  br?: string;\n  dragEndHandler: (dragInfo: PanInfo) => void;\n  images: ImageSliderProps['images'];\n  children?: ImageSliderProps['children'];\n  activeImageIndex: number;\n  activeImageId: number | null;\n  swipeToImage: (swipeDirection: number) => void;\n  skipToImage: (imageId: number) => void;\n  direction: number;\n  aspect: number;\n  failedToLoad: string;\n  isLengthOne: boolean;\n} & Pick<ImageSliderProps, 'genre' | 'size'>;\n\nconst ComponentHandleAdd: FC<{\n  params?: ComponentHandleAddProps;\n  remove?: () => void;\n}> = ({ params, remove }) => {\n  return (\n    <Stack\n      sx={{\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          aspectRatio: `${params?.aspect! * 2} / 2`,\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          borderRadius: params?.br,\n        },\n        tablet: {\n          maxWidth: '95dvw',\n        },\n      }}\n    >\n      <AnimatePresence initial={false} custom={params?.direction}>\n        <SliderImage\n          key={params?.activeImageId}\n          style={{\n            overflow: 'hidden',\n            borderRadius: params?.br,\n          }}\n          custom={params?.direction}\n          variants={sliderVariants}\n          initial='initial'\n          animate='active'\n          exit='exit'\n          transition={sliderTransition}\n          {...(!params?.isLengthOne\n            ? {\n                drag: 'x',\n                dragConstraints: { left: 0, right: 0 },\n                dragElastic: 0.5,\n                onDragEnd: (_, dragInfo) => params?.dragEndHandler(dragInfo),\n              }\n            : {})}\n        >\n          <Image\n            sxStack={(theme) => ({\n              default: {\n                width: '100%',\n                height: '100%',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: theme.palette.black10,\n                position: 'absolute',\n                pointerEvents: 'none',\n              },\n            })}\n            isShowBeforeImage\n            sxImage={{\n              default: {\n                objectFit: 'contain',\n              },\n            }}\n            alt={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            src={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            componentFallback={\n              <Typography\n                sx={{\n                  default: {\n                    variant: 'h6',\n                  },\n                }}\n              >\n                {params?.failedToLoad}\n              </Typography>\n            }\n          />\n          {(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.children}\n        </SliderImage>\n      </AnimatePresence>\n      {typeof params?.children === 'function' ? params?.children?.({ isDialog: true }) : params?.children}\n\n      <Button\n        sx={{\n          default: {\n            position: 'absolute',\n            bottom: 15,\n            right: 15,\n          },\n        }}\n        genre={params?.genre ?? 'product'}\n        size={params?.size ?? 'medium'}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow4',\n          },\n        ]}\n        isWidthAsHeight\n        isHiddenBorder\n        isRadius\n        onClick={() => remove?.()}\n      />\n      {!params?.isLengthOne ? (\n        <>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: 15,\n                gap: '8px',\n              },\n            }}\n          >\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: 90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(-1)}\n            />\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: -90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(1)}\n            />\n          </Stack>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: '50%',\n                transform: 'translateX(-50%)',\n                gap: '4px',\n              },\n            }}\n          >\n            {(params?.images ?? [])?.map((i) => (\n              <SliderDot\n                onClick={() => params?.skipToImage?.(i.id)}\n                key={i.id}\n                initial={false}\n                animate={{\n                  scale: params?.activeImageId === i.id ? 1.5 : 1,\n                  opacity: params?.activeImageId === i.id ? 1 : 0.5,\n                }}\n              />\n            ))}\n          </Stack>\n        </>\n      ) : null}\n    </Stack>\n  );\n};\n","import { useImageSlider } from '@local/hooks/use-image-slider';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, Variants } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Image } from '../image';\nimport { Stack, StackMotion } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSliderProps, SliderDot, SliderImage } from '.';\n\nexport const ImageSlider: FC<ImageSliderProps> = (props) => {\n  const { onIndexChange } = props;\n  const images = useMemo(() => props.images, [props.images]);\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  } = useImageSlider({\n    genre: props.genre,\n    size: props.size,\n    images: images,\n    imageSettings: props.imageSettings,\n    locales: props.locales,\n    onIndexChange: onIndexChange,\n    children: props.children,\n  });\n  return (\n    <StackMotion\n      {...props.propsStack}\n      sx={(theme) => ({\n        ...props.propsStack?.sx,\n        default: {\n          borderRadius: br,\n          flexDirection: 'column',\n          alignItems: 'center',\n          overflow: 'hidden',\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).default\n              : props.propsStack?.sx.default\n            : {}),\n        },\n        tablet: {\n          maxWidth: '95dvw',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).tablet\n              : props.propsStack?.sx.tablet\n            : {}),\n        },\n      })}\n    >\n      {props.isLoading ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Icon size='large' type='loading' color='blueFocus' name='Line' />\n        </Stack>\n      ) : !isLengthZero ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n            },\n          }}\n        >\n          <AnimatePresence initial={false} custom={direction}>\n            <SliderImage\n              key={activeImageId}\n              style={{\n                overflow: 'hidden',\n                borderRadius: br,\n              }}\n              custom={direction}\n              variants={sliderVariants}\n              initial='initial'\n              animate='active'\n              exit='exit'\n              transition={sliderTransition}\n              {...(!isLengthOne\n                ? {\n                    drag: 'x',\n                    dragConstraints: { left: 0, right: 0 },\n                    dragElastic: 0.5,\n                    onDragEnd: (_, dragInfo) => dragEndHandler(dragInfo),\n                  }\n                : {})}\n            >\n              <Image\n                sxStack={(theme) => ({\n                  default: {\n                    width: '100%',\n                    height: '100%',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    backgroundColor: theme.palette.black10,\n                    position: 'absolute',\n                    pointerEvents: 'none',\n                  },\n                })}\n                alt={images[activeImageIndex]?.imageSrc}\n                src={images[activeImageIndex]?.imageSrc}\n                componentFallback={\n                  <Typography\n                    sx={{\n                      default: {\n                        variant: 'h6',\n                      },\n                    }}\n                  >\n                    {props.locales.failedToLoad}\n                  </Typography>\n                }\n              />\n              {images[activeImageIndex]?.children}\n            </SliderImage>\n          </AnimatePresence>\n          {typeof props?.children === 'function' ? props?.children?.({ isDialog: false }) : props?.children}\n\n          {!isLengthOne && (\n            <>\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    left: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: 90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(-1)}\n              />\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    right: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: -90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(1)}\n              />\n              <Stack\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    bottom: 5,\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    gap: '4px',\n                  },\n                }}\n              >\n                {images.map((i) => (\n                  <SliderDot\n                    onClick={() => skipToImage(i.id)}\n                    key={i.id}\n                    initial={false}\n                    animate={{\n                      scale: activeImageId === i.id ? 1.5 : 1,\n                      opacity: activeImageId === i.id ? 1 : 0.5,\n                    }}\n                  />\n                ))}\n              </Stack>\n            </>\n          )}\n\n          <Button\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 5,\n                right: 5,\n              },\n            }}\n            genre={props.genre}\n            size={props.size}\n            icons={[\n              {\n                type: 'id',\n                name: 'Activity',\n              },\n            ]}\n            isWidthAsHeight\n            isHiddenBorder\n            isRadius\n            onClick={() => handleAdd()}\n          />\n        </Stack>\n      ) : (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Typography\n            sx={{\n              default: {\n                variant: 'h6',\n              },\n            }}\n          >\n            {props.locales.noImagesAvailable}\n          </Typography>\n        </Stack>\n      )}\n    </StackMotion>\n  );\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n","import 'styled-components';\n\nimport { Button } from '../button';\nimport { Stack } from '../stack';\nimport { ImageSliderProps } from '.';\n\nexport const IMAGES: ImageSliderProps['images'] = [\n  {\n    id: 0,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v',\n  },\n  {\n    id: 1,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D',\n  },\n  {\n    id: 2,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg',\n  },\n  {\n    id: 3,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n  {\n    id: 4,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n];\n"],"names":["direction","jsx","sliderVariants","sliderTransition","jsxs","Fragment","_a","_b","_c","_d"],"mappings":"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"}

package/build/component.constants-CFLrPu5_.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("./jsx-runtime-C6yv_9g1.cjs"),n=require("framer-motion"),e=require("react"),i=require("./context.constants-baqYH-_k.cjs"),o=require("./component-CoOTSdM5.cjs"),s=12;exports.DEFAULT_COMPONENT_PAGINATION_GAP=s,exports.Pagination=l=>{const a=e.useMemo(()=>0==l.index&&!l.isInfinity,[l.index,l.isInfinity]),r=e.useMemo(()=>l.index==l.length-1&&!l.isInfinity,[l.index,l.isInfinity,l.length]),u=e.useMemo(()=>l.gap??s,[l.gap]),x=e.useMemo(()=>l.lengthData??{},[l.lengthData]),d=e.useCallback(()=>{0==l.index?l.isInfinity&&l.changeIndex(l.length-1):l.changeIndex(l.index-1)},[l]),c=e.useCallback(()=>{l.index==l.length-1?l.isInfinity&&l.changeIndex(0):l.changeIndex(l.index+1)},[l]),h=e.useMemo(()=>{const t=Math.floor(l.viewQuantity/2),n=Math.max(0,Math.min(l.index-t,l.length-l.viewQuantity)),e=Math.min(l.length,n+l.viewQuantity);return Array.from({length:e-n},(t,e)=>n+e)},[l.index,l.viewQuantity,l.length]);return t.jsxRuntimeExports.jsxs(o.Stack,{sx:t=>({...null==l?void 0:l.sx,default:{height:"fit-content",gap:`${u}px`,...(null==l?void 0:l.sx)?"function"==typeof(null==l?void 0:l.sx)?null==l?void 0:l.sx(t).default:null==l?void 0:l.sx.default:{}}}),children:[t.jsxRuntimeExports.jsx(i.Button,{isDisabled:a,isHidden:a,onClick:d,...l.buttonControl,icons:[{type:"id",name:"Arrow2",order:-1,turn:90}],children:!l.buttonControl.isWidthAsHeight&&l.locale.prev}),t.jsxRuntimeExports.jsx(o.Stack,{sx:{default:{width:"fit-content",height:"fit-content",display:"flex",gap:`${u}px`,alignItems:"center",justifyContent:"flex-start"}},children:Array.from({length:l.length}).map((e,o)=>{var s,a;const r=h.includes(o);return t.jsxRuntimeExports.jsx(n.AnimatePresence,{mode:"popLayout",children:r&&t.jsxRuntimeExports.jsx(n.motion.div,{layout:!0,initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:1,ease:"backOut"},children:t.jsxRuntimeExports.jsx(i.Button,{isWidthAsHeight:!0,...o===l.index?l.buttonCount.active:l.buttonCount.inactive,...null==x?void 0:x[o],onClick:()=>l.changeIndex(o),children:(null==(a=null==(s=null==x?void 0:x[o])?void 0:s.icons)?void 0:a.length)?null:o+1})})},o)})}),t.jsxRuntimeExports.jsx(i.Button,{isDisabled:r,isHidden:r,onClick:c,...l.buttonControl,icons:[{type:"id",name:"Arrow2",turn:-90}],children:!l.buttonControl.isWidthAsHeight&&l.locale.next})]})};
-//# sourceMappingURL=component.constants-CFLrPu5_.cjs.map

package/build/component.constants-CFLrPu5_.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.constants-CFLrPu5_.cjs","sources":["../src/components/pagination/component.constants.ts","../src/components/pagination/component.tsx"],"sourcesContent":["export const DEFAULT_COMPONENT_PAGINATION_GAP = 12;\n","import { AnimatePresence, motion } from 'framer-motion';\nimport { FC, useCallback, useMemo } from 'react';\n\nimport { Button } from '@local/components/button';\nimport { Stack } from '@local/components/stack';\n\nimport { DEFAULT_COMPONENT_PAGINATION_GAP, PaginationProps } from '.';\n\nexport const Pagination: FC<PaginationProps> = (props) => {\n  const isDisabledPrevious = useMemo(() => props.index == 0 && !props.isInfinity, [props.index, props.isInfinity]);\n  const isDisabledNext = useMemo(\n    () => props.index == props.length - 1 && !props.isInfinity,\n    [props.index, props.isInfinity, props.length],\n  );\n\n  const gap = useMemo(() => props.gap ?? DEFAULT_COMPONENT_PAGINATION_GAP, [props.gap]);\n  const lengthData = useMemo(() => props.lengthData ?? {}, [props.lengthData]);\n  const handlePrevious = useCallback(() => {\n    if (props.index == 0) {\n      if (props.isInfinity) {\n        props.changeIndex(props.length - 1);\n      }\n    } else {\n      props.changeIndex(props.index - 1);\n    }\n  }, [props]);\n\n  const handleNext = useCallback(() => {\n    if (props.index == props.length - 1) {\n      if (props.isInfinity) {\n        props.changeIndex(0);\n      }\n    } else {\n      props.changeIndex(props.index + 1);\n    }\n  }, [props]);\n\n  const visibleButtons = useMemo(() => {\n    const half = Math.floor(props.viewQuantity / 2);\n    const start = Math.max(0, Math.min(props.index - half, props.length - props.viewQuantity));\n    const end = Math.min(props.length, start + props.viewQuantity);\n    return Array.from({ length: end - start }, (_, i) => start + i);\n  }, [props.index, props.viewQuantity, props.length]);\n\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          height: 'fit-content',\n          gap: `${gap}px`,\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n    >\n      <Button\n        isDisabled={isDisabledPrevious}\n        isHidden={isDisabledPrevious}\n        onClick={handlePrevious}\n        {...props.buttonControl}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow2',\n            order: -1,\n            turn: 90,\n          },\n        ]}\n      >\n        {!props.buttonControl.isWidthAsHeight && props.locale.prev}\n      </Button>\n\n      <Stack\n        sx={{\n          default: {\n            width: 'fit-content',\n            height: 'fit-content',\n            display: 'flex',\n            gap: `${gap}px`,\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n          },\n        }}\n      >\n        {Array.from({ length: props.length }).map((_, i) => {\n          const isVisible = visibleButtons.includes(i);\n          return (\n            <AnimatePresence key={i} mode='popLayout'>\n              {isVisible && (\n                <motion.div\n                  layout\n                  initial={{\n                    opacity: 0,\n                    scale: 0.8,\n                  }}\n                  animate={{\n                    opacity: 1,\n                    scale: 1,\n                  }}\n                  exit={{\n                    opacity: 0,\n                    scale: 0.8,\n                  }}\n                  transition={{ duration: 1, ease: 'backOut' }}\n                >\n                  <Button\n                    isWidthAsHeight\n                    {...(i === props.index ? props.buttonCount.active : props.buttonCount.inactive)}\n                    {...lengthData?.[i]}\n                    onClick={() => props.changeIndex(i)}\n                  >\n                    {lengthData?.[i]?.icons?.length ? null : i + 1}\n                  </Button>\n                </motion.div>\n              )}\n            </AnimatePresence>\n          );\n        })}\n      </Stack>\n\n      <Button\n        isDisabled={isDisabledNext}\n        isHidden={isDisabledNext}\n        onClick={handleNext}\n        {...props.buttonControl}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow2',\n            turn: -90,\n          },\n        ]}\n      >\n        {!props.buttonControl.isWidthAsHeight && props.locale.next}\n      </Button>\n    </Stack>\n  );\n};\n"],"names":["DEFAULT_COMPONENT_PAGINATION_GAP","props","isDisabledPrevious","useMemo","index","isInfinity","isDisabledNext","length","gap","lengthData","handlePrevious","useCallback","changeIndex","handleNext","visibleButtons","half","Math","floor","viewQuantity","start","max","min","end","Array","from","_","i","jsxs","Stack","sx","theme","default","height","children","jsx","Button","isDisabled","isHidden","onClick","buttonControl","icons","type","name","order","turn","isWidthAsHeight","locale","prev","width","display","alignItems","justifyContent","map","isVisible","includes","AnimatePresence","mode","motion","div","layout","initial","opacity","scale","animate","exit","transition","duration","ease","buttonCount","active","inactive","next"],"mappings":"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"}

package/build/component.constants-DI22AYyi.js

@@ -1,142 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { AnimatePresence, motion } from "framer-motion";
-import { useMemo, useCallback } from "react";
-import { B as Button } from "./context.constants-BWLe7YHv.js";
-import { b as Stack } from "./component-gcvwlILJ.js";
-const Pagination = (props) => {
-  const isDisabledPrevious = useMemo(() => props.index == 0 && !props.isInfinity, [props.index, props.isInfinity]);
-  const isDisabledNext = useMemo(
-    () => props.index == props.length - 1 && !props.isInfinity,
-    [props.index, props.isInfinity, props.length]
-  );
-  const gap = useMemo(() => props.gap ?? DEFAULT_COMPONENT_PAGINATION_GAP, [props.gap]);
-  const lengthData = useMemo(() => props.lengthData ?? {}, [props.lengthData]);
-  const handlePrevious = useCallback(() => {
-    if (props.index == 0) {
-      if (props.isInfinity) {
-        props.changeIndex(props.length - 1);
-      }
-    } else {
-      props.changeIndex(props.index - 1);
-    }
-  }, [props]);
-  const handleNext = useCallback(() => {
-    if (props.index == props.length - 1) {
-      if (props.isInfinity) {
-        props.changeIndex(0);
-      }
-    } else {
-      props.changeIndex(props.index + 1);
-    }
-  }, [props]);
-  const visibleButtons = useMemo(() => {
-    const half = Math.floor(props.viewQuantity / 2);
-    const start = Math.max(0, Math.min(props.index - half, props.length - props.viewQuantity));
-    const end = Math.min(props.length, start + props.viewQuantity);
-    return Array.from({ length: end - start }, (_, i) => start + i);
-  }, [props.index, props.viewQuantity, props.length]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Stack,
-    {
-      sx: (theme) => ({
-        ...props == null ? void 0 : props.sx,
-        default: {
-          height: "fit-content",
-          gap: `${gap}px`,
-          ...(props == null ? void 0 : props.sx) ? typeof (props == null ? void 0 : props.sx) === "function" ? props == null ? void 0 : props.sx(theme).default : props == null ? void 0 : props.sx.default : {}
-        }
-      }),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            isDisabled: isDisabledPrevious,
-            isHidden: isDisabledPrevious,
-            onClick: handlePrevious,
-            ...props.buttonControl,
-            icons: [
-              {
-                type: "id",
-                name: "Arrow2",
-                order: -1,
-                turn: 90
-              }
-            ],
-            children: !props.buttonControl.isWidthAsHeight && props.locale.prev
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Stack,
-          {
-            sx: {
-              default: {
-                width: "fit-content",
-                height: "fit-content",
-                display: "flex",
-                gap: `${gap}px`,
-                alignItems: "center",
-                justifyContent: "flex-start"
-              }
-            },
-            children: Array.from({ length: props.length }).map((_, i) => {
-              var _a, _b;
-              const isVisible = visibleButtons.includes(i);
-              return /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { mode: "popLayout", children: isVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                motion.div,
-                {
-                  layout: true,
-                  initial: {
-                    opacity: 0,
-                    scale: 0.8
-                  },
-                  animate: {
-                    opacity: 1,
-                    scale: 1
-                  },
-                  exit: {
-                    opacity: 0,
-                    scale: 0.8
-                  },
-                  transition: { duration: 1, ease: "backOut" },
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    Button,
-                    {
-                      isWidthAsHeight: true,
-                      ...i === props.index ? props.buttonCount.active : props.buttonCount.inactive,
-                      ...lengthData == null ? void 0 : lengthData[i],
-                      onClick: () => props.changeIndex(i),
-                      children: ((_b = (_a = lengthData == null ? void 0 : lengthData[i]) == null ? void 0 : _a.icons) == null ? void 0 : _b.length) ? null : i + 1
-                    }
-                  )
-                }
-              ) }, i);
-            })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            isDisabled: isDisabledNext,
-            isHidden: isDisabledNext,
-            onClick: handleNext,
-            ...props.buttonControl,
-            icons: [
-              {
-                type: "id",
-                name: "Arrow2",
-                turn: -90
-              }
-            ],
-            children: !props.buttonControl.isWidthAsHeight && props.locale.next
-          }
-        )
-      ]
-    }
-  );
-};
-const DEFAULT_COMPONENT_PAGINATION_GAP = 12;
-export {
-  DEFAULT_COMPONENT_PAGINATION_GAP as D,
-  Pagination as P
-};
-//# sourceMappingURL=component.constants-DI22AYyi.js.map

package/build/component.constants-DI22AYyi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.constants-DI22AYyi.js","sources":["../src/components/pagination/component.tsx","../src/components/pagination/component.constants.ts"],"sourcesContent":["import { AnimatePresence, motion } from 'framer-motion';\nimport { FC, useCallback, useMemo } from 'react';\n\nimport { Button } from '@local/components/button';\nimport { Stack } from '@local/components/stack';\n\nimport { DEFAULT_COMPONENT_PAGINATION_GAP, PaginationProps } from '.';\n\nexport const Pagination: FC<PaginationProps> = (props) => {\n  const isDisabledPrevious = useMemo(() => props.index == 0 && !props.isInfinity, [props.index, props.isInfinity]);\n  const isDisabledNext = useMemo(\n    () => props.index == props.length - 1 && !props.isInfinity,\n    [props.index, props.isInfinity, props.length],\n  );\n\n  const gap = useMemo(() => props.gap ?? DEFAULT_COMPONENT_PAGINATION_GAP, [props.gap]);\n  const lengthData = useMemo(() => props.lengthData ?? {}, [props.lengthData]);\n  const handlePrevious = useCallback(() => {\n    if (props.index == 0) {\n      if (props.isInfinity) {\n        props.changeIndex(props.length - 1);\n      }\n    } else {\n      props.changeIndex(props.index - 1);\n    }\n  }, [props]);\n\n  const handleNext = useCallback(() => {\n    if (props.index == props.length - 1) {\n      if (props.isInfinity) {\n        props.changeIndex(0);\n      }\n    } else {\n      props.changeIndex(props.index + 1);\n    }\n  }, [props]);\n\n  const visibleButtons = useMemo(() => {\n    const half = Math.floor(props.viewQuantity / 2);\n    const start = Math.max(0, Math.min(props.index - half, props.length - props.viewQuantity));\n    const end = Math.min(props.length, start + props.viewQuantity);\n    return Array.from({ length: end - start }, (_, i) => start + i);\n  }, [props.index, props.viewQuantity, props.length]);\n\n  return (\n    <Stack\n      sx={(theme) => ({\n        ...props?.sx,\n        default: {\n          height: 'fit-content',\n          gap: `${gap}px`,\n          ...(props?.sx ? (typeof props?.sx === 'function' ? props?.sx(theme).default : props?.sx.default) : {}),\n        },\n      })}\n    >\n      <Button\n        isDisabled={isDisabledPrevious}\n        isHidden={isDisabledPrevious}\n        onClick={handlePrevious}\n        {...props.buttonControl}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow2',\n            order: -1,\n            turn: 90,\n          },\n        ]}\n      >\n        {!props.buttonControl.isWidthAsHeight && props.locale.prev}\n      </Button>\n\n      <Stack\n        sx={{\n          default: {\n            width: 'fit-content',\n            height: 'fit-content',\n            display: 'flex',\n            gap: `${gap}px`,\n            alignItems: 'center',\n            justifyContent: 'flex-start',\n          },\n        }}\n      >\n        {Array.from({ length: props.length }).map((_, i) => {\n          const isVisible = visibleButtons.includes(i);\n          return (\n            <AnimatePresence key={i} mode='popLayout'>\n              {isVisible && (\n                <motion.div\n                  layout\n                  initial={{\n                    opacity: 0,\n                    scale: 0.8,\n                  }}\n                  animate={{\n                    opacity: 1,\n                    scale: 1,\n                  }}\n                  exit={{\n                    opacity: 0,\n                    scale: 0.8,\n                  }}\n                  transition={{ duration: 1, ease: 'backOut' }}\n                >\n                  <Button\n                    isWidthAsHeight\n                    {...(i === props.index ? props.buttonCount.active : props.buttonCount.inactive)}\n                    {...lengthData?.[i]}\n                    onClick={() => props.changeIndex(i)}\n                  >\n                    {lengthData?.[i]?.icons?.length ? null : i + 1}\n                  </Button>\n                </motion.div>\n              )}\n            </AnimatePresence>\n          );\n        })}\n      </Stack>\n\n      <Button\n        isDisabled={isDisabledNext}\n        isHidden={isDisabledNext}\n        onClick={handleNext}\n        {...props.buttonControl}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow2',\n            turn: -90,\n          },\n        ]}\n      >\n        {!props.buttonControl.isWidthAsHeight && props.locale.next}\n      </Button>\n    </Stack>\n  );\n};\n","export const DEFAULT_COMPONENT_PAGINATION_GAP = 12;\n"],"names":["jsxs","jsx"],"mappings":"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"}

package/build/component.constants-DnHO8qFb.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-C6yv_9g1.cjs"),i=require("./context.constants-baqYH-_k.cjs"),t=require("./component-DRMRXUJA.cjs"),s=require("./component-CoOTSdM5.cjs");require("styled-components"),require("./context.constants-BA1u2p1r.cjs");const n=require("./context.hooks-DjafkFMD.cjs"),o=require("framer-motion"),a=require("react"),l={initial:e=>({x:e>0?"100%":"-100%",scale:1,opacity:0}),active:{x:0,scale:1,opacity:1},exit:e=>({x:e>0?"-100%":"100%",scale:1,opacity:.2})},d={duration:.3,ease:[.56,.03,.12,1.04]},r=({params:n,remove:a})=>{var r,u,c,x,p,m,g,h;return e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{position:"relative",overflow:"hidden",aspectRatio:2*(null==n?void 0:n.aspect)+" / 2",width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==n?void 0:n.br},tablet:{maxWidth:"95dvw"}},children:[e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,custom:null==n?void 0:n.direction,children:e.jsxRuntimeExports.jsxs(i.SliderImage,{style:{overflow:"hidden",borderRadius:null==n?void 0:n.br},custom:null==n?void 0:n.direction,variants:l,initial:"initial",animate:"active",exit:"exit",transition:d,...(null==n?void 0:n.isLengthOne)?{}:{drag:"x",dragConstraints:{left:0,right:0},dragElastic:.5,onDragEnd:(e,i)=>null==n?void 0:n.dragEndHandler(i)},children:[e.jsxRuntimeExports.jsx(t.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:!0,sxImage:{default:{objectFit:"contain"}},alt:null==(u=null==(r=(null==n?void 0:n.images)??[])?void 0:r[(null==n?void 0:n.activeImageIndex)??0])?void 0:u.imageSrc,src:null==(x=null==(c=(null==n?void 0:n.images)??[])?void 0:c[(null==n?void 0:n.activeImageIndex)??0])?void 0:x.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:null==n?void 0:n.failedToLoad})}),null==(m=null==(p=(null==n?void 0:n.images)??[])?void 0:p[(null==n?void 0:n.activeImageIndex)??0])?void 0:m.children]},null==n?void 0:n.activeImageId)}),"function"==typeof(null==n?void 0:n.children)?null==(g=null==n?void 0:n.children)?void 0:g.call(n,{isDialog:!0}):null==n?void 0:n.children,e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",bottom:15,right:15}},genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>null==a?void 0:a()}),(null==n?void 0:n.isLengthOne)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{position:"absolute",bottom:15,left:15,gap:"8px"}},children:[e.jsxRuntimeExports.jsx(i.Button,{genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4",turn:90}],isWidthAsHeight:!0,isHiddenBorder:!0,isPlaystationEffect:!0,isRadius:!0,onClick:()=>{var e;return null==(e=null==n?void 0:n.swipeToImage)?void 0:e.call(n,-1)}}),e.jsxRuntimeExports.jsx(i.Button,{genre:(null==n?void 0:n.genre)??"product",size:(null==n?void 0:n.size)??"medium",icons:[{type:"id",name:"Arrow4",turn:-90}],isWidthAsHeight:!0,isHiddenBorder:!0,isPlaystationEffect:!0,isRadius:!0,onClick:()=>{var e;return null==(e=null==n?void 0:n.swipeToImage)?void 0:e.call(n,1)}})]}),e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{position:"absolute",bottom:15,left:"50%",transform:"translateX(-50%)",gap:"4px"}},children:null==(h=(null==n?void 0:n.images)??[])?void 0:h.map(t=>e.jsxRuntimeExports.jsx(i.SliderDot,{onClick:()=>{var e;return null==(e=null==n?void 0:n.skipToImage)?void 0:e.call(n,t.id)},initial:!1,animate:{scale:(null==n?void 0:n.activeImageId)===t.id?1.5:1,opacity:(null==n?void 0:n.activeImageId)===t.id?1:.5}},t.id))})]})]})},u={initial:e=>({x:e>0?"100%":"-100%",scale:1,opacity:0}),active:{x:0,scale:1,opacity:1},exit:e=>({x:e>0?"-100%":"100%",scale:1,opacity:.2})},c={duration:.3,ease:[.56,.03,.12,1.04]},x=[{id:0,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v"},{id:1,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D"},{id:2,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg"},{id:3,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"},{id:4,children:e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{justifyContent:"flex-start",padding:"5px",flexGrow:1}},children:e.jsxRuntimeExports.jsx(i.Button,{isHiddenBorder:!0,isDisabled:!0,genre:"realebail-white",size:"medium",sxTypography:{default:{weight:700}},children:"Los Angeles"})}),imageSrc:"https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"}];exports.IMAGES=x,exports.ImageSlider=l=>{var d,x,p,m;const{onIndexChange:g}=l,h=a.useMemo(()=>l.images,[l.images]),v=a.useMemo(()=>i.KEY_SIZE_DATA[l.size],[l.size]),f=a.useMemo(()=>`${v.radius}px`,[v.radius]),{isLengthZero:j,direction:I,activeImageId:b,isLengthOne:y,dragEndHandler:E,activeImageIndex:w,swipeToImage:R,skipToImage:k,handleAdd:S}=(t=>{var s;const{onIndexChange:o}=t,l=a.useMemo(()=>i.KEY_SIZE_DATA[t.size],[t.size]),d=a.useMemo(()=>`${l.radius}px`,[l.radius]),u=a.useMemo(()=>t.images,[t.images]),[{activeImageId:c,direction:x},p]=a.useState({activeImageId:(null==(s=null==u?void 0:u[0])?void 0:s.id)??null,direction:0}),m=a.useMemo(()=>1===(null==u?void 0:u.length),[u]),g=a.useMemo(()=>0===(null==u?void 0:u.length),[u]),h=a.useMemo(()=>u.findIndex(e=>e.id===c),[c,u]),v=a.useCallback(e=>{const i=(u.findIndex(e=>e.id===c)+e+u.length)%u.length;p({activeImageId:u[i].id,direction:e})},[c,u]),f=a.useCallback(e=>{const{offset:i,velocity:t}=e,s=Math.abs(i.x)*t.x;s>500||i.x>50?v(-1):(s<-500||i.x<-50)&&v(1)},[v]),j=a.useCallback(e=>{const i=u.findIndex(e=>e.id===c),t=u.findIndex(i=>i.id===e);-1!==t&&t!==i&&p({activeImageId:e,direction:t>i?1:-1})},[c,u]);a.useEffect(()=>{c&&(null==o||o(c))},[c,o]);const I=a.useMemo(()=>({propsCustom:{br:d,dragEndHandler:f,images:u,children:t.children,activeImageIndex:h,activeImageId:c,swipeToImage:v,skipToImage:j,direction:x,aspect:t.imageSettings.aspect,genre:t.genre,size:t.size,failedToLoad:t.locales.failedToLoad,isLengthOne:m},propsDialog:{borderRadius:d,padding:"0",background:"whiteStandard"},content:(i,t,s)=>e.jsxRuntimeExports.jsx(r,{params:s,remove:i})}),[d,u,c,h,x,f,m,t.children,t.genre,t.imageSettings.aspect,t.locales.failedToLoad,t.size,j,v]),{add:b}=n.useDialog(I),y=a.useCallback(()=>{b()},[b]);return{isLengthZero:g,direction:x,activeImageId:c,isLengthOne:m,dragEndHandler:f,activeImageIndex:h,swipeToImage:v,skipToImage:j,handleAdd:y}})({genre:l.genre,size:l.size,images:h,imageSettings:l.imageSettings,locales:l.locales,onIndexChange:g,children:l.children});return e.jsxRuntimeExports.jsx(s.StackMotion,{...l.propsStack,sx:e=>{var i,t,s,n,o,a,d,r,u;return{...null==(i=l.propsStack)?void 0:i.sx,default:{borderRadius:f,flexDirection:"column",alignItems:"center",overflow:"hidden",width:"auto",maxWidth:"70dvw",height:"85dvh",...(null==(t=l.propsStack)?void 0:t.sx)?"function"==typeof(null==(s=l.propsStack)?void 0:s.sx)?null==(n=l.propsStack)?void 0:n.sx(e).default:null==(o=l.propsStack)?void 0:o.sx.default:{}},tablet:{maxWidth:"95dvw",...(null==(a=l.propsStack)?void 0:a.sx)?"function"==typeof(null==(d=l.propsStack)?void 0:d.sx)?null==(r=l.propsStack)?void 0:r.sx(e).tablet:null==(u=l.propsStack)?void 0:u.sx.tablet:{}}}},children:l.isLoading?e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}},children:e.jsxRuntimeExports.jsx(i.Icon,{size:"large",type:"loading",color:"blueFocus",name:"Line"})}):j?e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"}},children:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:l.locales.noImagesAvailable})}):e.jsxRuntimeExports.jsxs(s.Stack,{sx:{default:{width:"100%",height:"100%",position:"relative",overflow:"hidden"}},children:[e.jsxRuntimeExports.jsx(o.AnimatePresence,{initial:!1,custom:I,children:e.jsxRuntimeExports.jsxs(i.SliderImage,{style:{overflow:"hidden",borderRadius:f},custom:I,variants:u,initial:"initial",animate:"active",exit:"exit",transition:c,...y?{}:{drag:"x",dragConstraints:{left:0,right:0},dragElastic:.5,onDragEnd:(e,i)=>E(i)},children:[e.jsxRuntimeExports.jsx(t.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),alt:null==(d=h[w])?void 0:d.imageSrc,src:null==(x=h[w])?void 0:x.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(i.Typography,{sx:{default:{variant:"h6"}},children:l.locales.failedToLoad})}),null==(p=h[w])?void 0:p.children]},b)}),"function"==typeof(null==l?void 0:l.children)?null==(m=null==l?void 0:l.children)?void 0:m.call(l,{isDialog:!1}):null==l?void 0:l.children,!y&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:"50%",left:5,transform:"translateY(-50%)"}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Arrow4",turn:90}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>R(-1)}),e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:"50%",right:5,transform:"translateY(-50%)"}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Arrow4",turn:-90}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>R(1)}),e.jsxRuntimeExports.jsx(s.Stack,{sx:{default:{position:"absolute",bottom:5,left:"50%",transform:"translateX(-50%)",gap:"4px"}},children:h.map(t=>e.jsxRuntimeExports.jsx(i.SliderDot,{onClick:()=>k(t.id),initial:!1,animate:{scale:b===t.id?1.5:1,opacity:b===t.id?1:.5}},t.id))})]}),e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",bottom:5,right:5}},genre:l.genre,size:l.size,icons:[{type:"id",name:"Activity"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>S()})]})})};
-//# sourceMappingURL=component.constants-DnHO8qFb.cjs.map

package/build/component.constants-DnHO8qFb.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.constants-DnHO8qFb.cjs","sources":["../src/hooks/use-image-slider/use.tsx","../src/components/image-slider/component.tsx","../src/components/image-slider/component.constants.tsx"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Image } from '@local/components/image';\nimport { ImageSliderProps, SliderDot, SliderImage } from '@local/components/image-slider';\nimport { Stack } from '@local/components/stack';\nimport { Typography } from '@local/components/typography';\nimport { useDialog, useDialogProps } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, PanInfo, Variants } from 'framer-motion';\nimport { FC, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useImageSliderProps } from '.';\n\nexport const useImageSlider = (props: useImageSliderProps) => {\n  const { onIndexChange } = props;\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const images = useMemo(() => props.images, [props.images]);\n\n  const [{ activeImageId, direction }, setActiveImage] = useState({\n    activeImageId: images?.[0]?.id ?? null,\n    direction: 0,\n  });\n  const isLengthOne = useMemo(() => images?.length === 1, [images]);\n  const isLengthZero = useMemo(() => images?.length === 0, [images]);\n\n  const activeImageIndex = useMemo(() => images.findIndex((img) => img.id === activeImageId), [activeImageId, images]);\n\n  const swipeToImage = useCallback(\n    (swipeDirection: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const nextIndex = (currentIndex + swipeDirection + images.length) % images.length;\n      setActiveImage({ activeImageId: images[nextIndex].id, direction: swipeDirection });\n    },\n    [activeImageId, images],\n  );\n  const dragEndHandler = useCallback(\n    (dragInfo: PanInfo) => {\n      const { offset, velocity } = dragInfo;\n      const swipeThreshold = 50;\n      const swipePower = Math.abs(offset.x) * velocity.x;\n\n      if (swipePower > 500 || offset.x > swipeThreshold) {\n        swipeToImage(-1);\n      } else if (swipePower < -500 || offset.x < -swipeThreshold) {\n        swipeToImage(1);\n      }\n    },\n    [swipeToImage],\n  );\n  const skipToImage = useCallback(\n    (imageId: number) => {\n      const currentIndex = images.findIndex((img) => img.id === activeImageId);\n      const newIndex = images.findIndex((img) => img.id === imageId);\n      if (newIndex === -1 || newIndex === currentIndex) return;\n\n      const direction = newIndex > currentIndex ? 1 : -1;\n      setActiveImage({ activeImageId: imageId, direction });\n    },\n    [activeImageId, images],\n  );\n\n  useEffect(() => {\n    if (activeImageId) onIndexChange?.(activeImageId);\n  }, [activeImageId, onIndexChange]);\n\n  const propsDialog: useDialogProps<ComponentHandleAddProps> = useMemo(\n    () => ({\n      propsCustom: {\n        br: br,\n        dragEndHandler: dragEndHandler,\n        images: images,\n        children: props.children,\n        activeImageIndex: activeImageIndex,\n        activeImageId: activeImageId,\n        swipeToImage: swipeToImage,\n        skipToImage: skipToImage,\n        direction: direction,\n        aspect: props.imageSettings.aspect,\n        genre: props.genre,\n        size: props.size,\n        failedToLoad: props.locales.failedToLoad,\n        isLengthOne: isLengthOne,\n      },\n      propsDialog: {\n        borderRadius: br,\n        padding: '0',\n        background: 'whiteStandard',\n      },\n      content: (remove, _isAnimating, params) => <ComponentHandleAdd params={params} remove={remove} />,\n    }),\n    [\n      br,\n      images,\n      activeImageId,\n      activeImageIndex,\n      direction,\n      dragEndHandler,\n      isLengthOne,\n      props.children,\n      props.genre,\n      props.imageSettings.aspect,\n      props.locales.failedToLoad,\n      props.size,\n      skipToImage,\n      swipeToImage,\n    ],\n  );\n\n  const { add } = useDialog<ComponentHandleAddProps>(propsDialog);\n  const handleAdd = useCallback(() => {\n    add();\n  }, [add]);\n\n  return {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  };\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n\ntype ComponentHandleAddProps = {\n  br?: string;\n  dragEndHandler: (dragInfo: PanInfo) => void;\n  images: ImageSliderProps['images'];\n  children?: ImageSliderProps['children'];\n  activeImageIndex: number;\n  activeImageId: number | null;\n  swipeToImage: (swipeDirection: number) => void;\n  skipToImage: (imageId: number) => void;\n  direction: number;\n  aspect: number;\n  failedToLoad: string;\n  isLengthOne: boolean;\n} & Pick<ImageSliderProps, 'genre' | 'size'>;\n\nconst ComponentHandleAdd: FC<{\n  params?: ComponentHandleAddProps;\n  remove?: () => void;\n}> = ({ params, remove }) => {\n  return (\n    <Stack\n      sx={{\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          aspectRatio: `${params?.aspect! * 2} / 2`,\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          borderRadius: params?.br,\n        },\n        tablet: {\n          maxWidth: '95dvw',\n        },\n      }}\n    >\n      <AnimatePresence initial={false} custom={params?.direction}>\n        <SliderImage\n          key={params?.activeImageId}\n          style={{\n            overflow: 'hidden',\n            borderRadius: params?.br,\n          }}\n          custom={params?.direction}\n          variants={sliderVariants}\n          initial='initial'\n          animate='active'\n          exit='exit'\n          transition={sliderTransition}\n          {...(!params?.isLengthOne\n            ? {\n                drag: 'x',\n                dragConstraints: { left: 0, right: 0 },\n                dragElastic: 0.5,\n                onDragEnd: (_, dragInfo) => params?.dragEndHandler(dragInfo),\n              }\n            : {})}\n        >\n          <Image\n            sxStack={(theme) => ({\n              default: {\n                width: '100%',\n                height: '100%',\n                alignItems: 'center',\n                justifyContent: 'center',\n                backgroundColor: theme.palette.black10,\n                position: 'absolute',\n                pointerEvents: 'none',\n              },\n            })}\n            isShowBeforeImage\n            sxImage={{\n              default: {\n                objectFit: 'contain',\n              },\n            }}\n            alt={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            src={(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.imageSrc}\n            componentFallback={\n              <Typography\n                sx={{\n                  default: {\n                    variant: 'h6',\n                  },\n                }}\n              >\n                {params?.failedToLoad}\n              </Typography>\n            }\n          />\n          {(params?.images ?? [])?.[params?.activeImageIndex ?? 0]?.children}\n        </SliderImage>\n      </AnimatePresence>\n      {typeof params?.children === 'function' ? params?.children?.({ isDialog: true }) : params?.children}\n\n      <Button\n        sx={{\n          default: {\n            position: 'absolute',\n            bottom: 15,\n            right: 15,\n          },\n        }}\n        genre={params?.genre ?? 'product'}\n        size={params?.size ?? 'medium'}\n        icons={[\n          {\n            type: 'id',\n            name: 'Arrow4',\n          },\n        ]}\n        isWidthAsHeight\n        isHiddenBorder\n        isRadius\n        onClick={() => remove?.()}\n      />\n      {!params?.isLengthOne ? (\n        <>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: 15,\n                gap: '8px',\n              },\n            }}\n          >\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: 90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(-1)}\n            />\n            <Button\n              genre={params?.genre ?? 'product'}\n              size={params?.size ?? 'medium'}\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4',\n                  turn: -90,\n                },\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isPlaystationEffect\n              isRadius\n              onClick={() => params?.swipeToImage?.(1)}\n            />\n          </Stack>\n          <Stack\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 15,\n                left: '50%',\n                transform: 'translateX(-50%)',\n                gap: '4px',\n              },\n            }}\n          >\n            {(params?.images ?? [])?.map((i) => (\n              <SliderDot\n                onClick={() => params?.skipToImage?.(i.id)}\n                key={i.id}\n                initial={false}\n                animate={{\n                  scale: params?.activeImageId === i.id ? 1.5 : 1,\n                  opacity: params?.activeImageId === i.id ? 1 : 0.5,\n                }}\n              />\n            ))}\n          </Stack>\n        </>\n      ) : null}\n    </Stack>\n  );\n};\n","import { useImageSlider } from '@local/hooks/use-image-slider';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { AnimatePresence, Variants } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Image } from '../image';\nimport { Stack, StackMotion } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSliderProps, SliderDot, SliderImage } from '.';\n\nexport const ImageSlider: FC<ImageSliderProps> = (props) => {\n  const { onIndexChange } = props;\n  const images = useMemo(() => props.images, [props.images]);\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size]);\n  const br = useMemo(() => `${size.radius}px`, [size.radius]);\n\n  const {\n    isLengthZero,\n    direction,\n    activeImageId,\n    isLengthOne,\n    dragEndHandler,\n    activeImageIndex,\n    swipeToImage,\n    skipToImage,\n    handleAdd,\n  } = useImageSlider({\n    genre: props.genre,\n    size: props.size,\n    images: images,\n    imageSettings: props.imageSettings,\n    locales: props.locales,\n    onIndexChange: onIndexChange,\n    children: props.children,\n  });\n  return (\n    <StackMotion\n      {...props.propsStack}\n      sx={(theme) => ({\n        ...props.propsStack?.sx,\n        default: {\n          borderRadius: br,\n          flexDirection: 'column',\n          alignItems: 'center',\n          overflow: 'hidden',\n          width: 'auto',\n          maxWidth: '70dvw',\n          height: '85dvh',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).default\n              : props.propsStack?.sx.default\n            : {}),\n        },\n        tablet: {\n          maxWidth: '95dvw',\n          ...(props.propsStack?.sx\n            ? typeof props.propsStack?.sx === 'function'\n              ? props.propsStack?.sx(theme).tablet\n              : props.propsStack?.sx.tablet\n            : {}),\n        },\n      })}\n    >\n      {props.isLoading ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Icon size='large' type='loading' color='blueFocus' name='Line' />\n        </Stack>\n      ) : !isLengthZero ? (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n            },\n          }}\n        >\n          <AnimatePresence initial={false} custom={direction}>\n            <SliderImage\n              key={activeImageId}\n              style={{\n                overflow: 'hidden',\n                borderRadius: br,\n              }}\n              custom={direction}\n              variants={sliderVariants}\n              initial='initial'\n              animate='active'\n              exit='exit'\n              transition={sliderTransition}\n              {...(!isLengthOne\n                ? {\n                    drag: 'x',\n                    dragConstraints: { left: 0, right: 0 },\n                    dragElastic: 0.5,\n                    onDragEnd: (_, dragInfo) => dragEndHandler(dragInfo),\n                  }\n                : {})}\n            >\n              <Image\n                sxStack={(theme) => ({\n                  default: {\n                    width: '100%',\n                    height: '100%',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    backgroundColor: theme.palette.black10,\n                    position: 'absolute',\n                    pointerEvents: 'none',\n                  },\n                })}\n                alt={images[activeImageIndex]?.imageSrc}\n                src={images[activeImageIndex]?.imageSrc}\n                componentFallback={\n                  <Typography\n                    sx={{\n                      default: {\n                        variant: 'h6',\n                      },\n                    }}\n                  >\n                    {props.locales.failedToLoad}\n                  </Typography>\n                }\n              />\n              {images[activeImageIndex]?.children}\n            </SliderImage>\n          </AnimatePresence>\n          {typeof props?.children === 'function' ? props?.children?.({ isDialog: false }) : props?.children}\n\n          {!isLengthOne && (\n            <>\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    left: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: 90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(-1)}\n              />\n              <Button\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    top: '50%',\n                    right: 5,\n                    transform: 'translateY(-50%)',\n                  },\n                }}\n                genre={props.genre}\n                size={props.size}\n                icons={[\n                  {\n                    type: 'id',\n                    name: 'Arrow4',\n                    turn: -90,\n                  },\n                ]}\n                isWidthAsHeight\n                isHiddenBorder\n                isRadius\n                onClick={() => swipeToImage(1)}\n              />\n              <Stack\n                sx={{\n                  default: {\n                    position: 'absolute',\n                    bottom: 5,\n                    left: '50%',\n                    transform: 'translateX(-50%)',\n                    gap: '4px',\n                  },\n                }}\n              >\n                {images.map((i) => (\n                  <SliderDot\n                    onClick={() => skipToImage(i.id)}\n                    key={i.id}\n                    initial={false}\n                    animate={{\n                      scale: activeImageId === i.id ? 1.5 : 1,\n                      opacity: activeImageId === i.id ? 1 : 0.5,\n                    }}\n                  />\n                ))}\n              </Stack>\n            </>\n          )}\n\n          <Button\n            sx={{\n              default: {\n                position: 'absolute',\n                bottom: 5,\n                right: 5,\n              },\n            }}\n            genre={props.genre}\n            size={props.size}\n            icons={[\n              {\n                type: 'id',\n                name: 'Activity',\n              },\n            ]}\n            isWidthAsHeight\n            isHiddenBorder\n            isRadius\n            onClick={() => handleAdd()}\n          />\n        </Stack>\n      ) : (\n        <Stack\n          sx={{\n            default: {\n              width: '100%',\n              height: '100%',\n              position: 'relative',\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            },\n          }}\n        >\n          <Typography\n            sx={{\n              default: {\n                variant: 'h6',\n              },\n            }}\n          >\n            {props.locales.noImagesAvailable}\n          </Typography>\n        </Stack>\n      )}\n    </StackMotion>\n  );\n};\nconst sliderVariants: Variants = {\n  initial: (direction) => ({\n    x: direction > 0 ? '100%' : '-100%',\n    scale: 1,\n    opacity: 0,\n  }),\n  active: { x: 0, scale: 1, opacity: 1 },\n  exit: (direction) => ({\n    x: direction > 0 ? '-100%' : '100%',\n    scale: 1,\n    opacity: 0.2,\n  }),\n};\nconst sliderTransition = {\n  duration: 0.3,\n  ease: [0.56, 0.03, 0.12, 1.04],\n};\n","import 'styled-components';\n\nimport { Button } from '../button';\nimport { Stack } from '../stack';\nimport { ImageSliderProps } from '.';\n\nexport const IMAGES: ImageSliderProps['images'] = [\n  {\n    id: 0,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://drupal-prod.visitcalifornia.com/sites/default/files/styles/fluid_1920/public/2020-06/VC_PlacesToVisit_LosAngelesCounty_RF_1170794243.jpg.webp?itok=46pJYz8v',\n  },\n  {\n    id: 1,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.unsplash.com/flagged/photo-1575555201693-7cd442b8023f?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8bG9zJTIwYW5nZWxlc3xlbnwwfHwwfHx8MA%3D%3D',\n  },\n  {\n    id: 2,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://img.goodfon.com/original/2048x1319/8/29/ssha-kaliforniia-los-andzheles-los-angeles-doma-neboskreby-s.jpg',\n  },\n  {\n    id: 3,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/2231756/pexels-photo-2231756.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n  {\n    id: 4,\n    children: (\n      <Stack\n        sx={{\n          default: {\n            justifyContent: 'flex-start',\n            padding: '5px',\n            flexGrow: 1,\n          },\n        }}\n      >\n        <Button\n          isHiddenBorder\n          isDisabled\n          genre='realebail-white'\n          size='medium'\n          sxTypography={{ default: { weight: 700 } }}\n        >\n          Los Angeles\n        </Button>\n      </Stack>\n    ),\n    imageSrc:\n      'https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500',\n  },\n];\n"],"names":["sliderVariants","initial","direction","x","scale","opacity","active","exit","sliderTransition","duration","ease","ComponentHandleAdd","params","remove","jsxs","Stack","sx","default","position","overflow","aspectRatio","aspect","width","maxWidth","height","borderRadius","br","tablet","children","jsx","AnimatePresence","custom","SliderImage","style","variants","animate","transition","isLengthOne","drag","dragConstraints","left","right","dragElastic","onDragEnd","_","dragInfo","dragEndHandler","Image","sxStack","theme","alignItems","justifyContent","backgroundColor","palette","black10","pointerEvents","isShowBeforeImage","sxImage","objectFit","alt","_b","images","_a","activeImageIndex","imageSrc","src","_d","_c","componentFallback","Typography","variant","failedToLoad","_f","_e","activeImageId","_g","call","isDialog","Button","bottom","genre","size","icons","type","name","isWidthAsHeight","isHiddenBorder","isRadius","onClick","Fragment","gap","turn","isPlaystationEffect","swipeToImage","transform","map","i","SliderDot","skipToImage","id","IMAGES","padding","flexGrow","isDisabled","sxTypography","weight","props","onIndexChange","useMemo","KEY_SIZE_DATA","radius","isLengthZero","handleAdd","setActiveImage","useState","length","findIndex","img","useCallback","swipeDirection","nextIndex","offset","velocity","swipePower","Math","abs","imageId","currentIndex","newIndex","useEffect","propsDialog","propsCustom","imageSettings","locales","background","content","_isAnimating","add","useDialog","useImageSlider","StackMotion","propsStack","flexDirection","_h","_i","isLoading","display","Icon","color","noImagesAvailable","top"],"mappings":"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"}

package/build/component.functions-D9ffjEok.cjs

@@ -1,8 +0,0 @@
-"use strict";const t=require("styled-components");exports.getFontSizeStyles=(e,n,i,o)=>t.css`
-  font-family: ${i||"inherit"};
-  font-style: normal;
-  line-height: ${t=>o||t.theme.font.lineHeight};
-  font-size: ${e}px;
-  font-weight: ${n};
-`;
-//# sourceMappingURL=component.functions-D9ffjEok.cjs.map

package/build/component.functions-D9ffjEok.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.functions-D9ffjEok.cjs","sources":["../src/components/typography/component.functions.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { TypographyDataProps } from '.';\n\nexport const getFontSizeStyles = (\n  size: TypographyDataProps['size'],\n  weight: TypographyDataProps['weight'],\n  family: TypographyDataProps['family'],\n  height?: TypographyDataProps['height'],\n) => css`\n  font-family: ${family ? family : 'inherit'};\n  font-style: normal;\n  line-height: ${(props) => (height ? height : props.theme.font.lineHeight)};\n  font-size: ${size}px;\n  font-weight: ${weight};\n`;\n"],"names":["size","weight","family","height","css","props","theme","font","lineHeight"],"mappings":"4EAIiC,CAC/BA,EACAC,EACAC,EACAC,IACGC,EAAAA,GAAAA;iBACYF,GAAkB;;iBAEjBG,GAAWF,GAAkBE,EAAMC,MAAMC,KAAKC;eACjDR;iBACEC"}

package/build/component.functions-DNW6h8kk.js

@@ -1,12 +0,0 @@
-import { css } from "styled-components";
-const getFontSizeStyles = (size, weight, family, height) => css`
-  font-family: ${family ? family : "inherit"};
-  font-style: normal;
-  line-height: ${(props) => height ? height : props.theme.font.lineHeight};
-  font-size: ${size}px;
-  font-weight: ${weight};
-`;
-export {
-  getFontSizeStyles as g
-};
-//# sourceMappingURL=component.functions-DNW6h8kk.js.map

package/build/component.functions-DNW6h8kk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.functions-DNW6h8kk.js","sources":["../src/components/typography/component.functions.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { TypographyDataProps } from '.';\n\nexport const getFontSizeStyles = (\n  size: TypographyDataProps['size'],\n  weight: TypographyDataProps['weight'],\n  family: TypographyDataProps['family'],\n  height?: TypographyDataProps['height'],\n) => css`\n  font-family: ${family ? family : 'inherit'};\n  font-style: normal;\n  line-height: ${(props) => (height ? height : props.theme.font.lineHeight)};\n  font-size: ${size}px;\n  font-weight: ${weight};\n`;\n"],"names":[],"mappings":";AAIO,MAAM,oBAAoB,CAC/B,MACA,QACA,QACA,WACG;AAAA,iBACY,SAAS,SAAS,SAAS;AAAA;AAAA,iBAE3B,CAAC,UAAW,SAAS,SAAS,MAAM,MAAM,KAAK,UAAW;AAAA,eAC5D,IAAI;AAAA,iBACF,MAAM;AAAA;"}

package/build/component.styles-BX2Aiqp_.cjs

@@ -1,43 +0,0 @@
-"use strict";const e=require("styled-components");require("./jsx-runtime-C6yv_9g1.cjs"),require("react");const o="JENESEI_RIPPLE",t=e.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-`,i=e.span`
-  transform: scale(0);
-  border-radius: 100%;
-  position: absolute;
-  opacity: 0.75;
-  background-color: ${e=>e.$color};
-  animation-name: ripple;
-  animation-duration: ${e=>e.$duration}ms;
-
-  @keyframes ripple {
-    to {
-      opacity: 0;
-      transform: scale(2);
-    }
-  }
-`,s=e.css`
-  ${t=>t.$isRipple&&e.css`
-      position: relative;
-      overflow: hidden;
-      isolation: isolate;
-
-      & *:not(#${o}) {
-        user-select: none;
-        pointer-events: none;
-      }
-    `}
-`,n=e.css`
-  position: relative;
-  overflow: hidden;
-  isolation: isolate;
-
-  & *:not(#${o}) {
-    user-select: none;
-    pointer-events: none;
-  }
-`;exports.DEFAULT_RIPPLE_DURATION=600,exports.DEFAULT_RIPPLE_ID=o,exports.RippleContainer=t,exports.RippleSpan=i,exports.addRipple=s,exports.addRippleDefault=n;
-//# sourceMappingURL=component.styles-BX2Aiqp_.cjs.map

package/build/component.styles-BX2Aiqp_.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-BX2Aiqp_.cjs","sources":["../src/components/ripple/component.constants.tsx","../src/components/ripple/component.styles.tsx"],"sourcesContent":["export const DEFAULT_RIPPLE_DURATION = 600;\nexport const DEFAULT_RIPPLE_ID = 'JENESEI_RIPPLE';\n","import styled, { css } from 'styled-components';\n\nimport { DEFAULT_RIPPLE_ID, RippleContainerProps } from '.';\n\nexport const RippleContainer = styled.div<RippleContainerProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nexport const RippleSpan = styled.span<RippleContainerProps>`\n  transform: scale(0);\n  border-radius: 100%;\n  position: absolute;\n  opacity: 0.75;\n  background-color: ${(props) => props.$color};\n  animation-name: ripple;\n  animation-duration: ${(props) => props.$duration}ms;\n\n  @keyframes ripple {\n    to {\n      opacity: 0;\n      transform: scale(2);\n    }\n  }\n`;\n\nexport const addRipple = css<{ $isRipple?: boolean }>`\n  ${(props) =>\n    props.$isRipple &&\n    css`\n      position: relative;\n      overflow: hidden;\n      isolation: isolate;\n\n      & *:not(#${DEFAULT_RIPPLE_ID}) {\n        user-select: none;\n        pointer-events: none;\n      }\n    `}\n`;\nexport const addRippleDefault = css`\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n\n  & *:not(#${DEFAULT_RIPPLE_ID}) {\n    user-select: none;\n    pointer-events: none;\n  }\n`;\n"],"names":["DEFAULT_RIPPLE_ID","RippleContainer","styled","div","RippleSpan","span","props","$color","$duration","addRipple","css","$isRipple","addRippleDefault"],"mappings":"yGAAO,MACMA,EAAoB,iBCGpBC,EAAkBC,EAAOC,GAAA;;;;;;EAQzBC,EAAaF,EAAOG,IAAA;;;;;sBAKVC,GAAUA,EAAMC;;wBAEdD,GAAUA,EAAME;;;;;;;;EAU5BC,EAAYC,EAAAA,GAAAA;IACpBJ,GACDA,EAAMK,WACND,EAAAA,GAAAA;;;;;iBAKaV;;;;;EAMJY,EAAmBF,EAAAA,GAAAA;;;;;aAKnBV;;;;kCDhD0B"}

package/build/component.styles-C0oU5oX_.js

@@ -1,59 +0,0 @@
-import styled, { css } from "styled-components";
-import "./jsx-runtime-DZS36FSE.js";
-import "react";
-const DEFAULT_RIPPLE_DURATION = 600;
-const DEFAULT_RIPPLE_ID = "JENESEI_RIPPLE";
-const RippleContainer = styled.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-`;
-const RippleSpan = styled.span`
-  transform: scale(0);
-  border-radius: 100%;
-  position: absolute;
-  opacity: 0.75;
-  background-color: ${(props) => props.$color};
-  animation-name: ripple;
-  animation-duration: ${(props) => props.$duration}ms;
-
-  @keyframes ripple {
-    to {
-      opacity: 0;
-      transform: scale(2);
-    }
-  }
-`;
-const addRipple = css`
-  ${(props) => props.$isRipple && css`
-      position: relative;
-      overflow: hidden;
-      isolation: isolate;
-
-      & *:not(#${DEFAULT_RIPPLE_ID}) {
-        user-select: none;
-        pointer-events: none;
-      }
-    `}
-`;
-const addRippleDefault = css`
-  position: relative;
-  overflow: hidden;
-  isolation: isolate;
-
-  & *:not(#${DEFAULT_RIPPLE_ID}) {
-    user-select: none;
-    pointer-events: none;
-  }
-`;
-export {
-  DEFAULT_RIPPLE_DURATION as D,
-  RippleContainer as R,
-  DEFAULT_RIPPLE_ID as a,
-  RippleSpan as b,
-  addRipple as c,
-  addRippleDefault as d
-};
-//# sourceMappingURL=component.styles-C0oU5oX_.js.map

package/build/component.styles-C0oU5oX_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-C0oU5oX_.js","sources":["../src/components/ripple/component.constants.tsx","../src/components/ripple/component.styles.tsx"],"sourcesContent":["export const DEFAULT_RIPPLE_DURATION = 600;\nexport const DEFAULT_RIPPLE_ID = 'JENESEI_RIPPLE';\n","import styled, { css } from 'styled-components';\n\nimport { DEFAULT_RIPPLE_ID, RippleContainerProps } from '.';\n\nexport const RippleContainer = styled.div<RippleContainerProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nexport const RippleSpan = styled.span<RippleContainerProps>`\n  transform: scale(0);\n  border-radius: 100%;\n  position: absolute;\n  opacity: 0.75;\n  background-color: ${(props) => props.$color};\n  animation-name: ripple;\n  animation-duration: ${(props) => props.$duration}ms;\n\n  @keyframes ripple {\n    to {\n      opacity: 0;\n      transform: scale(2);\n    }\n  }\n`;\n\nexport const addRipple = css<{ $isRipple?: boolean }>`\n  ${(props) =>\n    props.$isRipple &&\n    css`\n      position: relative;\n      overflow: hidden;\n      isolation: isolate;\n\n      & *:not(#${DEFAULT_RIPPLE_ID}) {\n        user-select: none;\n        pointer-events: none;\n      }\n    `}\n`;\nexport const addRippleDefault = css`\n  position: relative;\n  overflow: hidden;\n  isolation: isolate;\n\n  & *:not(#${DEFAULT_RIPPLE_ID}) {\n    user-select: none;\n    pointer-events: none;\n  }\n`;\n"],"names":[],"mappings":";;;AAAO,MAAM,0BAA0B;AAChC,MAAM,oBAAoB;ACG1B,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKX,CAAC,UAAU,MAAM,MAAM;AAAA;AAAA,wBAErB,CAAC,UAAU,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3C,MAAM,YAAY;AAAA,IACrB,CAAC,UACD,MAAM,aACN;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKa,iBAAiB;AAAA;AAAA;AAAA;AAAA,KAI7B;AAAA;AAEE,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,aAKnB,iBAAiB;AAAA;AAAA;AAAA;AAAA;"}

package/build/component.styles-CD6ZzRrk.cjs

@@ -1,14 +0,0 @@
-"use strict";const e=require("./style-fRZ6xrVp.cjs"),t=require("styled-components"),r="1px",i=t.div`
-  flex-grow: 1;
-  flex-shrink: 1;
-
-  width: ${e=>"horizontal"===e.$type?"auto":e.$thickness||r};
-  max-width: ${e=>"horizontal"===e.$type?"100%":e.$thickness||r};
-  height: ${e=>"vertical"===e.$type?"auto":e.$thickness||r};
-  max-height: ${e=>"vertical"===e.$type?"100%":e.$thickness||r};
-
-  background: ${e=>e.$color&&e.theme.palette[e.$color]};
-  border-radius: ${e=>e.$radius||"0px"};
-  ${e.addSX};
-`;exports.SeparatorWrapper=i;
-//# sourceMappingURL=component.styles-CD6ZzRrk.cjs.map

package/build/component.styles-CD6ZzRrk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-CD6ZzRrk.cjs","sources":["../src/components/separator/component.styles.tsx"],"sourcesContent":["import { addSX } from '@local/styles/sx';\n\nimport styled from 'styled-components';\n\nimport { SeparatorWrapperProps } from '.';\n\nconst DEFAULT_SEPARATOR_SIZE = '1px';\n\nexport const SeparatorWrapper = styled.div<SeparatorWrapperProps>`\n  flex-grow: 1;\n  flex-shrink: 1;\n\n  width: ${(props) => (props.$type === 'horizontal' ? 'auto' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n  max-width: ${(props) => (props.$type === 'horizontal' ? '100%' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n  height: ${(props) => (props.$type === 'vertical' ? 'auto' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n  max-height: ${(props) => (props.$type === 'vertical' ? '100%' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n\n  background: ${(props) => props.$color && props.theme.palette[props.$color]};\n  border-radius: ${(props) => props.$radius || '0px'};\n  ${addSX};\n`;\n"],"names":["DEFAULT_SEPARATOR_SIZE","SeparatorWrapper","styled","div","props","$type","$thickness","$color","theme","palette","$radius","addSX"],"mappings":"oFAMMA,EAAyB,MAElBC,EAAmBC,EAAOC,GAAA;;;;WAI3BC,GAA2B,eAAhBA,EAAMC,MAAyB,OAASD,EAAME,YAAcN;eACnEI,GAA2B,eAAhBA,EAAMC,MAAyB,OAASD,EAAME,YAAcN;YAC1EI,GAA2B,aAAhBA,EAAMC,MAAuB,OAASD,EAAME,YAAcN;gBACjEI,GAA2B,aAAhBA,EAAMC,MAAuB,OAASD,EAAME,YAAcN;;gBAErEI,GAAUA,EAAMG,QAAUH,EAAMI,MAAMC,QAAQL,EAAMG;mBACjDH,GAAUA,EAAMM,SAAW;IAC3CC;"}

package/build/component.styles-SZ5VuhNG.js

@@ -1,20 +0,0 @@
-import { a as addSX } from "./style-plT9Ah7t.js";
-import styled from "styled-components";
-const DEFAULT_SEPARATOR_SIZE = "1px";
-const SeparatorWrapper = styled.div`
-  flex-grow: 1;
-  flex-shrink: 1;
-
-  width: ${(props) => props.$type === "horizontal" ? "auto" : props.$thickness || DEFAULT_SEPARATOR_SIZE};
-  max-width: ${(props) => props.$type === "horizontal" ? "100%" : props.$thickness || DEFAULT_SEPARATOR_SIZE};
-  height: ${(props) => props.$type === "vertical" ? "auto" : props.$thickness || DEFAULT_SEPARATOR_SIZE};
-  max-height: ${(props) => props.$type === "vertical" ? "100%" : props.$thickness || DEFAULT_SEPARATOR_SIZE};
-
-  background: ${(props) => props.$color && props.theme.palette[props.$color]};
-  border-radius: ${(props) => props.$radius || "0px"};
-  ${addSX};
-`;
-export {
-  SeparatorWrapper as S
-};
-//# sourceMappingURL=component.styles-SZ5VuhNG.js.map

package/build/component.styles-SZ5VuhNG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.styles-SZ5VuhNG.js","sources":["../src/components/separator/component.styles.tsx"],"sourcesContent":["import { addSX } from '@local/styles/sx';\n\nimport styled from 'styled-components';\n\nimport { SeparatorWrapperProps } from '.';\n\nconst DEFAULT_SEPARATOR_SIZE = '1px';\n\nexport const SeparatorWrapper = styled.div<SeparatorWrapperProps>`\n  flex-grow: 1;\n  flex-shrink: 1;\n\n  width: ${(props) => (props.$type === 'horizontal' ? 'auto' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n  max-width: ${(props) => (props.$type === 'horizontal' ? '100%' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n  height: ${(props) => (props.$type === 'vertical' ? 'auto' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n  max-height: ${(props) => (props.$type === 'vertical' ? '100%' : props.$thickness || DEFAULT_SEPARATOR_SIZE)};\n\n  background: ${(props) => props.$color && props.theme.palette[props.$color]};\n  border-radius: ${(props) => props.$radius || '0px'};\n  ${addSX};\n`;\n"],"names":[],"mappings":";;AAMA,MAAM,yBAAyB;AAExB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,WAI5B,CAAC,UAAW,MAAM,UAAU,eAAe,SAAS,MAAM,cAAc,sBAAuB;AAAA,eAC3F,CAAC,UAAW,MAAM,UAAU,eAAe,SAAS,MAAM,cAAc,sBAAuB;AAAA,YAClG,CAAC,UAAW,MAAM,UAAU,aAAa,SAAS,MAAM,cAAc,sBAAuB;AAAA,gBACzF,CAAC,UAAW,MAAM,UAAU,aAAa,SAAS,MAAM,cAAc,sBAAuB;AAAA;AAAA,gBAE7F,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,QAAQ,MAAM,MAAM,CAAC;AAAA,mBACzD,CAAC,UAAU,MAAM,WAAW,KAAK;AAAA,IAChD,KAAK;AAAA;"}