@jenesei-software/jenesei-kit-react 1.0.0 → 1.2.0

package/build/{component-nFn_uOy_.cjs → component-Bovatz78.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./consts.cjs.js"),s=require("./use-BhofoOgk.cjs"),r=require("./component-D1NPhRuV.cjs");exports.ImageButton=l=>{const o=t.useRef(null),u=t.useCallback(()=>{var e;null==(e=o.current)||e.click()},[]),{handleAddFiles:i}=s.useImageCrop({onSave:l.onSave,locale:l.locale,dialog:l.dialog,imageSettings:l.imageSettings,refInput:o});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.Button,{...l.button,onClick:e=>{var t,n;null==(n=(t=l.button).onClick)||n.call(t,e),u()},children:l.button.children||l.locale.buttonAdd}),e.jsxRuntimeExports.jsx("input",{ref:o,type:"file",accept:n.ImageSupportedFormatsForInput,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&i(e.target.files)}})]})};
-//# sourceMappingURL=component-nFn_uOy_.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),n=require("./consts.cjs.js"),s=require("./use-BnaBipTR.cjs"),r=require("./component-X4e7zEKk.cjs");exports.ImageButton=l=>{const o=t.useRef(null),u=t.useCallback(()=>{var e;null==(e=o.current)||e.click()},[]),{handleAddFiles:i}=s.useImageCrop({onSave:l.onSave,locale:l.locale,dialog:l.dialog,imageSettings:l.imageSettings,refInput:o});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.Button,{...l.button,onClick:e=>{var t,n;null==(n=(t=l.button).onClick)||n.call(t,e),u()},children:l.button.children||l.locale.buttonAdd}),e.jsxRuntimeExports.jsx("input",{ref:o,type:"file",accept:n.ImageSupportedFormatsForInput,multiple:!0,style:{display:"none"},onChange:e=>{e.target.files&&i(e.target.files)}})]})};
+//# sourceMappingURL=component-Bovatz78.cjs.map

package/build/{component-nFn_uOy_.cjs.map → component-Bovatz78.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-nFn_uOy_.cjs","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react'\n\nimport { ImageSupportedFormatsForInput } from '@local/consts'\nimport { useImageCrop } from '@local/hooks/use-image-crop'\n\nimport { ImageButtonProps } from '.'\nimport { Button } from '../button'\n\nexport const ImageButton: FC<ImageButtonProps> = props => {\n  const refInput = useRef<HTMLInputElement | null>(null)\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click()\n  }, [])\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput\n  })\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={e => {\n          props.button.onClick?.(e)\n          handleOpenFileDialog()\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\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) handleAddFiles(e.target.files)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["props","refInput","useRef","handleOpenFileDialog","useCallback","_a","current","click","handleAddFiles","useImageCrop","onSave","locale","dialog","imageSettings","jsxs","Fragment","children","jsx","Button","button","onClick","e","_b","call","buttonAdd","ref","type","accept","ImageSupportedFormatsForInput","multiple","style","display","onChange","target","files"],"mappings":"qMAQiDA,IAC/C,MAAMC,EAAWC,EAAAA,OAAgC,MAE3CC,EAAuBC,EAAAA,YAAY,WACvC,OAAAC,EAAAJ,EAASK,UAATD,EAAkBE,SACjB,KAEGC,eAAEA,GAAmBC,eAAa,CACtCC,OAAQV,EAAMU,OACdC,OAAQX,EAAMW,OACdC,OAAQZ,EAAMY,OACdC,cAAeb,EAAMa,cACrBZ,aAGF,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAC,kBAAAA,IAACC,EAAAA,OAAA,IACKlB,EAAMmB,OACVC,QAASC,YACP,OAAAC,GAAAjB,EAAAL,EAAMmB,QAAOC,UAAbE,EAAAC,KAAAlB,EAAuBgB,GACvBlB,KAGDa,SAAAhB,EAAMmB,OAAOH,UAAYhB,EAAMW,OAAOa,cAEzCP,kBAAAA,IAAC,QAAA,CACCQ,IAAKxB,EACLyB,KAAK,OACLC,OAAQC,EAAAA,8BACRC,UAAQ,EACRC,MAAO,CAAEC,QAAS,QAClBC,SAAUX,IACJA,EAAEY,OAAOC,OAAO1B,EAAea,EAAEY,OAAOC"}
+{"version":3,"file":"component-Bovatz78.cjs","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react'\n\nimport { ImageSupportedFormatsForInput } from '@local/consts'\nimport { useImageCrop } from '@local/hooks/use-image-crop'\n\nimport { ImageButtonProps } from '.'\nimport { Button } from '../button'\n\nexport const ImageButton: FC<ImageButtonProps> = props => {\n  const refInput = useRef<HTMLInputElement | null>(null)\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click()\n  }, [])\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput\n  })\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={e => {\n          props.button.onClick?.(e)\n          handleOpenFileDialog()\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\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) handleAddFiles(e.target.files)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["props","refInput","useRef","handleOpenFileDialog","useCallback","_a","current","click","handleAddFiles","useImageCrop","onSave","locale","dialog","imageSettings","jsxs","Fragment","children","jsx","Button","button","onClick","e","_b","call","buttonAdd","ref","type","accept","ImageSupportedFormatsForInput","multiple","style","display","onChange","target","files"],"mappings":"qMAQiDA,IAC/C,MAAMC,EAAWC,EAAAA,OAAgC,MAE3CC,EAAuBC,EAAAA,YAAY,WACvC,OAAAC,EAAAJ,EAASK,UAATD,EAAkBE,SACjB,KAEGC,eAAEA,GAAmBC,eAAa,CACtCC,OAAQV,EAAMU,OACdC,OAAQX,EAAMW,OACdC,OAAQZ,EAAMY,OACdC,cAAeb,EAAMa,cACrBZ,aAGF,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAC,kBAAAA,IAACC,EAAAA,OAAA,IACKlB,EAAMmB,OACVC,QAASC,YACP,OAAAC,GAAAjB,EAAAL,EAAMmB,QAAOC,UAAbE,EAAAC,KAAAlB,EAAuBgB,GACvBlB,KAGDa,SAAAhB,EAAMmB,OAAOH,UAAYhB,EAAMW,OAAOa,cAEzCP,kBAAAA,IAAC,QAAA,CACCQ,IAAKxB,EACLyB,KAAK,OACLC,OAAQC,EAAAA,8BACRC,UAAQ,EACRC,MAAO,CAAEC,QAAS,QAClBC,SAAUX,IACJA,EAAEY,OAAOC,OAAO1B,EAAea,EAAEY,OAAOC"}

package/build/{component-UW1VzyvB.cjs → component-C0atFCun.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-D1NPhRuV.cjs"),r=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),i=r.css`
+"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-X4e7zEKk.cjs"),r=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),i=r.css`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -49,4 +49,4 @@
   ${t=>"horizontal"===t.$position?i:s};
   ${o.addSX};
 `;exports.ButtonGroup=r=>{var o;return t.jsxRuntimeExports.jsx(n,{$sx:r.sx,$position:r.position,className:r.className,id:"jenesei-button-group",children:null==(o=r.value)?void 0:o.map((r,o)=>t.jsxRuntimeExports.jsx(e.Button,{id:"jenesei-button",...r},o))})},exports.ButtonGroupWrapper=n;
-//# sourceMappingURL=component-UW1VzyvB.cjs.map
+//# sourceMappingURL=component-C0atFCun.cjs.map

package/build/{component-UW1VzyvB.cjs.map → component-C0atFCun.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-UW1VzyvB.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMrCC,GACoB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD6CF,UAC/C,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IAAOL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}
+{"version":3,"file":"component-C0atFCun.cjs","sources":["../src/components/button-group/component.styles.ts","../src/components/button-group/component.tsx"],"sourcesContent":["import { css, styled } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledButtonGroupProps } from '.'\n\n/****************************************** Position *************************************************/\nconst ButtonGroupWrapperPositionHorizontal = css`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  justify-content: space-between;\n  & #jenesei-button {\n    &:not(:only-child) {\n      flex-grow: 1;\n      &:first-child {\n        border-bottom-right-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:last-child {\n        border-bottom-left-radius: 0;\n        border-top-left-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nconst ButtonGroupWrapperPositionVertical = css`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  & #jenesei-button {\n    &:not(:only-child) {\n      &:first-child {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n      &:last-child {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n      &:not(:first-child):not(:last-child) {\n        border-radius: 0;\n      }\n    }\n  }\n`\n\nexport const ButtonGroupWrapper = styled.div<StyledButtonGroupProps>`\n  & #jenesei-button {\n    &:focus-visible {\n      z-index: 1;\n    }\n  }\n  ${props =>\n    props.$position === 'horizontal' ? ButtonGroupWrapperPositionHorizontal : ButtonGroupWrapperPositionVertical};\n  ${addSX};\n`\n","import { FC } from 'react'\n\nimport { Button } from '@local/components/button'\n\nimport { ButtonGroupProps, ButtonGroupWrapper } from '.'\n\nexport const ButtonGroup: FC<ButtonGroupProps> = props => {\n  return (\n    <ButtonGroupWrapper $sx={props.sx} $position={props.position} className={props.className} id=\"jenesei-button-group\">\n      {props.value?.map((button, id) => <Button id=\"jenesei-button\" key={id} {...button} />)}\n    </ButtonGroupWrapper>\n  )\n}\n"],"names":["ButtonGroupWrapperPositionHorizontal","css","ButtonGroupWrapperPositionVertical","ButtonGroupWrapper","styled","div","props","$position","addSX","jsx","$sx","sx","position","className","id","children","_a","value","map","button","Button"],"mappings":"kKAOMA,EAAuCC,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;;;EAwBvCC,EAAqCD,EAAAA,GAAAA;;;;;;;;;;;;;;;;;;;;EAsB9BE,EAAqBC,EAAAA,OAAOC,GAAA;;;;;;IAMrCC,GACoB,eAApBA,EAAMC,UAA6BP,EAAuCE;IAC1EM;sBCvD6CF,UAC/C,SACEG,kBAAAA,IAACN,EAAA,CAAmBO,IAAKJ,EAAMK,GAAIJ,UAAWD,EAAMM,SAAUC,UAAWP,EAAMO,UAAWC,GAAG,uBAC1FC,SAAA,OAAAC,EAAAV,EAAMW,YAAN,EAAAD,EAAaE,IAAI,CAACC,EAAQL,IAAOL,EAAAA,kBAAAA,IAACW,EAAAA,OAAA,CAAON,GAAG,oBAA8BK,GAARL"}

package/build/{component-DZxbW_Jz.js → component-CbPhVNw5.js}

@@ -1,21 +1,21 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { useMemo } from "react";
-import styled, { css, useTheme } from "styled-components";
-import { I as Icon } from "./component.styles-BapdQNhL.js";
+import { I as Icon } from "./component.styles-CiGPOpxk.js";
 import { d as addRippleDefault } from "./component.styles-B0L4jbOO.js";
-import { R as Ripple } from "./component-ByY_9Ryc.js";
+import { R as Ripple } from "./component-vpCWcIhC.js";
+import { g as getFontSizeStyles, h as addSXTypography, m as useMergeRefs } from "./component--cOriuv7.js";
+import { useMemo, useRef } from "react";
+import styled, { css, useTheme } from "styled-components";
 import { motion } from "framer-motion";
-import { g as getFontSizeStyles, h as addSXTypography } from "./component-C2JFFh-k.js";
-import { b as addTransition, f as addOutline } from "./style-CEGJOjRW.js";
+import { b as addTransition, f as addOutline } from "./style-Bvt_Melk.js";
 import { a as addSX } from "./style-plT9Ah7t.js";
-import { K as KEY_SIZE_DATA } from "./theme.global-bN9HlSWE.js";
+import { K as KEY_SIZE_DATA } from "./theme.global-B46v_8eu.js";
 const ButtonGenre = css`
   ${(props) => css`
     background: ${props.theme.colors.button[props.$genre].background.rest};
     border-color: ${props.theme.colors.button[props.$genre].border.rest};
     color: ${props.theme.colors.button[props.$genre].color.rest};
     &:hover {
-      ${!props.$isHidden && css`
+      ${(!props.$isHidden || props.$isNotHoverEffect) && css`
         background: ${props.theme.colors.button[props.$genre].background.hover};
         border-color: ${props.theme.colors.button[props.$genre].border.hover};
         color: ${props.theme.colors.button[props.$genre].color.hover};
@@ -128,7 +128,7 @@ const Button = (props) => {
             turn: icon.turn,
             order: icon.order
           },
-          index
+          `${icon.type}-${icon.name}-${index}`
         ) : (icon == null ? void 0 : icon.type) === "logo" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {
@@ -138,7 +138,7 @@ const Button = (props) => {
             turn: icon.turn,
             order: icon.order
           },
-          index
+          `${icon.type}-${icon.name}-${index}`
         ) : (icon == null ? void 0 : icon.type) === "checkbox" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {
@@ -148,7 +148,7 @@ const Button = (props) => {
             turn: icon.turn,
             order: icon.order
           },
-          index
+          `${icon.type}-${icon.name}-${index}`
         ) : (icon == null ? void 0 : icon.type) === "loading" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {
@@ -158,7 +158,7 @@ const Button = (props) => {
             turn: icon.turn,
             order: icon.order
           },
-          index
+          `${icon.type}-${icon.name}-${index}`
         ) : (icon == null ? void 0 : icon.type) === "realebail" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {
@@ -168,7 +168,7 @@ const Button = (props) => {
             turn: icon.turn,
             order: icon.order
           },
-          index
+          `${icon.type}-${icon.name}-${index}`
         ) : null
       );
     },
@@ -179,12 +179,15 @@ const Button = (props) => {
       props.onClick(event);
     }
   };
+  const refDefault = useRef(null);
+  const ref = useMergeRefs([refDefault, props.ref]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     StyledButton,
     {
+      $isNotHoverEffect: props.isNotHoverEffect,
       whileTap: props.isWhileTapEffect ? { scale: 0.9, transition: { duration: 0.02 } } : {},
       id: props.id,
-      tabIndex: 0,
+      tabIndex: props.tabIndex ?? 0,
       $isFullSize: props.isFullSize,
       $genre: props.genre,
       $size: props.size,
@@ -200,7 +203,8 @@ const Button = (props) => {
       type: props.type ?? "button",
       className: props.className,
       onClick: handleClick,
-      ref: props.ref,
+      onMouseDown: props.onMouseDown,
+      ref,
       $sx: props.sx,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -211,18 +215,16 @@ const Button = (props) => {
             isHidden: props.isHidden
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          !props.isOnlyIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { order: 0, display: "contents" }, children: props.children && props.children }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            StyledButtonIconsWrapper,
-            {
-              $size: props.size,
-              $isIconGroup: props.isIconGroup,
-              $iconGroupOrder: "iconGroupOrder" in props ? props.iconGroupOrder : void 0,
-              children: iconComponents
-            }
-          )
-        ] })
+        !props.isOnlyIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { order: 0, display: "contents" }, children: props.children && props.children }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StyledButtonIconsWrapper,
+          {
+            $size: props.size,
+            $isIconGroup: props.isIconGroup,
+            $iconGroupOrder: "iconGroupOrder" in props ? props.iconGroupOrder : void 0,
+            children: iconComponents
+          }
+        )
       ]
     }
   );
@@ -234,4 +236,4 @@ export {
   StyledButton as b,
   Button as c
 };
-//# sourceMappingURL=component-DZxbW_Jz.js.map
+//# sourceMappingURL=component-CbPhVNw5.js.map

package/build/component-CbPhVNw5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-CbPhVNw5.js","sources":["../src/components/button/component.styles.ts","../src/components/button/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addRippleDefault } from '@local/components/ripple'\nimport { addSXTypography, getFontSizeStyles } from '@local/components/typography'\nimport { addOutline, addTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { StyledDollarButtonIconsWrapperProps, StyledDollarButtonProps } from '.'\n\n/****************************************** Genre *************************************************/\nconst ButtonGenre = css<StyledDollarButtonProps>`\n  ${props => css`\n    background: ${props.theme.colors.button[props.$genre].background.rest};\n    border-color: ${props.theme.colors.button[props.$genre].border.rest};\n    color: ${props.theme.colors.button[props.$genre].color.rest};\n    &:hover {\n      ${(!props.$isHidden || props.$isNotHoverEffect) &&\n      css`\n        background: ${props.theme.colors.button[props.$genre].background.hover};\n        border-color: ${props.theme.colors.button[props.$genre].border.hover};\n        color: ${props.theme.colors.button[props.$genre].color.hover};\n      `}\n    }\n  `};\n`\n\n/****************************************** Disabled *************************************************/\nconst ButtonDisabled = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isHidden\n      ? css`\n          opacity: 0.5;\n          background: ${props.theme.colors.button[props.$genre].background.rest} !important;\n          color: ${props.theme.colors.button[props.$genre].color.rest} !important;\n        `\n      : css`\n          opacity: 1;\n        `}\n`\n/****************************************** is HiddenBorder *************************************************/\nconst ButtonIsHiddenBorder = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isHiddenBorder &&\n    css`\n      border: 0px transparent !important;\n    `}\n`\n/****************************************** is Radius *************************************************/\nconst ButtonIsRadius = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isRadius &&\n    css`\n      border-radius: 100px;\n    `}\n`\n/****************************************** is PlaystationEffect *************************************************/\nconst ButtonIsPlaystationEffect = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isPlaystationEffect &&\n    css`\n      box-shadow: ${props.theme.effects.button};\n    `}\n`\n/****************************************** Icons Wrapper *************************************************/\nexport const StyledButtonIconsWrapper = styled.div<StyledDollarButtonIconsWrapperProps>`\n  ${props =>\n    props.$isIconGroup\n      ? css`\n          display: flex;\n          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;\n          align-items: center;\n          order: ${props.$iconGroupOrder || 'initial'};\n        `\n      : css`\n          display: contents;\n        `}\n`\n\n/****************************************** Size *************************************************/\nexport const ButtonSize = css<StyledDollarButtonProps>`\n  ${props =>\n    ButtonSizeConstructor({\n      ...KEY_SIZE_DATA[props.$size],\n      isFullSize: props.$isFullSize,\n      isWidthAsHeight: props.$isWidthAsHeight,\n      isMinWidthAsContent: props.$isMinWidthAsContent\n    })};\n`\nexport const ButtonSizeConstructor = (\n  props: IThemeSizePropertyDefault & {\n    isFullSize?: boolean\n    isWidthAsHeight?: boolean\n    isMinWidthAsContent?: boolean\n  }\n) => css`\n  height: fit-content;\n  min-height: ${props.height}px;\n  max-height: fit-content;\n  padding: 2px ${props.padding}px;\n  border-radius: ${props.radius}px;\n  gap: ${props.padding - 2}px;\n  ${params => getFontSizeStyles(props.font, 700, params.theme.font.family)};\n  ${() =>\n    props.isFullSize &&\n    css`\n      height: 100%;\n      width: 100%;\n      border-radius: 0px;\n    `};\n  ${props.isWidthAsHeight &&\n  css`\n    width: ${props.height}px;\n    min-width: ${props.height}px;\n    padding: 0px;\n  `};\n  ${props.isMinWidthAsContent &&\n  css`\n    min-width: max-content;\n  `};\n`\n/****************************************** Border *************************************************/\nconst ButtonBorder = css`\n  border: 1px solid transparent;\n`\n\n/****************************************** Flex *************************************************/\nconst ButtonFlex = css<StyledDollarButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n/****************************************** Styled *************************************************/\nexport const StyledButton = styled(motion.button)<StyledDollarButtonProps>`\n  cursor: pointer;\n  user-select: none;\n\n  ${ButtonBorder};\n  ${ButtonSize};\n  ${ButtonGenre};\n  ${ButtonDisabled};\n  ${ButtonIsHiddenBorder};\n  ${ButtonIsRadius};\n  ${ButtonIsPlaystationEffect};\n  ${ButtonFlex};\n  ${addRippleDefault};\n  ${addTransition};\n  ${addOutline};\n  ${addSXTypography};\n  ${addSX};\n`\n","import {\n  Icon,\n  TIconCheckboxNameString,\n  TIconIdNameString,\n  TIconLoadingNameString,\n  TIconLogoNameString,\n  TIconRealEbailNameString,\n} from '@local/components/icon';\nimport { Ripple } from '@local/components/ripple';\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport { FC, Ref, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ButtonProps, StyledButton, StyledButtonIconsWrapper } from '.';\n\nexport const Button: FC<ButtonProps> = (props) => {\n  const theme = useTheme();\n\n  const iconComponents = useMemo(\n    () =>\n      (props.icons ?? [])\n        ?.filter((icon) => !icon.isHidden)\n        ?.map((icon, index) =>\n          icon?.type === 'id' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconIdNameString}\n              type='id'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'logo' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconLogoNameString}\n              type='logo'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'checkbox' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconCheckboxNameString}\n              type='checkbox'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'loading' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconLoadingNameString}\n              type='loading'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'realebail' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconRealEbailNameString}\n              type='realebail'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : null,\n        ),\n    [props.icons, props.size],\n  );\n\n  const handleClick: ButtonProps['onClick'] = (event) => {\n    if (!props.isDisabled && props.onClick) {\n      props.onClick(event);\n    }\n  };\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  return (\n    <StyledButton\n      $isNotHoverEffect={props.isNotHoverEffect}\n      whileTap={props.isWhileTapEffect ? { scale: 0.9, transition: { duration: 0.02 } } : {}}\n      id={props.id}\n      tabIndex={props.tabIndex ?? 0}\n      $isFullSize={props.isFullSize}\n      $genre={props.genre}\n      $size={props.size}\n      $isDisabled={props.isDisabled}\n      $isMinWidthAsContent={props.isMinWidthAsContent}\n      $isWidthAsHeight={props.isWidthAsHeight}\n      $isRadius={props.isRadius}\n      $isHidden={props.isHidden}\n      $isPlaystationEffect={props.isPlaystationEffect}\n      $sxTypography={props.sxTypography}\n      $isHiddenBorder={props.isHiddenBorder || props.isPlaystationEffect}\n      disabled={props.isDisabled}\n      type={props.type ?? 'button'}\n      className={props.className}\n      onClick={handleClick}\n      onMouseDown={props.onMouseDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      $sx={props.sx}\n    >\n      <Ripple\n        color={theme.colors.checkbox[props.genre].color.rest}\n        isDisabled={props.isDisabled ?? props.isDisabledRipple}\n        isHidden={props.isHidden}\n      />\n\n      {!props.isOnlyIcon && <div style={{ order: 0, display: 'contents' }}>{props.children && props.children}</div>}\n      <StyledButtonIconsWrapper\n        $size={props.size}\n        $isIconGroup={props.isIconGroup}\n        $iconGroupOrder={'iconGroupOrder' in props ? props.iconGroupOrder : undefined}\n      >\n        {iconComponents}\n      </StyledButtonIconsWrapper>\n    </StyledButton>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/build/component-CbnBTIR5.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("./style-eIuUYu9x.cjs"),n=require("react"),r=require("./component.styles-DWoybqna.cjs");exports.Input=t=>{const l=n.useCallback(e=>{var i,n;if("standard"===t.variety){const n="string"==typeof e?e:e.value,r=t.isNoSpaces?n.replace(/\s+/g,""):n;null==(i=t.onChange)||i.call(t,r)}"pattern"!==t.variety&&"numeric"!==t.variety||"string"!=typeof e&&(null==(n=t.onChange)||n.call(t,e))},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(r.StyledInputWrapper,{$isInputEffect:t.isInputEffect,className:t.className,$isDisabled:t.isDisabled,$sx:t.sx,$size:t.size,$isWidthAsHeight:t.isWidthAsHeight,children:[t.prefixChildren&&e.jsxRuntimeExports.jsx(r.InputPrefixChildren,{$left:t.prefixChildren.left,$right:t.prefixChildren.right,$isDisabled:t.isDisabled,$width:t.prefixChildren.width,children:t.prefixChildren.children}),"pattern"===t.variety?e.jsxRuntimeExports.jsx(r.StyledInputPattern,{$isNiceNumber:t.isNiceNumber,$isInputEffect:t.isInputEffect,$error:null==t?void 0:t.error,$isLoading:t.isLoading,$postfixChildren:null==t?void 0:t.postfixChildren,$prefixChildren:null==t?void 0:t.prefixChildren,$genre:t.genre,$size:t.size,$isBold:t.isBold,$isDisabled:t.isDisabled,$isCenter:t.isCenter,disabled:t.isDisabled,readOnly:t.isReadOnly,required:t.isRequired,defaultValue:null===t.defaultValue?"":t.defaultValue,value:null===t.value?"":t.value,placeholder:t.placeholder,onValueChange:e=>l(e),onBlur:t.onBlur,onFocus:t.onFocus,onPaste:t.onPaste,name:t.name,id:t.id,onKeyDown:t.onKeyDown,inputMode:t.inputMode,maxLength:t.maxLength,minLength:t.minLength,tabIndex:t.tabIndex,...t.propsPattern}):"numeric"===t.variety?e.jsxRuntimeExports.jsx(r.StyledInputNumeric,{$isNiceNumber:t.isNiceNumber,$isInputEffect:t.isInputEffect,$error:null==t?void 0:t.error,$isLoading:t.isLoading,$postfixChildren:null==t?void 0:t.postfixChildren,$prefixChildren:null==t?void 0:t.prefixChildren,$genre:t.genre,$size:t.size,$isBold:t.isBold,$isDisabled:t.isDisabled,$isCenter:t.isCenter,disabled:t.isDisabled,readOnly:t.isReadOnly,required:t.isRequired,defaultValue:null===t.defaultValue?"":t.defaultValue,value:null===t.value?"":t.value,placeholder:t.placeholder,onValueChange:e=>l(e),onBlur:t.onBlur,onFocus:t.onFocus,onPaste:t.onPaste,name:t.name,id:t.id,onKeyDown:t.onKeyDown,inputMode:t.inputMode,maxLength:t.maxLength,minLength:t.minLength,tabIndex:t.tabIndex,...t.propsNumeric}):e.jsxRuntimeExports.jsx(r.StyledInput,{$isNiceNumber:t.isNiceNumber,inputMode:t.inputMode,maxLength:t.maxLength,minLength:t.minLength,ref:t.ref,$error:t.error,$isInputEffect:t.isInputEffect,$isLoading:t.isLoading,$postfixChildren:null==t?void 0:t.postfixChildren,$prefixChildren:null==t?void 0:t.prefixChildren,$genre:t.genre,$size:t.size,$isBold:t.isBold,$isDisabled:t.isDisabled,$isCenter:t.isCenter,disabled:t.isDisabled,readOnly:t.isReadOnly,required:t.isRequired,defaultValue:null===t.defaultValue?"":t.defaultValue,value:null===t.value?"":t.value,placeholder:t.placeholder,type:t.type,autoComplete:t.autoComplete,onInput:e=>{const i=e.target;l(i.value)},onBlur:t.onBlur,onFocus:t.onFocus,onPaste:t.onPaste,name:t.name,id:t.id,tabIndex:t.tabIndex,onKeyDown:t.onKeyDown,min:t.min,max:t.max,step:t.step}),t.postfixChildren&&e.jsxRuntimeExports.jsx(r.InputPostfixChildren,{$left:t.postfixChildren.left,$right:t.postfixChildren.right,$isDisabled:t.isDisabled,$width:t.postfixChildren.width,children:t.postfixChildren.children})]}),(null==t?void 0:t.error)?e.jsxRuntimeExports.jsx(i.ErrorMessage,{...t.error,size:(null==t?void 0:t.error.size)??t.size}):null]})},exports.formatPhoneNumber=function(e,i){function n(e){return/\d/.test(e)}let r="",t="",l=0;if(0===e.length)return{format:"",placeholder:""};for(let s=0;s<i.length;s++){const a=i.charAt(s);a===e.charAt(l)?(r+=a,t+=n(a)?"#":a,l++):n(a)?(r+="#",t+="-"):(r+=a,t+=a)}for(;l<e.length;)r+=e.charAt(l),t+=e.charAt(l),l++;return{format:r,placeholder:t}};
+//# sourceMappingURL=component-CbnBTIR5.cjs.map

package/build/component-CbnBTIR5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-CbnBTIR5.cjs","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/styles/error';\n\nimport { useCallback } from 'react';\nimport { NumberFormatValues } from 'react-number-format';\n\nimport {\n  InputPostfixChildren,\n  InputPrefixChildren,\n  InputProps,\n  StyledInput,\n  StyledInputNumeric,\n  StyledInputPattern,\n  StyledInputWrapper,\n} from '.';\n\nexport const Input = (props: InputProps) => {\n  const handleOnChange = useCallback(\n    (input: string | NumberFormatValues) => {\n      if (props.variety === 'standard') {\n        const value = typeof input === 'string' ? input : input.value;\n        const cleaned = props.isNoSpaces ? value.replace(/\\s+/g, '') : value;\n        props.onChange?.(cleaned);\n      }\n\n      if (props.variety === 'pattern' || props.variety === 'numeric') {\n        if (typeof input !== 'string') {\n          props.onChange?.(input);\n        }\n      }\n    },\n    [props],\n  );\n\n  return (\n    <>\n      <StyledInputWrapper\n        $isInputEffect={props.isInputEffect}\n        className={props.className}\n        $isDisabled={props.isDisabled}\n        $sx={props.sx}\n        $size={props.size}\n        $isWidthAsHeight={props.isWidthAsHeight}\n      >\n        {props.prefixChildren && (\n          <InputPrefixChildren\n            $left={props.prefixChildren.left}\n            $right={props.prefixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.prefixChildren.width}\n          >\n            {props.prefixChildren.children}\n          </InputPrefixChildren>\n        )}\n        {props.variety === 'pattern' ? (\n          <StyledInputPattern\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsPattern}\n          />\n        ) : props.variety === 'numeric' ? (\n          <StyledInputNumeric\n            $isNiceNumber={props.isNiceNumber}\n            $isInputEffect={props.isInputEffect}\n            $error={props?.error}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            onValueChange={(props) => handleOnChange(props)}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            onKeyDown={props.onKeyDown}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            tabIndex={props.tabIndex}\n            {...props.propsNumeric}\n          />\n        ) : (\n          <StyledInput\n            $isNiceNumber={props.isNiceNumber}\n            inputMode={props.inputMode}\n            maxLength={props.maxLength}\n            minLength={props.minLength}\n            ref={props.ref}\n            $error={props.error}\n            $isInputEffect={props.isInputEffect}\n            $isLoading={props.isLoading}\n            $postfixChildren={props?.postfixChildren}\n            $prefixChildren={props?.prefixChildren}\n            $genre={props.genre}\n            $size={props.size}\n            $isBold={props.isBold}\n            $isDisabled={props.isDisabled}\n            $isCenter={props.isCenter}\n            disabled={props.isDisabled}\n            readOnly={props.isReadOnly}\n            required={props.isRequired}\n            defaultValue={props.defaultValue === null ? '' : props.defaultValue}\n            value={props.value === null ? '' : props.value}\n            placeholder={props.placeholder}\n            type={props.type}\n            autoComplete={props.autoComplete}\n            onInput={(event) => {\n              const input = event.target as HTMLInputElement;\n              handleOnChange(input.value);\n            }}\n            onBlur={props.onBlur}\n            onFocus={props.onFocus}\n            onPaste={props.onPaste}\n            name={props.name}\n            id={props.id}\n            tabIndex={props.tabIndex}\n            onKeyDown={props.onKeyDown}\n            min={props.min}\n            max={props.max}\n            step={props.step}\n          />\n        )}\n\n        {props.postfixChildren && (\n          <InputPostfixChildren\n            $left={props.postfixChildren.left}\n            $right={props.postfixChildren.right}\n            $isDisabled={props.isDisabled}\n            $width={props.postfixChildren.width}\n          >\n            {props.postfixChildren.children}\n          </InputPostfixChildren>\n        )}\n      </StyledInputWrapper>\n      {props?.error ? <ErrorMessage {...props.error} size={props?.error.size ?? props.size} /> : null}\n    </>\n  );\n};\n\nexport function formatPhoneNumber(dialCode: string, international: string) {\n  function isDigit(char: string): boolean {\n    return /\\d/.test(char);\n  }\n\n  let formattedNumber = '';\n  let placeholderNumber = '';\n  let dialCodeIndex = 0;\n\n  if (dialCode.length === 0) {\n    return { format: '', placeholder: '' };\n  }\n\n  for (let i = 0; i < international.length; i++) {\n    const char = international.charAt(i);\n\n    if (char === dialCode.charAt(dialCodeIndex)) {\n      formattedNumber += char;\n      placeholderNumber += isDigit(char) ? '#' : char;\n      dialCodeIndex++;\n    } else {\n      if (isDigit(char)) {\n        formattedNumber += '#';\n        placeholderNumber += '-';\n      } else {\n        formattedNumber += char;\n        placeholderNumber += char;\n      }\n    }\n  }\n\n  while (dialCodeIndex < dialCode.length) {\n    formattedNumber += dialCode.charAt(dialCodeIndex);\n    placeholderNumber += dialCode.charAt(dialCodeIndex);\n    dialCodeIndex++;\n  }\n\n  return {\n    format: formattedNumber,\n    placeholder: placeholderNumber,\n  };\n}\n"],"names":["props","handleOnChange","useCallback","input","variety","value","cleaned","isNoSpaces","replace","_a","onChange","call","_b","jsxs","Fragment","children","StyledInputWrapper","$isInputEffect","isInputEffect","className","$isDisabled","isDisabled","$sx","sx","$size","size","$isWidthAsHeight","isWidthAsHeight","prefixChildren","jsx","InputPrefixChildren","$left","left","$right","right","$width","width","StyledInputPattern","$isNiceNumber","isNiceNumber","$error","error","$isLoading","isLoading","$postfixChildren","postfixChildren","$prefixChildren","$genre","genre","$isBold","isBold","$isCenter","isCenter","disabled","readOnly","isReadOnly","required","isRequired","defaultValue","placeholder","onValueChange","onBlur","onFocus","onPaste","name","id","onKeyDown","inputMode","maxLength","minLength","tabIndex","propsPattern","StyledInputNumeric","propsNumeric","StyledInput","ref","type","autoComplete","onInput","event","target","min","max","step","InputPostfixChildren","ErrorMessage","dialCode","international","isDigit","char","test","formattedNumber","placeholderNumber","dialCodeIndex","length","format","i","charAt"],"mappings":"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"}

package/build/{component-xnEaYd4a.cjs → component-D7A-4DNQ.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),i=require("./component.styles-Dpg-__rn.cjs");exports.Ripple=s=>{const o=t.useMemo(()=>s.color??"unset",[s.color]),r=t.useMemo(()=>s.duration??i.DEFAULT_RIPPLE_DURATION,[s.duration]),[n,u]=t.useState([]);((e,i,s)=>{t.useLayoutEffect(()=>{let t=null;return e>0&&(t&&clearTimeout(t),t=setTimeout(()=>{s(),t&&clearTimeout(t)},4*i)),()=>{t&&clearTimeout(t)}},[e,i,s])})(n.length,r??i.DEFAULT_RIPPLE_DURATION,()=>{u([])});const l=t.useCallback(e=>{if(!e.isTrusted)return;const t=e.currentTarget.getBoundingClientRect(),i=t.width>t.height?t.width:t.height,s={x:e.pageX-t.x-i/2,y:e.pageY-t.y-i/2,size:i};u([]),setTimeout(()=>{u([s])},0)},[]);return s.isDisabled||s.isHidden?null:e.jsxRuntimeExports.jsx(i.RippleContainer,{id:i.DEFAULT_RIPPLE_ID,$duration:r,$color:o,onMouseDown:l,children:n.length>0&&n.map((t,s)=>e.jsxRuntimeExports.jsx(i.RippleSpan,{$duration:r,$color:o,style:{top:t.y,left:t.x,width:t.size,height:t.size}},"span"+s))})};
-//# sourceMappingURL=component-xnEaYd4a.cjs.map
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),i=require("./component.styles-Dpg-__rn.cjs");exports.Ripple=s=>{const o=t.useMemo(()=>s.color??"unset",[s.color]),r=t.useMemo(()=>s.duration??i.DEFAULT_RIPPLE_DURATION,[s.duration]),[n,u]=t.useState([]);((e,i,s)=>{t.useLayoutEffect(()=>{let t=null;return e>0&&(t&&clearTimeout(t),t=setTimeout(()=>{s(),t&&clearTimeout(t)},4*i)),()=>{t&&clearTimeout(t)}},[e,i,s])})(n.length,r??i.DEFAULT_RIPPLE_DURATION,()=>{u([])});const l=t.useCallback(e=>{if(!e.isTrusted)return;const t=e.currentTarget.getBoundingClientRect(),i=t.width>t.height?t.width:t.height,s={x:e.pageX-t.x-i/2,y:e.pageY-t.y-i/2,size:i};u([]),setTimeout(()=>{u([s])},0)},[]);return s.isDisabled||s.isHidden?null:e.jsxRuntimeExports.jsx(i.RippleContainer,{id:i.DEFAULT_RIPPLE_ID,$duration:r,$color:o,onMouseDown:l,children:n.length>0&&n.map((t,s)=>e.jsxRuntimeExports.jsx(i.RippleSpan,{$duration:r,$color:o,style:{top:t.y,left:t.x,width:t.size,height:t.size}},`span-${s}`))})};
+//# sourceMappingURL=component-D7A-4DNQ.cjs.map

package/build/{component-xnEaYd4a.cjs.map → component-D7A-4DNQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"component-xnEaYd4a.cjs","sources":["../src/components/ripple/component.tsx"],"sourcesContent":["import React, { FC, useCallback, useLayoutEffect, useMemo, useState } from 'react'\n\nimport {\n  DEFAULT_RIPPLE_DURATION,\n  DEFAULT_RIPPLE_ID,\n  RippleArrayElement,\n  RippleContainer,\n  RippleProps,\n  RippleSpan\n} from '.'\n\nconst useDebouncedRippleCleanUp = (rippleCount: number, duration: number, cleanUpFunction: () => void) => {\n  useLayoutEffect(() => {\n    // eslint-disable-next-line no-undef\n    let bounce: NodeJS.Timeout | null = null\n    if (rippleCount > 0) {\n      if (bounce) {\n        clearTimeout(bounce)\n      }\n\n      bounce = setTimeout(() => {\n        cleanUpFunction()\n        if (bounce) {\n          clearTimeout(bounce)\n        }\n      }, duration * 4)\n    }\n\n    return () => {\n      if (bounce) {\n        clearTimeout(bounce)\n      }\n    }\n  }, [rippleCount, duration, cleanUpFunction])\n}\n\nexport const Ripple: FC<RippleProps> = props => {\n  const color = useMemo(() => props.color ?? 'unset', [props.color])\n  const duration = useMemo(() => props.duration ?? DEFAULT_RIPPLE_DURATION, [props.duration])\n\n  const [rippleArray, setRippleArray] = useState<RippleArrayElement[]>([])\n\n  useDebouncedRippleCleanUp(rippleArray.length, duration ?? DEFAULT_RIPPLE_DURATION, () => {\n    setRippleArray([])\n  })\n\n  const onMouseDown = useCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    if (!event.isTrusted) return\n    const rippleContainer = event.currentTarget.getBoundingClientRect()\n    const size = rippleContainer.width > rippleContainer.height ? rippleContainer.width : rippleContainer.height\n    const x = event.pageX - rippleContainer.x - size / 2\n    const y = event.pageY - rippleContainer.y - size / 2\n    const newRipple = { x, y, size }\n    setRippleArray([])\n    setTimeout(() => {\n      setRippleArray([newRipple])\n    }, 0)\n  }, [])\n\n  if (props.isDisabled || props.isHidden) return null\n  return (\n    <RippleContainer id={DEFAULT_RIPPLE_ID} $duration={duration} $color={color} onMouseDown={onMouseDown}>\n      {rippleArray.length > 0 &&\n        rippleArray.map((ripple, index) => {\n          return (\n            <RippleSpan\n              $duration={duration}\n              $color={color}\n              key={'span' + index}\n              style={{\n                top: ripple.y,\n                left: ripple.x,\n                width: ripple.size,\n                height: ripple.size\n              }}\n            />\n          )\n        })}\n    </RippleContainer>\n  )\n}\n"],"names":["props","color","useMemo","duration","DEFAULT_RIPPLE_DURATION","rippleArray","setRippleArray","useState","rippleCount","cleanUpFunction","useLayoutEffect","bounce","clearTimeout","setTimeout","useDebouncedRippleCleanUp","length","onMouseDown","useCallback","event","isTrusted","rippleContainer","currentTarget","getBoundingClientRect","size","width","height","newRipple","x","pageX","y","pageY","isDisabled","isHidden","RippleContainer","id","DEFAULT_RIPPLE_ID","$duration","$color","children","map","ripple","index","jsx","RippleSpan","style","top","left"],"mappings":"0IAoCuCA,IACrC,MAAMC,EAAQC,EAAAA,QAAQ,IAAMF,EAAMC,OAAS,QAAS,CAACD,EAAMC,QACrDE,EAAWD,EAAAA,QAAQ,IAAMF,EAAMG,UAAYC,0BAAyB,CAACJ,EAAMG,YAE1EE,EAAaC,GAAkBC,EAAAA,SAA+B,IA7BrC,EAACC,EAAqBL,EAAkBM,KACxEC,EAAAA,gBAAgB,KAEd,IAAIC,EAAgC,KAcpC,OAbIH,EAAc,IACZG,GACFC,aAAaD,GAGfA,EAASE,WAAW,KAClBJ,IACIE,GACFC,aAAaD,IAEH,EAAXR,IAGE,KACDQ,GACFC,aAAaD,KAGhB,CAACH,EAAaL,EAAUM,KAS3BK,CAA0BT,EAAYU,OAAQZ,GAAYC,EAAAA,wBAAyB,KACjFE,EAAe,MAGjB,MAAMU,EAAcC,cAAaC,IAC/B,IAAKA,EAAMC,UAAW,OACtB,MAAMC,EAAkBF,EAAMG,cAAcC,wBACtCC,EAAOH,EAAgBI,MAAQJ,EAAgBK,OAASL,EAAgBI,MAAQJ,EAAgBK,OAGhGC,EAAY,CAAEC,EAFVT,EAAMU,MAAQR,EAAgBO,EAAIJ,EAAO,EAE5BM,EADbX,EAAMY,MAAQV,EAAgBS,EAAIN,EAAO,EACzBA,QAC1BjB,EAAe,IACfO,WAAW,KACTP,EAAe,CAACoB,KACf,IACF,IAEH,OAAI1B,EAAM+B,YAAc/B,EAAMgC,SAAiB,6BAE5CC,EAAAA,gBAAA,CAAgBC,GAAIC,EAAAA,kBAAmBC,UAAWjC,EAAUkC,OAAQpC,EAAOe,cACzEsB,SAAAjC,EAAYU,OAAS,GACpBV,EAAYkC,IAAI,CAACC,EAAQC,MAErBC,kBAAAA,IAACC,EAAAA,WAAA,CACCP,UAAWjC,EACXkC,OAAQpC,EAER2C,MAAO,CACLC,IAAKL,EAAOX,EACZiB,KAAMN,EAAOb,EACbH,MAAOgB,EAAOjB,KACdE,OAAQe,EAAOjB,OALZ,OAASkB"}
+{"version":3,"file":"component-D7A-4DNQ.cjs","sources":["../src/components/ripple/component.tsx"],"sourcesContent":["import React, { FC, useCallback, useLayoutEffect, useMemo, useState } from 'react'\n\nimport {\n  DEFAULT_RIPPLE_DURATION,\n  DEFAULT_RIPPLE_ID,\n  RippleArrayElement,\n  RippleContainer,\n  RippleProps,\n  RippleSpan\n} from '.'\n\nconst useDebouncedRippleCleanUp = (rippleCount: number, duration: number, cleanUpFunction: () => void) => {\n  useLayoutEffect(() => {\n    // eslint-disable-next-line no-undef\n    let bounce: NodeJS.Timeout | null = null\n    if (rippleCount > 0) {\n      if (bounce) {\n        clearTimeout(bounce)\n      }\n\n      bounce = setTimeout(() => {\n        cleanUpFunction()\n        if (bounce) {\n          clearTimeout(bounce)\n        }\n      }, duration * 4)\n    }\n\n    return () => {\n      if (bounce) {\n        clearTimeout(bounce)\n      }\n    }\n  }, [rippleCount, duration, cleanUpFunction])\n}\n\nexport const Ripple: FC<RippleProps> = props => {\n  const color = useMemo(() => props.color ?? 'unset', [props.color])\n  const duration = useMemo(() => props.duration ?? DEFAULT_RIPPLE_DURATION, [props.duration])\n\n  const [rippleArray, setRippleArray] = useState<RippleArrayElement[]>([])\n\n  useDebouncedRippleCleanUp(rippleArray.length, duration ?? DEFAULT_RIPPLE_DURATION, () => {\n    setRippleArray([])\n  })\n\n  const onMouseDown = useCallback((event: React.MouseEvent<HTMLDivElement>) => {\n    if (!event.isTrusted) return\n    const rippleContainer = event.currentTarget.getBoundingClientRect()\n    const size = rippleContainer.width > rippleContainer.height ? rippleContainer.width : rippleContainer.height\n    const x = event.pageX - rippleContainer.x - size / 2\n    const y = event.pageY - rippleContainer.y - size / 2\n    const newRipple = { x, y, size }\n    setRippleArray([])\n    setTimeout(() => {\n      setRippleArray([newRipple])\n    }, 0)\n  }, [])\n\n  if (props.isDisabled || props.isHidden) return null\n  return (\n    <RippleContainer id={DEFAULT_RIPPLE_ID} $duration={duration} $color={color} onMouseDown={onMouseDown}>\n      {rippleArray.length > 0 &&\n        rippleArray.map((ripple, index) => {\n          return (\n            <RippleSpan\n              $duration={duration}\n              $color={color}\n              key={`span-${index}`}\n              style={{\n                top: ripple.y,\n                left: ripple.x,\n                width: ripple.size,\n                height: ripple.size\n              }}\n            />\n          )\n        })}\n    </RippleContainer>\n  )\n}\n"],"names":["props","color","useMemo","duration","DEFAULT_RIPPLE_DURATION","rippleArray","setRippleArray","useState","rippleCount","cleanUpFunction","useLayoutEffect","bounce","clearTimeout","setTimeout","useDebouncedRippleCleanUp","length","onMouseDown","useCallback","event","isTrusted","rippleContainer","currentTarget","getBoundingClientRect","size","width","height","newRipple","x","pageX","y","pageY","isDisabled","isHidden","RippleContainer","id","DEFAULT_RIPPLE_ID","$duration","$color","children","map","ripple","index","jsx","RippleSpan","style","top","left"],"mappings":"0IAoCuCA,IACrC,MAAMC,EAAQC,EAAAA,QAAQ,IAAMF,EAAMC,OAAS,QAAS,CAACD,EAAMC,QACrDE,EAAWD,EAAAA,QAAQ,IAAMF,EAAMG,UAAYC,0BAAyB,CAACJ,EAAMG,YAE1EE,EAAaC,GAAkBC,EAAAA,SAA+B,IA7BrC,EAACC,EAAqBL,EAAkBM,KACxEC,EAAAA,gBAAgB,KAEd,IAAIC,EAAgC,KAcpC,OAbIH,EAAc,IACZG,GACFC,aAAaD,GAGfA,EAASE,WAAW,KAClBJ,IACIE,GACFC,aAAaD,IAEH,EAAXR,IAGE,KACDQ,GACFC,aAAaD,KAGhB,CAACH,EAAaL,EAAUM,KAS3BK,CAA0BT,EAAYU,OAAQZ,GAAYC,EAAAA,wBAAyB,KACjFE,EAAe,MAGjB,MAAMU,EAAcC,cAAaC,IAC/B,IAAKA,EAAMC,UAAW,OACtB,MAAMC,EAAkBF,EAAMG,cAAcC,wBACtCC,EAAOH,EAAgBI,MAAQJ,EAAgBK,OAASL,EAAgBI,MAAQJ,EAAgBK,OAGhGC,EAAY,CAAEC,EAFVT,EAAMU,MAAQR,EAAgBO,EAAIJ,EAAO,EAE5BM,EADbX,EAAMY,MAAQV,EAAgBS,EAAIN,EAAO,EACzBA,QAC1BjB,EAAe,IACfO,WAAW,KACTP,EAAe,CAACoB,KACf,IACF,IAEH,OAAI1B,EAAM+B,YAAc/B,EAAMgC,SAAiB,6BAE5CC,EAAAA,gBAAA,CAAgBC,GAAIC,EAAAA,kBAAmBC,UAAWjC,EAAUkC,OAAQpC,EAAOe,cACzEsB,SAAAjC,EAAYU,OAAS,GACpBV,EAAYkC,IAAI,CAACC,EAAQC,MAErBC,kBAAAA,IAACC,EAAAA,WAAA,CACCP,UAAWjC,EACXkC,OAAQpC,EAER2C,MAAO,CACLC,IAAKL,EAAOX,EACZiB,KAAMN,EAAOb,EACbH,MAAOgB,EAAOjB,KACdE,OAAQe,EAAOjB,OALZ,QAAQkB"}

package/build/{component-CBshLNEf.js → component-DURhph1i.js}

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { useRef, useCallback } from "react";
 import { ImageSupportedFormatsForInput } from "./consts.es.js";
-import { u as useImageCrop } from "./use-BVj4dgbW.js";
-import { c as Button } from "./component-DZxbW_Jz.js";
+import { u as useImageCrop } from "./use-B6rT81uF.js";
+import { c as Button } from "./component-CbPhVNw5.js";
 const ImageButton = (props) => {
   const refInput = useRef(null);
   const handleOpenFileDialog = useCallback(() => {
@@ -47,4 +47,4 @@ const ImageButton = (props) => {
 export {
   ImageButton as I
 };
-//# sourceMappingURL=component-CBshLNEf.js.map
+//# sourceMappingURL=component-DURhph1i.js.map

package/build/{component-CBshLNEf.js.map → component-DURhph1i.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CBshLNEf.js","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react'\n\nimport { ImageSupportedFormatsForInput } from '@local/consts'\nimport { useImageCrop } from '@local/hooks/use-image-crop'\n\nimport { ImageButtonProps } from '.'\nimport { Button } from '../button'\n\nexport const ImageButton: FC<ImageButtonProps> = props => {\n  const refInput = useRef<HTMLInputElement | null>(null)\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click()\n  }, [])\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput\n  })\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={e => {\n          props.button.onClick?.(e)\n          handleOpenFileDialog()\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\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) handleAddFiles(e.target.files)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;AAQO,MAAM,cAAoC,CAAA,UAAS;AACxD,QAAM,WAAW,OAAgC,IAAI;AAErD,QAAM,uBAAuB,YAAY,MAAM;;AAC7C,mBAAS,YAAT,mBAAkB;AAAA,EAAM,GACvB,EAAE;AAEL,QAAM,EAAE,eAAA,IAAmB,aAAa;AAAA,IACtC,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,eAAe,MAAM;AAAA,IACrB;AAAA,EAAA,CACD;AAED,SACEA,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,IAAAC,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,SAAS,CAAA,MAAK;;AACZ,4BAAM,QAAO,YAAb,4BAAuB;AACvB,+BAAA;AAAA,QAAqB;AAAA,QAGtB,UAAA,MAAM,OAAO,YAAY,MAAM,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAQ;AAAA,QACR,OAAO,EAAE,SAAS,OAAA;AAAA,QAClB,UAAU,CAAA,MAAK;AACb,cAAI,EAAE,OAAO,MAAO,gBAAe,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"component-DURhph1i.js","sources":["../src/components/image-button/component.tsx"],"sourcesContent":["import { FC, useCallback, useRef } from 'react'\n\nimport { ImageSupportedFormatsForInput } from '@local/consts'\nimport { useImageCrop } from '@local/hooks/use-image-crop'\n\nimport { ImageButtonProps } from '.'\nimport { Button } from '../button'\n\nexport const ImageButton: FC<ImageButtonProps> = props => {\n  const refInput = useRef<HTMLInputElement | null>(null)\n\n  const handleOpenFileDialog = useCallback(() => {\n    refInput.current?.click()\n  }, [])\n\n  const { handleAddFiles } = useImageCrop({\n    onSave: props.onSave,\n    locale: props.locale,\n    dialog: props.dialog,\n    imageSettings: props.imageSettings,\n    refInput: refInput\n  })\n\n  return (\n    <>\n      <Button\n        {...props.button}\n        onClick={e => {\n          props.button.onClick?.(e)\n          handleOpenFileDialog()\n        }}\n      >\n        {props.button.children || props.locale.buttonAdd}\n      </Button>\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) handleAddFiles(e.target.files)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;AAQO,MAAM,cAAoC,CAAA,UAAS;AACxD,QAAM,WAAW,OAAgC,IAAI;AAErD,QAAM,uBAAuB,YAAY,MAAM;;AAC7C,mBAAS,YAAT,mBAAkB;AAAA,EAAM,GACvB,EAAE;AAEL,QAAM,EAAE,eAAA,IAAmB,aAAa;AAAA,IACtC,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,QAAQ,MAAM;AAAA,IACd,eAAe,MAAM;AAAA,IACrB;AAAA,EAAA,CACD;AAED,SACEA,kCAAAA,KAAAC,4BAAA,EACE,UAAA;AAAA,IAAAC,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG,MAAM;AAAA,QACV,SAAS,CAAA,MAAK;;AACZ,4BAAM,QAAO,YAAb,4BAAuB;AACvB,+BAAA;AAAA,QAAqB;AAAA,QAGtB,UAAA,MAAM,OAAO,YAAY,MAAM,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,MAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAQ;AAAA,QACR,OAAO,EAAE,SAAS,OAAA;AAAA,QAClB,UAAU,CAAA,MAAK;AACb,cAAI,EAAE,OAAO,MAAO,gBAAe,EAAE,OAAO,KAAK;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/build/component-X4e7zEKk.cjs

@@ -0,0 +1,90 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),s=require("./component.styles-B-ZAk_1C.cjs"),i=require("./component.styles-Dpg-__rn.cjs"),t=require("./component-D7A-4DNQ.cjs"),o=require("./component-BnYw0FvH.cjs"),n=require("react"),r=require("styled-components"),d=require("framer-motion"),l=require("./style-f3_KtJIt.cjs"),c=require("./style-fRZ6xrVp.cjs"),u=require("./theme.global-BdZkriPJ.cjs"),a=r.css`
+  ${e=>r.css`
+    background: ${e.theme.colors.button[e.$genre].background.rest};
+    border-color: ${e.theme.colors.button[e.$genre].border.rest};
+    color: ${e.theme.colors.button[e.$genre].color.rest};
+    &:hover {
+      ${(!e.$isHidden||e.$isNotHoverEffect)&&r.css`
+        background: ${e.theme.colors.button[e.$genre].background.hover};
+        border-color: ${e.theme.colors.button[e.$genre].border.hover};
+        color: ${e.theme.colors.button[e.$genre].color.hover};
+      `}
+    }
+  `};
+`,$=r.css`
+  ${e=>e.$isHidden?r.css`
+          opacity: 0.5;
+          background: ${e.theme.colors.button[e.$genre].background.rest} !important;
+          color: ${e.theme.colors.button[e.$genre].color.rest} !important;
+        `:r.css`
+          opacity: 1;
+        `}
+`,p=r.css`
+  ${e=>e.$isHiddenBorder&&r.css`
+      border: 0px transparent !important;
+    `}
+`,h=r.css`
+  ${e=>e.$isRadius&&r.css`
+      border-radius: 100px;
+    `}
+`,m=r.css`
+  ${e=>e.$isPlaystationEffect&&r.css`
+      box-shadow: ${e.theme.effects.button};
+    `}
+`,x=r.div`
+  ${e=>e.$isIconGroup?r.css`
+          display: flex;
+          gap: ${u.KEY_SIZE_DATA[e.$size].padding-2}px;
+          align-items: center;
+          order: ${e.$iconGroupOrder||"initial"};
+        `:r.css`
+          display: contents;
+        `}
+`,g=r.css`
+  ${e=>y({...u.KEY_SIZE_DATA[e.$size],isFullSize:e.$isFullSize,isWidthAsHeight:e.$isWidthAsHeight,isMinWidthAsContent:e.$isMinWidthAsContent})};
+`,y=e=>r.css`
+  height: fit-content;
+  min-height: ${e.height}px;
+  max-height: fit-content;
+  padding: 2px ${e.padding}px;
+  border-radius: ${e.radius}px;
+  gap: ${e.padding-2}px;
+  ${s=>o.getFontSizeStyles(e.font,700,s.theme.font.family)};
+  ${()=>e.isFullSize&&r.css`
+      height: 100%;
+      width: 100%;
+      border-radius: 0px;
+    `};
+  ${e.isWidthAsHeight&&r.css`
+    width: ${e.height}px;
+    min-width: ${e.height}px;
+    padding: 0px;
+  `};
+  ${e.isMinWidthAsContent&&r.css`
+    min-width: max-content;
+  `};
+`,b=r.css`
+  border: 1px solid transparent;
+`,f=r.css`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,z=r(d.motion.button)`
+  cursor: pointer;
+  user-select: none;
+
+  ${b};
+  ${g};
+  ${a};
+  ${$};
+  ${p};
+  ${h};
+  ${m};
+  ${f};
+  ${i.addRippleDefault};
+  ${l.addTransition};
+  ${l.addOutline};
+  ${o.addSXTypography};
+  ${c.addSX};
+`;exports.Button=i=>{const d=r.useTheme(),l=n.useMemo(()=>{var t,o;return null==(o=null==(t=i.icons??[])?void 0:t.filter(e=>!e.isHidden))?void 0:o.map((t,o)=>"id"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"id",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"logo"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"logo",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"checkbox"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"checkbox",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"loading"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"loading",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):"realebail"===(null==t?void 0:t.type)?e.jsxRuntimeExports.jsx(s.Icon,{name:null==t?void 0:t.name,type:"realebail",size:(null==t?void 0:t.size)??i.size,turn:t.turn,order:t.order},`${t.type}-${t.name}-${o}`):null)},[i.icons,i.size]),c=n.useRef(null),u=o.useMergeRefs([c,i.ref]);return e.jsxRuntimeExports.jsxs(z,{$isNotHoverEffect:i.isNotHoverEffect,whileTap:i.isWhileTapEffect?{scale:.9,transition:{duration:.02}}:{},id:i.id,tabIndex:i.tabIndex??0,$isFullSize:i.isFullSize,$genre:i.genre,$size:i.size,$isDisabled:i.isDisabled,$isMinWidthAsContent:i.isMinWidthAsContent,$isWidthAsHeight:i.isWidthAsHeight,$isRadius:i.isRadius,$isHidden:i.isHidden,$isPlaystationEffect:i.isPlaystationEffect,$sxTypography:i.sxTypography,$isHiddenBorder:i.isHiddenBorder||i.isPlaystationEffect,disabled:i.isDisabled,type:i.type??"button",className:i.className,onClick:e=>{!i.isDisabled&&i.onClick&&i.onClick(e)},onMouseDown:i.onMouseDown,ref:u,$sx:i.sx,children:[e.jsxRuntimeExports.jsx(t.Ripple,{color:d.colors.checkbox[i.genre].color.rest,isDisabled:i.isDisabled??i.isDisabledRipple,isHidden:i.isHidden}),!i.isOnlyIcon&&e.jsxRuntimeExports.jsx("div",{style:{order:0,display:"contents"},children:i.children&&i.children}),e.jsxRuntimeExports.jsx(x,{$size:i.size,$isIconGroup:i.isIconGroup,$iconGroupOrder:"iconGroupOrder"in i?i.iconGroupOrder:void 0,children:l})]})},exports.ButtonSize=g,exports.ButtonSizeConstructor=y,exports.StyledButton=z,exports.StyledButtonIconsWrapper=x;
+//# sourceMappingURL=component-X4e7zEKk.cjs.map

package/build/component-X4e7zEKk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-X4e7zEKk.cjs","sources":["../src/components/button/component.styles.ts","../src/components/button/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addRippleDefault } from '@local/components/ripple'\nimport { addSXTypography, getFontSizeStyles } from '@local/components/typography'\nimport { addOutline, addTransition } from '@local/styles/add'\nimport { addSX } from '@local/styles/sx'\nimport { IThemeSizePropertyDefault, KEY_SIZE_DATA } from '@local/theme'\n\nimport { StyledDollarButtonIconsWrapperProps, StyledDollarButtonProps } from '.'\n\n/****************************************** Genre *************************************************/\nconst ButtonGenre = css<StyledDollarButtonProps>`\n  ${props => css`\n    background: ${props.theme.colors.button[props.$genre].background.rest};\n    border-color: ${props.theme.colors.button[props.$genre].border.rest};\n    color: ${props.theme.colors.button[props.$genre].color.rest};\n    &:hover {\n      ${(!props.$isHidden || props.$isNotHoverEffect) &&\n      css`\n        background: ${props.theme.colors.button[props.$genre].background.hover};\n        border-color: ${props.theme.colors.button[props.$genre].border.hover};\n        color: ${props.theme.colors.button[props.$genre].color.hover};\n      `}\n    }\n  `};\n`\n\n/****************************************** Disabled *************************************************/\nconst ButtonDisabled = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isHidden\n      ? css`\n          opacity: 0.5;\n          background: ${props.theme.colors.button[props.$genre].background.rest} !important;\n          color: ${props.theme.colors.button[props.$genre].color.rest} !important;\n        `\n      : css`\n          opacity: 1;\n        `}\n`\n/****************************************** is HiddenBorder *************************************************/\nconst ButtonIsHiddenBorder = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isHiddenBorder &&\n    css`\n      border: 0px transparent !important;\n    `}\n`\n/****************************************** is Radius *************************************************/\nconst ButtonIsRadius = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isRadius &&\n    css`\n      border-radius: 100px;\n    `}\n`\n/****************************************** is PlaystationEffect *************************************************/\nconst ButtonIsPlaystationEffect = css<StyledDollarButtonProps>`\n  ${props =>\n    props.$isPlaystationEffect &&\n    css`\n      box-shadow: ${props.theme.effects.button};\n    `}\n`\n/****************************************** Icons Wrapper *************************************************/\nexport const StyledButtonIconsWrapper = styled.div<StyledDollarButtonIconsWrapperProps>`\n  ${props =>\n    props.$isIconGroup\n      ? css`\n          display: flex;\n          gap: ${KEY_SIZE_DATA[props.$size].padding - 2}px;\n          align-items: center;\n          order: ${props.$iconGroupOrder || 'initial'};\n        `\n      : css`\n          display: contents;\n        `}\n`\n\n/****************************************** Size *************************************************/\nexport const ButtonSize = css<StyledDollarButtonProps>`\n  ${props =>\n    ButtonSizeConstructor({\n      ...KEY_SIZE_DATA[props.$size],\n      isFullSize: props.$isFullSize,\n      isWidthAsHeight: props.$isWidthAsHeight,\n      isMinWidthAsContent: props.$isMinWidthAsContent\n    })};\n`\nexport const ButtonSizeConstructor = (\n  props: IThemeSizePropertyDefault & {\n    isFullSize?: boolean\n    isWidthAsHeight?: boolean\n    isMinWidthAsContent?: boolean\n  }\n) => css`\n  height: fit-content;\n  min-height: ${props.height}px;\n  max-height: fit-content;\n  padding: 2px ${props.padding}px;\n  border-radius: ${props.radius}px;\n  gap: ${props.padding - 2}px;\n  ${params => getFontSizeStyles(props.font, 700, params.theme.font.family)};\n  ${() =>\n    props.isFullSize &&\n    css`\n      height: 100%;\n      width: 100%;\n      border-radius: 0px;\n    `};\n  ${props.isWidthAsHeight &&\n  css`\n    width: ${props.height}px;\n    min-width: ${props.height}px;\n    padding: 0px;\n  `};\n  ${props.isMinWidthAsContent &&\n  css`\n    min-width: max-content;\n  `};\n`\n/****************************************** Border *************************************************/\nconst ButtonBorder = css`\n  border: 1px solid transparent;\n`\n\n/****************************************** Flex *************************************************/\nconst ButtonFlex = css<StyledDollarButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n/****************************************** Styled *************************************************/\nexport const StyledButton = styled(motion.button)<StyledDollarButtonProps>`\n  cursor: pointer;\n  user-select: none;\n\n  ${ButtonBorder};\n  ${ButtonSize};\n  ${ButtonGenre};\n  ${ButtonDisabled};\n  ${ButtonIsHiddenBorder};\n  ${ButtonIsRadius};\n  ${ButtonIsPlaystationEffect};\n  ${ButtonFlex};\n  ${addRippleDefault};\n  ${addTransition};\n  ${addOutline};\n  ${addSXTypography};\n  ${addSX};\n`\n","import {\n  Icon,\n  TIconCheckboxNameString,\n  TIconIdNameString,\n  TIconLoadingNameString,\n  TIconLogoNameString,\n  TIconRealEbailNameString,\n} from '@local/components/icon';\nimport { Ripple } from '@local/components/ripple';\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport { FC, Ref, useMemo, useRef } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ButtonProps, StyledButton, StyledButtonIconsWrapper } from '.';\n\nexport const Button: FC<ButtonProps> = (props) => {\n  const theme = useTheme();\n\n  const iconComponents = useMemo(\n    () =>\n      (props.icons ?? [])\n        ?.filter((icon) => !icon.isHidden)\n        ?.map((icon, index) =>\n          icon?.type === 'id' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconIdNameString}\n              type='id'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'logo' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconLogoNameString}\n              type='logo'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'checkbox' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconCheckboxNameString}\n              type='checkbox'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'loading' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconLoadingNameString}\n              type='loading'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : icon?.type === 'realebail' ? (\n            <Icon\n              key={`${icon.type}-${icon.name}-${index}`}\n              name={icon?.name as TIconRealEbailNameString}\n              type='realebail'\n              size={icon?.size ?? props.size}\n              turn={icon.turn}\n              order={icon.order}\n            />\n          ) : null,\n        ),\n    [props.icons, props.size],\n  );\n\n  const handleClick: ButtonProps['onClick'] = (event) => {\n    if (!props.isDisabled && props.onClick) {\n      props.onClick(event);\n    }\n  };\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  return (\n    <StyledButton\n      $isNotHoverEffect={props.isNotHoverEffect}\n      whileTap={props.isWhileTapEffect ? { scale: 0.9, transition: { duration: 0.02 } } : {}}\n      id={props.id}\n      tabIndex={props.tabIndex ?? 0}\n      $isFullSize={props.isFullSize}\n      $genre={props.genre}\n      $size={props.size}\n      $isDisabled={props.isDisabled}\n      $isMinWidthAsContent={props.isMinWidthAsContent}\n      $isWidthAsHeight={props.isWidthAsHeight}\n      $isRadius={props.isRadius}\n      $isHidden={props.isHidden}\n      $isPlaystationEffect={props.isPlaystationEffect}\n      $sxTypography={props.sxTypography}\n      $isHiddenBorder={props.isHiddenBorder || props.isPlaystationEffect}\n      disabled={props.isDisabled}\n      type={props.type ?? 'button'}\n      className={props.className}\n      onClick={handleClick}\n      onMouseDown={props.onMouseDown}\n      ref={ref as Ref<HTMLButtonElement>}\n      $sx={props.sx}\n    >\n      <Ripple\n        color={theme.colors.checkbox[props.genre].color.rest}\n        isDisabled={props.isDisabled ?? props.isDisabledRipple}\n        isHidden={props.isHidden}\n      />\n\n      {!props.isOnlyIcon && <div style={{ order: 0, display: 'contents' }}>{props.children && props.children}</div>}\n      <StyledButtonIconsWrapper\n        $size={props.size}\n        $isIconGroup={props.isIconGroup}\n        $iconGroupOrder={'iconGroupOrder' in props ? props.iconGroupOrder : undefined}\n      >\n        {iconComponents}\n      </StyledButtonIconsWrapper>\n    </StyledButton>\n  );\n};\n"],"names":["ButtonGenre","css","props","theme","colors","button","$genre","background","rest","border","color","$isHidden","$isNotHoverEffect","hover","ButtonDisabled","ButtonIsHiddenBorder","$isHiddenBorder","ButtonIsRadius","$isRadius","ButtonIsPlaystationEffect","$isPlaystationEffect","effects","StyledButtonIconsWrapper","styled","div","$isIconGroup","KEY_SIZE_DATA","$size","padding","$iconGroupOrder","ButtonSize","ButtonSizeConstructor","isFullSize","$isFullSize","isWidthAsHeight","$isWidthAsHeight","isMinWidthAsContent","$isMinWidthAsContent","height","radius","params","getFontSizeStyles","font","family","ButtonBorder","ButtonFlex","StyledButton","motion","addRippleDefault","addTransition","addOutline","addSXTypography","addSX","useTheme","iconComponents","useMemo","_b","_a","icons","filter","icon","isHidden","map","index","type","jsx","Icon","name","size","turn","order","refDefault","useRef","ref","useMergeRefs","jsxs","isNotHoverEffect","whileTap","isWhileTapEffect","scale","transition","duration","id","tabIndex","genre","$isDisabled","isDisabled","isRadius","isPlaystationEffect","$sxTypography","sxTypography","isHiddenBorder","disabled","className","onClick","event","onMouseDown","$sx","sx","children","Ripple","checkbox","isDisabledRipple","isOnlyIcon","style","display","isIconGroup","iconGroupOrder"],"mappings":"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"}

package/build/component-accordion.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.styles-DyGfo9t0.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=o.AccordionDetails,exports.AccordionStyledIcon=o.AccordionStyledIcon,exports.AccordionSummary=o.AccordionSummary,exports.AccordionSummaryContent=o.AccordionSummaryContent,exports.AccordionWrapper=o.AccordionWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.styles-DDUGBJle.cjs");exports.Accordion=o.Accordion,exports.AccordionDetails=o.AccordionDetails,exports.AccordionStyledIcon=o.AccordionStyledIcon,exports.AccordionSummary=o.AccordionSummary,exports.AccordionSummaryContent=o.AccordionSummaryContent,exports.AccordionWrapper=o.AccordionWrapper;
 //# sourceMappingURL=component-accordion.cjs.js.map

package/build/component-accordion.es.js

@@ -1,4 +1,4 @@
-import { A, d, e, b, c, a } from "./component.styles-C6LohBfF.js";
+import { A, d, e, b, c, a } from "./component.styles-uPfiNBIy.js";
 export {
   A as Accordion,
   d as AccordionDetails,

package/build/component-button-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-UW1VzyvB.cjs");exports.ButtonGroup=t.ButtonGroup,exports.ButtonGroupWrapper=t.ButtonGroupWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-C0atFCun.cjs");exports.ButtonGroup=t.ButtonGroup,exports.ButtonGroupWrapper=t.ButtonGroupWrapper;
 //# sourceMappingURL=component-button-group.cjs.js.map

package/build/component-button-group.d.ts

@@ -40,6 +40,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     size: IThemeSize;
     genre: TButtonGenre;
     id?: string;
+    tabIndex?: number;
     ref?: Ref<HTMLElement | null>;
     className?: string;
     icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
@@ -68,8 +69,10 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isRadius?: boolean;
     isHiddenBorder?: boolean;
     isPlaystationEffect?: boolean;
+    isNotHoverEffect?: boolean;
     isFullSize?: boolean;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
 } & addSXProps & addSXTypographyProps;
 
@@ -296,7 +299,7 @@ declare type TypographyDefaultProps = {
     decoration?: CSSProperties['textDecoration'];
     family?: IThemeFontFamily;
     flex?: string;
-    height?: number;
+    height?: number | string;
     isHoverUnderlining?: boolean;
     letterSpacing?: CSSProperties['letterSpacing'];
     line?: number;
@@ -305,6 +308,7 @@ declare type TypographyDefaultProps = {
     transform?: CSSProperties['textTransform'];
     weight?: IThemeTypographyWeight;
     wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
 };
 
 declare type TypographySXProps = {

package/build/component-button-group.es.js

@@ -1,4 +1,4 @@
-import { a, B } from "./component-CFMlaYj1.js";
+import { a, B } from "./component-9m1Ib3fS.js";
 export {
   a as ButtonGroup,
   B as ButtonGroupWrapper

package/build/component-button.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-D1NPhRuV.cjs");exports.Button=t.Button,exports.ButtonSize=t.ButtonSize,exports.ButtonSizeConstructor=t.ButtonSizeConstructor,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./component-X4e7zEKk.cjs");exports.Button=t.Button,exports.ButtonSize=t.ButtonSize,exports.ButtonSizeConstructor=t.ButtonSizeConstructor,exports.StyledButton=t.StyledButton,exports.StyledButtonIconsWrapper=t.StyledButtonIconsWrapper;
 //# sourceMappingURL=component-button.cjs.js.map

package/build/component-button.d.ts

@@ -42,6 +42,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     size: IThemeSize;
     genre: TButtonGenre;
     id?: string;
+    tabIndex?: number;
     ref?: Ref<HTMLElement | null>;
     className?: string;
     icons?: ((Omit<IconItemProps<'id'>, 'size'> & {
@@ -70,8 +71,10 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     isRadius?: boolean;
     isHiddenBorder?: boolean;
     isPlaystationEffect?: boolean;
+    isNotHoverEffect?: boolean;
     isFullSize?: boolean;
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
 } & addSXProps & addSXTypographyProps;
 
@@ -286,7 +289,7 @@ export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Subst
 
 export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
 
-export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize'>> & addSXStyleProps & addSXTypographyStyleProps;
+export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect'>> & addSXStyleProps & addSXTypographyStyleProps;
 
 declare type SXProps = ({
     default: CSSObject;
@@ -323,7 +326,7 @@ declare type TypographyDefaultProps = {
     decoration?: CSSProperties['textDecoration'];
     family?: IThemeFontFamily;
     flex?: string;
-    height?: number;
+    height?: number | string;
     isHoverUnderlining?: boolean;
     letterSpacing?: CSSProperties['letterSpacing'];
     line?: number;
@@ -332,6 +335,7 @@ declare type TypographyDefaultProps = {
     transform?: CSSProperties['textTransform'];
     weight?: IThemeTypographyWeight;
     wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
 };
 
 declare type TypographySXProps = {

package/build/component-button.es.js

@@ -1,4 +1,4 @@
-import { c, B, a, b, S } from "./component-DZxbW_Jz.js";
+import { c, B, a, b, S } from "./component-CbPhVNw5.js";
 export {
   c as Button,
   B as ButtonSize,

package/build/component-checkbox-group.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CZu2m0O4.cjs");exports.CheckboxChildren=e.CheckboxChildren,exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxGroupItem=e.CheckboxGroupItem,exports.CheckboxGroupLabel=e.CheckboxGroupLabel,exports.CheckboxGroupSize=e.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=e.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=e.CheckboxGroupWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-q4ne6jV1.cjs");exports.CheckboxChildren=e.CheckboxChildren,exports.CheckboxGroup=e.CheckboxGroup,exports.CheckboxGroupItem=e.CheckboxGroupItem,exports.CheckboxGroupLabel=e.CheckboxGroupLabel,exports.CheckboxGroupSize=e.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=e.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=e.CheckboxGroupWrapper;
 //# sourceMappingURL=component-checkbox-group.cjs.js.map