@jenesei-software/jenesei-kit-react 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.constants-DbNhxh0k.js","sources":["../src/components/image-slider/component.styles.tsx","../src/hooks/use-image-slider/use.tsx","../src/components/image-slider/component.tsx","../src/components/image-slider/component.constants.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled from 'styled-components'\n\nexport const SliderImage = styled(motion.div)`\n  display: flex;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  touch-action: pan-y;\n  &:hover {\n    cursor: grab;\n  }\n\n  &:active {\n    cursor: grabbing;\n  }\n`\n\nexport const SliderDot = styled(motion.div)`\n  width: 6px;\n  height: 6px;\n  background-color: ${props => props.theme.palette.whiteStandard};\n  border-radius: 5px;\n  opacity: 0.8;\n  cursor: pointer;\n`\n","import { AnimatePresence, PanInfo, Variants } from 'framer-motion'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { 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 } from '@local/contexts/context-dialog'\nimport { KEY_SIZE_DATA } from '@local/theme'\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 { add } = useDialog<\n    {\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    } & Pick<ImageSliderProps, 'genre' | 'size'>\n  >({\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    genre: props.genre,\n    size: props.size,\n    propsDialog: {\n      borderRadius: br,\n      padding: '0',\n      background: 'whiteStandard'\n    }\n  })\n  const handleAdd = useCallback(() => {\n    add({\n      content: (params, remove) => (\n        <Stack\n          sx={{\n            default: {\n              position: 'relative',\n              overflow: 'hidden',\n              aspectRatio: `${props.imageSettings.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              {...(!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                    {props.locales.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          {!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  }, [add, isLengthOne, props.imageSettings.aspect, props.locales.failedToLoad])\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","import { AnimatePresence, Variants } from 'framer-motion'\nimport { FC, useMemo } from 'react'\n\nimport { useImageSlider } from '@local/hooks/use-image-slider'\nimport { KEY_SIZE_DATA } from '@local/theme'\n\nimport { ImageSliderProps, SliderDot, SliderImage } from '.'\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { Image } from '../image'\nimport { Stack, StackMotion } from '../stack'\nimport { Typography } from '../typography'\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\" primaryColor=\"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 { ImageSliderProps } from '.'\nimport { Button } from '../button'\nimport { Stack } from '../stack'\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: '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: 'https://images.pexels.com/photos/1813157/pexels-photo-1813157.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500'\n  }\n]\n"],"names":["direction","jsxs","jsx","sliderVariants","sliderTransition","_a","Fragment","_b","_c","_d"],"mappings":"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"}

package/build/component.styles-B0L4jbOO.js

@@ -0,0 +1,59 @@
+import styled, { css } from "styled-components";
+import "./jsx-runtime-BrDlu8eK.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-B0L4jbOO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.styles-B0L4jbOO.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,CAAA,UAAS,MAAM,MAAM;AAAA;AAAA,wBAEnB,CAAA,UAAS,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzC,MAAM,YAAY;AAAA,IACrB,CAAA,UACA,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-B1DIataj.cjs

@@ -0,0 +1,10 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),o=require("./area-ClrrGVJG.cjs"),s=require("./component-BV_7tGiu.cjs"),n=require("styled-components"),i=require("./style-Dm74EPGE.cjs"),r=require("./style-fRZ6xrVp.cjs"),a=n.img`
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  opacity: ${e=>e.$isPending?0:1};
+  ${i.addTransition};
+  ${r.addSX};
+`;exports.Image=n=>{const[i,r]=t.useState(!0),[l,c]=t.useState(!1);return t.useEffect(()=>{r(!0),c(!1)},[n.src]),e.jsxRuntimeExports.jsxs(s.Stack,{sx:e=>({...null==n?void 0:n.sxStack,default:{position:"relative",overflow:"hidden",...n.isShowBeforeImage?{"&::before":{width:"100%",height:"100%",content:'""',position:"absolute",inset:0,backgroundImage:`url(${n.src})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center",filter:"blur(20px)",transform:"scale(1.1)",zIndex:0}}:{},...(null==n?void 0:n.sxStack)?"function"==typeof(null==n?void 0:n.sxStack)?null==n?void 0:n.sxStack(e).default:null==n?void 0:n.sxStack.default:{}}}),children:[l?null:n.componentLoading||i?e.jsxRuntimeExports.jsx(o.Skeleton,{visible:!0,sx:{default:{width:"100%",height:"100%"}}}):null,!l&&e.jsxRuntimeExports.jsx(a,{loading:"lazy",$isPending:i,src:n.src,alt:n.alt,onLoadStart:()=>r(!0),onLoad:()=>r(!1),onError:()=>c(!0),$sx:n.sxImage}),l&&n.componentFallback||null]})},exports.ImageIMG=a;
+//# sourceMappingURL=component.styles-B1DIataj.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.styles-B1DIataj.cjs","sources":["../src/components/image/component.styles.tsx","../src/components/image/component.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { addTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\n\nimport { ImageIMGProps } from '.'\n\nexport const ImageIMG = styled.img<ImageIMGProps>`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: ${props => (props.$isPending ? 0 : 1)};\n  ${addTransition};\n  ${addSX};\n`\n","import { FC, useEffect, useState } from 'react'\n\nimport { Skeleton } from '@local/areas/skeleton'\nimport { Stack } from '@local/components/stack'\n\nimport { ImageIMG, ImageProps } from '.'\n\nexport const Image: FC<ImageProps> = props => {\n  const [isPending, setIsPending] = useState(true)\n  const [isError, setIsError] = useState(false)\n\n  useEffect(() => {\n    setIsPending(true)\n    setIsError(false)\n  }, [props.src])\n  return (\n    <Stack\n      sx={theme => ({\n        ...props?.sxStack,\n        default: {\n          position: 'relative',\n          overflow: 'hidden',\n          ...(props.isShowBeforeImage\n            ? {\n                '&::before': {\n                  width: '100%',\n                  height: '100%',\n                  content: '\"\"',\n                  position: 'absolute',\n                  inset: 0,\n                  backgroundImage: `url(${props.src})`,\n                  backgroundRepeat: 'no-repeat',\n                  backgroundSize: 'cover',\n                  backgroundPosition: 'center',\n                  filter: 'blur(20px)',\n                  transform: 'scale(1.1)',\n                  zIndex: 0\n                }\n              }\n            : {}),\n          ...(props?.sxStack\n            ? typeof props?.sxStack === 'function'\n              ? props?.sxStack(theme).default\n              : props?.sxStack.default\n            : {})\n        }\n      })}\n    >\n      {!isError ? (\n        props.componentLoading || isPending ? (\n          <Skeleton\n            visible\n            sx={{\n              default: {\n                width: '100%',\n                height: '100%'\n              }\n            }}\n          />\n        ) : null\n      ) : null}\n      {!isError && (\n        <ImageIMG\n          loading=\"lazy\"\n          $isPending={isPending}\n          src={props.src}\n          alt={props.alt}\n          onLoadStart={() => setIsPending(true)}\n          onLoad={() => setIsPending(false)}\n          onError={() => setIsError(true)}\n          $sx={props.sxImage}\n        />\n      )}\n      {isError ? props.componentFallback || null : null}\n    </Stack>\n  )\n}\n"],"names":["ImageIMG","styled","img","props","$isPending","addTransition","addSX","isPending","setIsPending","useState","isError","setIsError","useEffect","src","jsxs","Stack","sx","theme","sxStack","default","position","overflow","isShowBeforeImage","width","height","content","inset","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition","filter","transform","zIndex","children","componentLoading","jsx","Skeleton","visible","loading","alt","onLoadStart","onLoad","onError","$sx","sxImage","componentFallback"],"mappings":"wPAOaA,EAAWC,EAAOC,GAAA;;;;;aAKlBC,GAAUA,EAAMC,WAAa,EAAI;IAC1CC;IACAC;gBCPiCH,IACnC,MAAOI,EAAWC,GAAgBC,EAAAA,UAAS,IACpCC,EAASC,GAAcF,EAAAA,UAAS,GAMvC,OAJAG,EAAAA,UAAU,KACRJ,GAAa,GACbG,GAAW,IACV,CAACR,EAAMU,QAERC,kBAAAA,KAACC,EAAAA,MAAA,CACCC,GAAIC,IAAA,IACC,MAAAd,OAAA,EAAAA,EAAOe,QACVC,QAAS,CACPC,SAAU,WACVC,SAAU,YACNlB,EAAMmB,kBACN,CACE,YAAa,CACXC,MAAO,OACPC,OAAQ,OACRC,QAAS,KACTL,SAAU,WACVM,MAAO,EACPC,gBAAiB,OAAOxB,EAAMU,OAC9Be,iBAAkB,YAClBC,eAAgB,QAChBC,mBAAoB,SACpBC,OAAQ,aACRC,UAAW,aACXC,OAAQ,IAGZ,CAAA,MACA,MAAA9B,OAAA,EAAAA,EAAOe,SACmB,yBAAnBf,WAAOe,SACZ,MAAAf,OAAA,EAAAA,EAAOe,QAAQD,GAAOE,QACtB,MAAAhB,OAAA,EAAAA,EAAOe,QAAQC,QACjB,CAAA,KAIPe,SAAA,CAACxB,EAYE,KAXFP,EAAMgC,kBAAoB5B,IACxB6B,kBAAAA,IAACC,EAAAA,SAAA,CACCC,SAAO,EACPtB,GAAI,CACFG,QAAS,CACPI,MAAO,OACPC,OAAQ,WAIZ,MAEJd,GACA0B,EAAAA,kBAAAA,IAACpC,EAAA,CACCuC,QAAQ,OACRnC,WAAYG,EACZM,IAAKV,EAAMU,IACX2B,IAAKrC,EAAMqC,IACXC,YAAa,IAAMjC,GAAa,GAChCkC,OAAQ,IAAMlC,GAAa,GAC3BmC,QAAS,IAAMhC,GAAW,GAC1BiC,IAAKzC,EAAM0C,UAGdnC,GAAUP,EAAM2C,mBAA4B"}

package/build/component.styles-BFwkFWkd.cjs

@@ -0,0 +1,39 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("framer-motion"),s=require("react"),i=require("styled-components"),r=require("./consts.cjs.js"),o=require("./use-BhofoOgk.cjs"),n=require("./component-D1NPhRuV.cjs"),a=require("./component.styles-B1DIataj.cjs"),l=require("./component-BV_7tGiu.cjs"),d=require("./component-C52VCES6.cjs"),u=require("./context.constants-B29-_8v3.cjs"),c=require("./theme.global-D6XU05Et.cjs"),g=require("./style-CtGd1JVB.cjs"),p=require("./style-fRZ6xrVp.cjs"),m=i.css`
+  ${e=>i.css`
+    background: ${e.theme.colors.imageSelect[e.$genre].background.rest};
+    color: ${e.theme.colors.imageSelect[e.$genre].color.rest};
+    &:active {
+      background: ${e.theme.colors.imageSelect[e.$genre].background.rest};
+      color: ${e.theme.colors.imageSelect[e.$genre].color.rest};
+    }
+    &:focus-visible {
+      background: ${e.theme.colors.imageSelect[e.$genre].background.rest};
+      color: ${e.theme.colors.imageSelect[e.$genre].color.rest};
+    }
+  `};
+`,x=i.css`
+  ${e=>h(c.KEY_SIZE_DATA[e.$size])};
+`,h=e=>i.css`
+  padding: ${e.padding}px;
+  border-radius: ${e.radius}px;
+`,j=i.css`
+  ${e=>f(c.KEY_SIZE_DATA[e.$size])};
+`,f=e=>i.css`
+  gap: ${e.padding-2}px;
+`,S=i.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  ${j};
+  ${g.addError};
+  ${p.addSX};
+`,b=i(t.motion.div)`
+  border: 2px dashed;
+
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  ${m}
+  ${x}
+`;exports.ImageSelect=p=>{const{onChange:m}=p,x=s.useMemo(()=>c.KEY_SIZE_DATA[p.size],[p.size]),[h,j]=s.useState(p.images||[]),[f,v]=s.useState(!1),$=s.useRef(null),y=i.useTheme(),E=s.useCallback(e=>{e&&j(t=>{const s=e.map((e,s)=>({...e,index:t.length+s})),i=[...t,...s];return null==m||m(i),i})},[m]),z=()=>{var e;null==(e=$.current)||e.click()},{handleAddFiles:R}=o.useImageCrop({onSave:E,locale:p.locale,dialog:{button:{genre:p.propsButton.default.genre,size:p.propsButton.default.size},buttonDelete:{genre:p.propsButton.delete.genre,size:p.propsButton.delete.size}},imageSettings:{maxSize:p.imageSettings.maxSize,maxCount:p.imageSettings.maxCount-h.length,aspect:p.imageSettings.aspect},refInput:$}),{handleAdd:k}=(t=>{const i=s.useMemo(()=>c.KEY_SIZE_DATA[t.size],[t.size]),r=s.useMemo(()=>`${i.radius}px`,[i.radius]),{add:o}=u.useDialog({br:r,propsDialog:{borderRadius:r,padding:"0",background:"whiteStandard"}});return{handleAdd:s.useCallback(s=>{o({content:(i,r)=>e.jsxRuntimeExports.jsxs(l.Stack,{sx:{default:{position:"relative",overflow:"hidden",aspectRatio:2*t.imageSettings.aspect+" / 2",width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==i?void 0:i.br},tablet:{maxWidth:"95dvw"}},children:[e.jsxRuntimeExports.jsx(a.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==s?void 0:s.imageSrc,src:null==s?void 0:s.imageSrc,componentFallback:e.jsxRuntimeExports.jsx(d.Typography,{sx:{default:{variant:"h6"}},children:t.locale.imageFallback})}),e.jsxRuntimeExports.jsx(n.Button,{sx:{default:{position:"absolute",bottom:15,right:15}},genre:"realebail-white",size:"small",icons:[{type:"id",name:"Arrow4"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>null==r?void 0:r()})]})})},[o,t.imageSettings.aspect,t.locale.imageFallback])}})({size:p.size,locale:p.locale,imageSettings:p.imageSettings,genre:p.genre});return s.useEffect(()=>{j(p.images||[])},[p.images]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(S,{$genre:p.genre,$size:p.size,id:p.id,$sx:p.sx,$error:p.error,children:[e.jsxRuntimeExports.jsxs(b,{onDrop:e=>{(e=>{var t;e.preventDefault(),(null==(t=e.dataTransfer.files)?void 0:t.length)&&R(e.dataTransfer.files)})(e),v(!1)},onDragOver:e=>e.preventDefault(),onDragEnter:()=>v(!0),onDragLeave:()=>v(!1),animate:{borderColor:f?y.colors.imageSelect[p.genre].border.hover:y.colors.imageSelect[p.genre].border.rest},transition:{duration:.3},$genre:p.genre,$size:p.size,children:[e.jsxRuntimeExports.jsxs(t.motion.div,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,style:{display:"flex",flexWrap:"wrap",gap:x.padding-2+"px"},children:[h.map(s=>s.url&&e.jsxRuntimeExports.jsxs(t.motion.div,{style:{position:"relative",width:`${p.imageSettings.width}px`,height:`${p.imageSettings.height}px`,userSelect:"none",overflow:"hidden",borderRadius:`${x.radius}px`,flexGrow:1},layout:!0,transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},children:[e.jsxRuntimeExports.jsx(a.Image,{sxStack:e=>({default:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:e.palette.black10,position:"absolute",pointerEvents:"none"}}),isShowBeforeImage:p.isContain,sxImage:{default:{objectFit:p.isContain?"contain":"cover"}},alt:s.name||"image",src:s.url,componentFallback:e.jsxRuntimeExports.jsx(d.Typography,{sx:{default:{variant:"h6"}},children:p.locale.imageFallback})}),e.jsxRuntimeExports.jsx(n.Button,{sx:{default:{position:"absolute",top:5,right:5}},genre:p.genre,size:"small",icons:[{type:"id",name:"Close"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>{return e=s.id,void j(t=>{const s=t.filter(t=>t.id!==e);return null==m||m(s),s});var e}}),e.jsxRuntimeExports.jsx(n.Button,{sx:{default:{position:"absolute",bottom:5,right:5}},genre:p.genre,size:"small",icons:[{type:"id",name:"Activity"}],isWidthAsHeight:!0,isHiddenBorder:!0,isRadius:!0,onClick:()=>s.url&&k({id:s.id,imageSrc:s.url})})]},s.id)),0===h.length&&e.jsxRuntimeExports.jsx("div",{onClick:z,style:{position:"relative",width:`${p.imageSettings.width}px`,height:`${p.imageSettings.height}px`,userSelect:"none",overflow:"hidden",borderRadius:`${x.radius}px`,flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",cursor:"pointer"},children:e.jsxRuntimeExports.jsx(d.Typography,{style:{color:y.colors.imageSelect[p.genre].color.rest},sx:{default:{}},children:p.locale.dragAndDrop})},"empty")]}),e.jsxRuntimeExports.jsx("input",{ref:$,type:"file",accept:r.ImageSupportedFormatsForInput,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&R(e.target.files)}})]}),e.jsxRuntimeExports.jsxs(l.Stack,{sx:{default:{flexGrow:1,gap:x.padding-2+"px"}},children:[e.jsxRuntimeExports.jsx(n.Button,{type:"button",genre:p.genre,size:p.size,sx:{default:{flexGrow:3}},isRadius:!0,onClick:z,children:p.locale.buttonAdd}),e.jsxRuntimeExports.jsx(n.Button,{isRadius:!0,type:"button",sx:{default:{flexGrow:1}},onClick:()=>{j(p.defaultImages||[]),null==m||m(p.defaultImages||[])},genre:p.genre,size:p.size,children:p.locale.buttonReset})]})]}),(null==p?void 0:p.error)?e.jsxRuntimeExports.jsx(g.ErrorMessage,{...p.error,size:(null==p?void 0:p.error.size)??p.size}):null]})},exports.ImageSelectListSize=x,exports.ImageSelectListSizeConstructor=h,exports.ImageSelectListWrapper=b,exports.ImageSelectSize=j,exports.ImageSelectSizeConstructor=f,exports.ImageSelectWrapper=S;
+//# sourceMappingURL=component.styles-BFwkFWkd.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.styles-BFwkFWkd.cjs","sources":["../src/components/image-select/component.styles.ts","../src/components/image-select/component.tsx","../src/hooks/use-image-view/use.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addError } from '@local/styles/error'\nimport { addSX } from '@local/styles/sx'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { ImageSelectWrapperProps } from '.'\n\nconst ImageSelectListGenre = css<ImageSelectWrapperProps>`\n  ${props => css`\n    background: ${props.theme.colors.imageSelect[props.$genre].background.rest};\n    color: ${props.theme.colors.imageSelect[props.$genre].color.rest};\n    &:active {\n      background: ${props.theme.colors.imageSelect[props.$genre].background.rest};\n      color: ${props.theme.colors.imageSelect[props.$genre].color.rest};\n    }\n    &:focus-visible {\n      background: ${props.theme.colors.imageSelect[props.$genre].background.rest};\n      color: ${props.theme.colors.imageSelect[props.$genre].color.rest};\n    }\n  `};\n`\n/****************************************** Size *************************************************/\nexport const ImageSelectListSize = css<ImageSelectWrapperProps>`\n  ${props => ImageSelectListSizeConstructor(KEY_SIZE_DATA[props.$size])};\n`\nexport const ImageSelectListSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n  padding: ${props.padding}px;\n  border-radius: ${props.radius}px;\n`\nexport const ImageSelectSize = css<ImageSelectWrapperProps>`\n  ${props => ImageSelectSizeConstructor(KEY_SIZE_DATA[props.$size])};\n`\nexport const ImageSelectSizeConstructor = (props: IThemeSizePropertyDefault) => css`\n  gap: ${props.padding - 2}px;\n`\nexport const ImageSelectWrapper = styled.div<ImageSelectWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  ${ImageSelectSize};\n  ${addError};\n  ${addSX};\n`\nexport const ImageSelectListWrapper = styled(motion.div)<ImageSelectWrapperProps>`\n  border: 2px dashed;\n\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  ${ImageSelectListGenre}\n  ${ImageSelectListSize}\n`\n","import { motion } from 'framer-motion'\nimport { DragEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\n\nimport { ImageSupportedFormatsForInput } from '@local/consts'\nimport { useImageCrop } from '@local/hooks/use-image-crop'\nimport { useImageView } from '@local/hooks/use-image-view'\nimport { ErrorMessage } from '@local/styles/error'\nimport { KEY_SIZE_DATA } from '@local/theme'\n\nimport { ImageSelectItemProps, ImageSelectListWrapper, ImageSelectProps, ImageSelectWrapper } from '.'\nimport { Button } from '../button'\nimport { Image } from '../image'\nimport { Stack } from '../stack'\nimport { Typography } from '../typography'\n\nexport const ImageSelect = (props: ImageSelectProps) => {\n  const { onChange } = props\n\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size])\n\n  const [images, setImages] = useState<ImageSelectItemProps[]>(props.images || [])\n\n  const [isDraggingOver, setIsDraggingOver] = useState(false)\n\n  const refInput = useRef<HTMLInputElement | null>(null)\n\n  const theme = useTheme()\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    if (e.dataTransfer.files?.length) {\n      handleAddFilesCrop(e.dataTransfer.files)\n    }\n  }\n\n  const handleDelete = (id: number) => {\n    setImages(prev => {\n      const finalImages = prev.filter(img => img.id !== id)\n      onChange?.(finalImages)\n      return finalImages\n    })\n  }\n\n  const handleOnSave = useCallback(\n    (files: ImageSelectItemProps[] | null) => {\n      if (files) {\n        setImages(prev => {\n          const newImages = files.map((file, idx) => ({\n            ...file,\n            index: prev.length + idx\n          }))\n          const finalImages = [...prev, ...newImages]\n          onChange?.(finalImages)\n          return finalImages\n        })\n      }\n    },\n    [onChange]\n  )\n\n  const openFileDialog = () => {\n    refInput.current?.click()\n  }\n\n  const resetImages = () => {\n    setImages(props.defaultImages || [])\n    onChange?.(props.defaultImages || [])\n  }\n\n  const { handleAddFiles: handleAddFilesCrop } = useImageCrop({\n    onSave: handleOnSave,\n    locale: props.locale,\n    dialog: {\n      button: {\n        genre: props.propsButton.default.genre,\n        size: props.propsButton.default.size\n      },\n      buttonDelete: {\n        genre: props.propsButton.delete.genre,\n        size: props.propsButton.delete.size\n      }\n    },\n    imageSettings: {\n      maxSize: props.imageSettings.maxSize,\n      maxCount: props.imageSettings.maxCount - images.length,\n      aspect: props.imageSettings.aspect\n    },\n    refInput: refInput\n  })\n\n  const { handleAdd } = useImageView({\n    size: props.size,\n    locale: props.locale,\n    imageSettings: props.imageSettings,\n    genre: props.genre\n  })\n\n  useEffect(() => {\n    setImages(props.images || [])\n  }, [props.images])\n\n  return (\n    <>\n      <ImageSelectWrapper $genre={props.genre} $size={props.size} id={props.id} $sx={props.sx} $error={props.error}>\n        <ImageSelectListWrapper\n          onDrop={e => {\n            handleDrop(e)\n            setIsDraggingOver(false)\n          }}\n          onDragOver={e => e.preventDefault()}\n          onDragEnter={() => setIsDraggingOver(true)}\n          onDragLeave={() => setIsDraggingOver(false)}\n          animate={{\n            borderColor: isDraggingOver\n              ? theme.colors.imageSelect[props.genre].border.hover\n              : theme.colors.imageSelect[props.genre].border.rest\n          }}\n          transition={{ duration: 0.3 }}\n          $genre={props.genre}\n          $size={props.size}\n        >\n          <motion.div\n            transition={{\n              layout: {\n                duration: 0.3,\n                ease: 'easeInOut',\n                type: 'spring'\n              }\n            }}\n            layout\n            style={{ display: 'flex', flexWrap: 'wrap', gap: `${size.padding - 2}px` }}\n          >\n            {images.map(\n              img =>\n                img.url && (\n                  <motion.div\n                    key={img.id}\n                    style={{\n                      position: 'relative',\n                      width: `${props.imageSettings.width}px`,\n                      height: `${props.imageSettings.height}px`,\n                      userSelect: 'none',\n                      overflow: 'hidden',\n                      borderRadius: `${size.radius}px`,\n                      flexGrow: 1\n                    }}\n                    layout\n                    transition={{\n                      layout: {\n                        duration: 0.3,\n                        ease: 'easeInOut',\n                        type: 'spring'\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={props.isContain}\n                      sxImage={{\n                        default: {\n                          objectFit: props.isContain ? 'contain' : 'cover'\n                        }\n                      }}\n                      alt={img.name || 'image'}\n                      src={img.url}\n                      componentFallback={\n                        <Typography\n                          sx={{\n                            default: {\n                              variant: 'h6'\n                            }\n                          }}\n                        >\n                          {props.locale.imageFallback}\n                        </Typography>\n                      }\n                    />\n                    <Button\n                      sx={{\n                        default: {\n                          position: 'absolute',\n                          top: 5,\n                          right: 5\n                        }\n                      }}\n                      genre={props.genre}\n                      size=\"small\"\n                      icons={[\n                        {\n                          type: 'id',\n                          name: 'Close'\n                        }\n                      ]}\n                      isWidthAsHeight\n                      isHiddenBorder\n                      isRadius\n                      onClick={() => handleDelete(img.id)}\n                    />\n                    <Button\n                      sx={{\n                        default: {\n                          position: 'absolute',\n                          bottom: 5,\n                          right: 5\n                        }\n                      }}\n                      genre={props.genre}\n                      size=\"small\"\n                      icons={[\n                        {\n                          type: 'id',\n                          name: 'Activity'\n                        }\n                      ]}\n                      isWidthAsHeight\n                      isHiddenBorder\n                      isRadius\n                      onClick={() => img.url && handleAdd({ id: img.id, imageSrc: img.url })}\n                    />\n                  </motion.div>\n                )\n            )}\n            {images.length === 0 && (\n              <div\n                onClick={openFileDialog}\n                key=\"empty\"\n                style={{\n                  position: 'relative',\n                  width: `${props.imageSettings.width}px`,\n                  height: `${props.imageSettings.height}px`,\n                  userSelect: 'none',\n                  overflow: 'hidden',\n                  borderRadius: `${size.radius}px`,\n                  flexGrow: 1,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  textAlign: 'center',\n                  cursor: 'pointer'\n                }}\n              >\n                <Typography\n                  style={{\n                    color: theme.colors.imageSelect[props.genre].color.rest\n                  }}\n                  sx={{\n                    default: {}\n                  }}\n                >\n                  {props.locale.dragAndDrop}\n                </Typography>\n              </div>\n            )}\n          </motion.div>\n\n          <input\n            ref={refInput}\n            type=\"file\"\n            accept={ImageSupportedFormatsForInput}\n            multiple\n            style={{ display: 'none' }}\n            onChange={e => {\n              if (e.target.files) handleAddFilesCrop(e.target.files)\n            }}\n          />\n        </ImageSelectListWrapper>\n        <Stack sx={{ default: { flexGrow: 1, gap: `${size.padding - 2}px` } }}>\n          <Button\n            type=\"button\"\n            genre={props.genre}\n            size={props.size}\n            sx={{\n              default: {\n                flexGrow: 3\n              }\n            }}\n            isRadius\n            onClick={openFileDialog}\n          >\n            {props.locale.buttonAdd}\n          </Button>\n          <Button\n            isRadius\n            type=\"button\"\n            sx={{\n              default: {\n                flexGrow: 1\n              }\n            }}\n            onClick={resetImages}\n            genre={props.genre}\n            size={props.size}\n          >\n            {props.locale.buttonReset}\n          </Button>\n        </Stack>\n      </ImageSelectWrapper>\n      {props?.error ? <ErrorMessage {...props.error} size={props?.error.size ?? props.size} /> : null}\n    </>\n  )\n}\n","import { useCallback, useMemo } from 'react'\n\nimport { Button } from '@local/components/button'\nimport { Image } from '@local/components/image'\nimport { SliderImageProps } from '@local/components/image-slider'\nimport { Stack } from '@local/components/stack'\nimport { Typography } from '@local/components/typography'\nimport { useDialog } from '@local/contexts/context-dialog'\nimport { KEY_SIZE_DATA } from '@local/theme'\n\nimport { useImageViewProps } from '.'\n\nexport const useImageView = (props: useImageViewProps) => {\n  const size = useMemo(() => KEY_SIZE_DATA[props.size], [props.size])\n  const br = useMemo(() => `${size.radius}px`, [size.radius])\n\n  const { add } = useDialog<{\n    br?: string\n  }>({\n    br: br,\n    propsDialog: {\n      borderRadius: br,\n      padding: '0',\n      background: 'whiteStandard'\n    }\n  })\n  const handleAdd = useCallback(\n    (image: SliderImageProps) => {\n      add({\n        content: (params, remove) => (\n          <Stack\n            sx={{\n              default: {\n                position: 'relative',\n                overflow: 'hidden',\n                aspectRatio: `${props.imageSettings.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            <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={image?.imageSrc}\n              src={image?.imageSrc}\n              componentFallback={\n                <Typography\n                  sx={{\n                    default: {\n                      variant: 'h6'\n                    }\n                  }}\n                >\n                  {props.locale.imageFallback}\n                </Typography>\n              }\n            />\n            <Button\n              sx={{\n                default: {\n                  position: 'absolute',\n                  bottom: 15,\n                  right: 15\n                }\n              }}\n              genre=\"realebail-white\"\n              size=\"small\"\n              icons={[\n                {\n                  type: 'id',\n                  name: 'Arrow4'\n                }\n              ]}\n              isWidthAsHeight\n              isHiddenBorder\n              isRadius\n              onClick={() => remove?.()}\n            />\n          </Stack>\n        )\n      })\n    },\n    [add, props.imageSettings.aspect, props.locale.imageFallback]\n  )\n  return { handleAdd }\n}\n"],"names":["ImageSelectListGenre","css","props","theme","colors","imageSelect","$genre","background","rest","color","ImageSelectListSize","ImageSelectListSizeConstructor","KEY_SIZE_DATA","$size","padding","radius","ImageSelectSize","ImageSelectSizeConstructor","ImageSelectWrapper","styled","div","addError","addSX","ImageSelectListWrapper","motion","onChange","size","useMemo","images","setImages","useState","isDraggingOver","setIsDraggingOver","refInput","useRef","useTheme","handleOnSave","useCallback","files","prev","newImages","map","file","idx","index","length","finalImages","openFileDialog","_a","current","click","handleAddFiles","handleAddFilesCrop","useImageCrop","onSave","locale","dialog","button","genre","propsButton","default","buttonDelete","delete","imageSettings","maxSize","maxCount","aspect","handleAdd","br","add","useDialog","propsDialog","borderRadius","image","content","params","remove","jsxs","Stack","sx","position","overflow","aspectRatio","width","maxWidth","height","tablet","children","jsx","Image","sxStack","alignItems","justifyContent","backgroundColor","palette","black10","pointerEvents","isShowBeforeImage","sxImage","objectFit","alt","imageSrc","src","componentFallback","Typography","variant","imageFallback","Button","bottom","right","icons","type","name","isWidthAsHeight","isHiddenBorder","isRadius","onClick","useImageView","useEffect","Fragment","id","$sx","$error","error","onDrop","e","preventDefault","dataTransfer","handleDrop","onDragOver","onDragEnter","onDragLeave","animate","borderColor","border","hover","transition","duration","layout","ease","style","display","flexWrap","gap","img","url","userSelect","flexGrow","isContain","top","handleDelete","filter","textAlign","cursor","dragAndDrop","ref","accept","ImageSupportedFormatsForInput","multiple","target","buttonAdd","defaultImages","buttonReset","ErrorMessage"],"mappings":"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"}

package/build/component.styles-BSEA2Dqn.cjs

@@ -0,0 +1,8 @@
+"use strict";const r=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("styled-components"),t=require("./style-fRZ6xrVp.cjs"),o=e.div`
+  height: ${r=>"horizontal"===r.$type?"1px":"100%"};
+  width: ${r=>"vertical"===r.$type?"1px":"100%"};
+  background: ${r=>r.$color&&r.theme.palette[r.$color]};
+  border-radius: ${r=>r.$radius||"0px"};
+  ${t.addSX};
+`;exports.Separator=e=>{const t=e.color||"grayMonica";return r.jsxRuntimeExports.jsx(o,{$radius:e.radius,$color:t,$sx:e.sx,$type:e.type})},exports.SeparatorWrapper=o;
+//# sourceMappingURL=component.styles-BSEA2Dqn.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.styles-BSEA2Dqn.cjs","sources":["../src/components/separator/component.styles.tsx","../src/components/separator/component.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { SeparatorWrapperProps } from '.'\n\nconst DEFAULT_SEPARATOR_SIZE = '1px'\n\nexport const SeparatorWrapper = styled.div<SeparatorWrapperProps>`\n  height: ${props => (props.$type === 'horizontal' ? DEFAULT_SEPARATOR_SIZE : '100%')};\n  width: ${props => (props.$type === 'vertical' ? DEFAULT_SEPARATOR_SIZE : '100%')};\n  background: ${props => props.$color && props.theme.palette[props.$color]};\n  border-radius: ${props => props.$radius || '0px'};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { IThemePaletteKeys } from '@local/theme/theme.interface'\n\nimport { SeparatorProps, SeparatorWrapper } from '.'\n\nexport const Separator: FC<SeparatorProps> = props => {\n  const color: IThemePaletteKeys = props.color || 'grayMonica'\n  return <SeparatorWrapper $radius={props.radius} $color={color} $sx={props.sx} $type={props.type} />\n}\n"],"names":["SeparatorWrapper","styled","div","props","$type","$color","theme","palette","$radius","addSX","color","jsx","radius","$sx","sx","type"],"mappings":"4HAQaA,EAAmBC,EAAOC,GAAA;YAC3BC,GAA0B,eAAhBA,EAAMC,MAHG,MAG+C;WACnED,GAA0B,aAAhBA,EAAMC,MAJI,MAI4C;gBAC3DD,GAASA,EAAME,QAAUF,EAAMG,MAAMC,QAAQJ,EAAME;mBAChDF,GAASA,EAAMK,SAAW;IACzCC;oBCPyCN,IAC3C,MAAMO,EAA2BP,EAAMO,OAAS,aAChD,SAAOC,kBAAAA,IAACX,EAAA,CAAiBQ,QAASL,EAAMS,OAAQP,OAAQK,EAAOG,IAAKV,EAAMW,GAAIV,MAAOD,EAAMY"}