@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

package/build/component-separator.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-separator.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-stack.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-stack.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-stack.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-stack.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-textarea.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-textarea.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-textarea.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-textarea.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-toggle.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-toggle.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-toggle.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-toggle.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-tooltip.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-tooltip.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-tooltip.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-tooltip.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/build/component-typography.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-typography.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/component-typography.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-typography.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/component-wOmehMbn.js

@@ -1,170 +0,0 @@
-import { j as jsxRuntimeExports } from "./jsx-runtime-DZS36FSE.js";
-import { ac as InputOTPWrapper, bk as ErrorMessage } from "./context.constants-D0UjboYX.js";
-import { useState, useRef, useCallback } from "react";
-import { I as Input } from "./component-DGpaKn6_.js";
-const InputOTP = (props) => {
-  var _a;
-  const [otp, setOtp] = useState(new Array(props.length).fill(""));
-  const inputsRef = useRef([]);
-  const wrapperRef = useRef(null);
-  const handlePaste = useCallback(
-    (index, e) => {
-      e.preventDefault();
-      const pasteData = e.clipboardData.getData("Text");
-      const digits = pasteData.replace(/\D/g, "").split("");
-      if (!digits.length) return;
-      setOtp((prevOtp) => {
-        var _a2, _b;
-        const newOtp = [...prevOtp];
-        let currentIndex = index;
-        for (let i = 0; i < digits.length && currentIndex < newOtp.length; i++) {
-          newOtp[currentIndex] = digits[i];
-          currentIndex++;
-        }
-        const joined = newOtp.join("");
-        (_a2 = props.onChange) == null ? void 0 : _a2.call(props, joined);
-        if (newOtp.every((char) => char !== "")) {
-          (_b = props.onComplete) == null ? void 0 : _b.call(props, joined);
-        }
-        setTimeout(() => {
-          var _a3, _b2;
-          const firstEmpty = newOtp.findIndex((char) => char === "");
-          if (firstEmpty !== -1) {
-            (_a3 = inputsRef.current[firstEmpty]) == null ? void 0 : _a3.focus();
-          } else if (currentIndex < newOtp.length) {
-            (_b2 = inputsRef.current[currentIndex]) == null ? void 0 : _b2.focus();
-          }
-        }, 0);
-        return newOtp;
-      });
-    },
-    [props]
-  );
-  const handleChange = useCallback(
-    (index, value) => {
-      if (!/^\d*$/.test(value)) return;
-      setOtp((prevOtp) => {
-        var _a2;
-        const newOtp = [...prevOtp];
-        newOtp[index] = value.slice(-1);
-        if (props.onChange) {
-          props.onChange(newOtp.join(""));
-        }
-        if (newOtp.every((char) => char !== "")) {
-          (_a2 = props.onComplete) == null ? void 0 : _a2.call(props, newOtp.join(""));
-        }
-        if (value && index < prevOtp.length - 1) {
-          setTimeout(() => {
-            var _a3;
-            (_a3 = inputsRef.current[index + 1]) == null ? void 0 : _a3.focus();
-          }, 0);
-        }
-        return newOtp;
-      });
-    },
-    [props]
-  );
-  const handleKeyDown = (index, e) => {
-    const input = inputsRef.current[index];
-    if (!input) return;
-    if (e.key === "ArrowRight") {
-      const nextIndex = index < otp.length - 1 ? index + 1 : 0;
-      const nextInput = inputsRef.current[nextIndex];
-      if (nextInput) {
-        nextInput.focus();
-        setTimeout(() => nextInput.setSelectionRange(0, nextInput.value.length), 0);
-      }
-    }
-    if (e.key === "ArrowLeft") {
-      const prevIndex = index > 0 ? index - 1 : otp.length - 1;
-      const prevInput = inputsRef.current[prevIndex];
-      if (prevInput) {
-        prevInput.focus();
-        setTimeout(() => prevInput.setSelectionRange(0, prevInput.value.length), 0);
-      }
-    }
-    if (e.key === "Backspace") {
-      if (input.value) {
-        setTimeout(() => input.setSelectionRange(0, input.value.length), 0);
-      } else if (index > 0) {
-        setTimeout(() => {
-          const prevInput = inputsRef.current[index - 1];
-          if (prevInput) {
-            prevInput.focus();
-            prevInput.setSelectionRange(0, prevInput.value.length);
-          }
-        }, 0);
-      }
-    }
-  };
-  const handleFocusInput = useCallback((e) => {
-    setTimeout(() => e.target.setSelectionRange(0, e.target.value.length), 0);
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      InputOTPWrapper,
-      {
-        $error: props.error,
-        $size: props.size,
-        id: props.id,
-        ref: wrapperRef,
-        onBlur: (e) => {
-          setTimeout(() => {
-            var _a2;
-            if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {
-              (_a2 = props.onBlur) == null ? void 0 : _a2.call(props, e);
-            }
-          }, 0);
-        },
-        onFocus: (e) => {
-          setTimeout(() => {
-            var _a2, _b;
-            if ((_a2 = wrapperRef.current) == null ? void 0 : _a2.contains(document.activeElement)) {
-              (_b = props.onFocus) == null ? void 0 : _b.call(props, e);
-            }
-          }, 0);
-        },
-        $sx: props.sx,
-        children: otp.map((digit, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Input,
-          {
-            isWidthAsHeight: true,
-            tabIndex: index + 1,
-            ref: (el) => {
-              inputsRef.current[index] = el;
-            },
-            variety: "standard",
-            type: "text",
-            inputMode: "numeric",
-            maxLength: 1,
-            value: digit,
-            onFocus: handleFocusInput,
-            onPaste: (e) => handlePaste(index, e),
-            onChange: (value) => handleChange(index, value),
-            onKeyDown: (e) => handleKeyDown(index, e),
-            genre: props.genre,
-            size: props.size,
-            font: props.font
-          },
-          index
-        ))
-      }
-    ),
-    (props == null ? void 0 : props.error) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ErrorMessage,
-      {
-        ...props.error,
-        size: (props == null ? void 0 : props.error.size) ?? props.size,
-        font: {
-          size: 12,
-          weight: 400,
-          family: (_a = props.font) == null ? void 0 : _a.family
-        }
-      }
-    ) : null
-  ] });
-};
-export {
-  InputOTP as I
-};
-//# sourceMappingURL=component-wOmehMbn.js.map

package/build/component-wOmehMbn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-wOmehMbn.js","sources":["../src/components/input-otp/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { ClipboardEvent, FocusEvent, KeyboardEvent, useCallback, useRef, useState } from 'react';\n\nimport { Input } from '../input';\nimport { InputOTPProps, InputOTPWrapper } from '.';\n\nexport const InputOTP = (props: InputOTPProps) => {\n  const [otp, setOtp] = useState<string[]>(new Array(props.length).fill(''));\n  const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const handlePaste = useCallback(\n    (index: number, e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      const pasteData = e.clipboardData.getData('Text');\n      const digits = pasteData.replace(/\\D/g, '').split('');\n\n      if (!digits.length) return;\n\n      setOtp((prevOtp) => {\n        const newOtp = [...prevOtp];\n        let currentIndex = index;\n\n        for (let i = 0; i < digits.length && currentIndex < newOtp.length; i++) {\n          newOtp[currentIndex] = digits[i];\n          currentIndex++;\n        }\n\n        const joined = newOtp.join('');\n\n        props.onChange?.(joined);\n\n        if (newOtp.every((char) => char !== '')) {\n          props.onComplete?.(joined);\n        }\n\n        setTimeout(() => {\n          const firstEmpty = newOtp.findIndex((char) => char === '');\n          if (firstEmpty !== -1) {\n            inputsRef.current[firstEmpty]?.focus();\n          } else if (currentIndex < newOtp.length) {\n            inputsRef.current[currentIndex]?.focus();\n          }\n        }, 0);\n\n        return newOtp;\n      });\n    },\n    [props],\n  );\n\n  const handleChange = useCallback(\n    (index: number, value: string) => {\n      if (!/^\\d*$/.test(value)) return;\n\n      setOtp((prevOtp) => {\n        const newOtp = [...prevOtp];\n        newOtp[index] = value.slice(-1);\n\n        if (props.onChange) {\n          props.onChange(newOtp.join(''));\n        }\n\n        if (newOtp.every((char) => char !== '')) {\n          props.onComplete?.(newOtp.join(''));\n        }\n\n        if (value && index < prevOtp.length - 1) {\n          setTimeout(() => {\n            inputsRef.current[index + 1]?.focus();\n          }, 0);\n        }\n\n        return newOtp;\n      });\n    },\n    [props],\n  );\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    const input = inputsRef.current[index];\n\n    if (!input) return;\n\n    if (e.key === 'ArrowRight') {\n      const nextIndex = index < otp.length - 1 ? index + 1 : 0;\n      const nextInput = inputsRef.current[nextIndex];\n\n      if (nextInput) {\n        nextInput.focus();\n        setTimeout(() => nextInput.setSelectionRange(0, nextInput.value.length), 0);\n      }\n    }\n\n    if (e.key === 'ArrowLeft') {\n      const prevIndex = index > 0 ? index - 1 : otp.length - 1;\n      const prevInput = inputsRef.current[prevIndex];\n\n      if (prevInput) {\n        prevInput.focus();\n        setTimeout(() => prevInput.setSelectionRange(0, prevInput.value.length), 0);\n      }\n    }\n\n    if (e.key === 'Backspace') {\n      if (input.value) {\n        setTimeout(() => input.setSelectionRange(0, input.value.length), 0);\n      } else if (index > 0) {\n        setTimeout(() => {\n          const prevInput = inputsRef.current[index - 1];\n          if (prevInput) {\n            prevInput.focus();\n            prevInput.setSelectionRange(0, prevInput.value.length);\n          }\n        }, 0);\n      }\n    }\n  };\n\n  const handleFocusInput = useCallback((e: FocusEvent<HTMLInputElement>) => {\n    setTimeout(() => e.target.setSelectionRange(0, e.target.value.length), 0);\n  }, []);\n  return (\n    <>\n      <InputOTPWrapper\n        $error={props.error}\n        $size={props.size}\n        id={props.id}\n        ref={wrapperRef}\n        onBlur={(e) => {\n          setTimeout(() => {\n            if (wrapperRef.current && !wrapperRef.current.contains(document.activeElement)) {\n              props.onBlur?.(e);\n            }\n          }, 0);\n        }}\n        onFocus={(e) => {\n          setTimeout(() => {\n            if (wrapperRef.current?.contains(document.activeElement)) {\n              props.onFocus?.(e);\n            }\n          }, 0);\n        }}\n        $sx={props.sx}\n      >\n        {otp.map((digit, index) => (\n          <Input\n            isWidthAsHeight\n            key={index}\n            tabIndex={index + 1}\n            ref={(el) => {\n              inputsRef.current[index] = el;\n            }}\n            variety='standard'\n            type='text'\n            inputMode='numeric'\n            maxLength={1}\n            value={digit}\n            onFocus={handleFocusInput}\n            onPaste={(e) => handlePaste(index, e)}\n            onChange={(value) => handleChange(index, value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            genre={props.genre}\n            size={props.size}\n            font={props.font}\n          />\n        ))}\n      </InputOTPWrapper>\n      {props?.error ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: props.font?.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n"],"names":["_a","_b","jsxs","Fragment","jsx"],"mappings":"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"}

package/build/component-zLIAB2HV.cjs

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

package/build/component-zLIAB2HV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-zLIAB2HV.cjs","sources":["../src/components/image-select/component.tsx","../src/hooks/use-image-view/use.tsx"],"sourcesContent":["import { LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT } 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 { motion } from 'framer-motion';\nimport { DragEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { Button } from '../button';\nimport { Image } from '../image';\nimport { Stack } from '../stack';\nimport { Typography } from '../typography';\nimport { ImageSelectItemProps, ImageSelectListWrapper, ImageSelectProps, ImageSelectWrapper } from '.';\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            ) : null}\n          </motion.div>\n\n          <input\n            ref={refInput}\n            type='file'\n            accept={LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT}\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 ? (\n        <ErrorMessage\n          {...props.error}\n          size={props?.error.size ?? props.size}\n          font={{\n            size: 12,\n            weight: 400,\n            family: theme.font.family,\n          }}\n        />\n      ) : null}\n    </>\n  );\n};\n","import { 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, useDialogProps } from '@local/contexts/context-dialog';\nimport { KEY_SIZE_DATA } from '@local/theme';\n\nimport { useCallback, useMemo, useState } from 'react';\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  const [image, setImage] = useState<SliderImageProps | null>(null);\n  const propsDialog: useDialogProps<{ br?: string; image: SliderImageProps | null }> = useMemo(\n    () => ({\n      propsCustom: {\n        image: image,\n        br: br,\n      },\n      propsDialog: {\n        borderRadius: br,\n        padding: '0',\n        background: 'whiteStandard',\n      },\n      onRemove() {\n        setImage(null);\n      },\n      content: (remove, _isAnimating, params) => (\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          {params?.image ? (\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.image.imageSrc}\n              src={params.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          ) : null}\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    [br, props.imageSettings.aspect, props.locale.imageFallback, image],\n  );\n  const { add } = useDialog<{\n    br?: string;\n    image: SliderImageProps | null;\n  }>(propsDialog);\n  const handleAdd = useCallback(\n    (image: SliderImageProps) => {\n      setImage(image);\n      add();\n    },\n    [add],\n  );\n  return { handleAdd };\n};\n"],"names":["props","onChange","size","useMemo","KEY_SIZE_DATA","images","setImages","useState","isDraggingOver","setIsDraggingOver","refInput","useRef","theme","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","radius","image","setImage","propsDialog","propsCustom","borderRadius","padding","background","onRemove","content","remove","_isAnimating","params","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","add","useDialog","useImageView","useEffect","Fragment","ImageSelectWrapper","$genre","$size","id","$sx","$error","error","ImageSelectListWrapper","onDrop","e","preventDefault","dataTransfer","handleDrop","onDragOver","onDragEnter","onDragLeave","animate","borderColor","colors","imageSelect","border","hover","rest","transition","duration","motion","div","layout","ease","style","display","flexWrap","gap","img","url","userSelect","flexGrow","isContain","top","handleDelete","filter","textAlign","cursor","color","dragAndDrop","ref","accept","LIST_IMAGE_SUPPORTED_FORMAT_FOR_INPUT","multiple","target","buttonAdd","defaultImages","buttonReset","ErrorMessage","font","weight","family"],"mappings":"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"}