@jenesei-software/jenesei-kit-react 1.0.0

package/build/area-preview.d.ts

@@ -0,0 +1,48 @@
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReactNode } from 'react';
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare const Preview: FC<PreviewProps>;
+
+export declare type PreviewAdditionalProps = PreviewIsShowProps | PreviewTimeProps;
+
+declare type PreviewDefaultProps = {
+    defaultVisible?: boolean;
+    content?: ReactNode;
+} & {
+    sxLoader?: addSXProps['sx'];
+    sxChildren?: addSXProps['sx'];
+};
+
+declare interface PreviewIsShowProps extends PreviewDefaultProps {
+    visible: boolean;
+    minTime?: number;
+}
+
+export declare type PreviewProps = PropsWithChildren & PreviewAdditionalProps;
+
+declare interface PreviewTimeProps extends PreviewDefaultProps {
+    time: number;
+}
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export declare const useRemovePreviewLoader: () => void;
+
+export { }

package/build/area-preview.es.js

@@ -0,0 +1,7 @@
+import { u } from "./area.hooks-Bk04M7mk.js";
+import { P } from "./area-BnAddPtl.js";
+export {
+  P as Preview,
+  u as useRemovePreviewLoader
+};
+//# sourceMappingURL=area-preview.es.js.map

package/build/area-preview.es.js.map

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

package/build/area-scroll.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-CD10k19W.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
+//# sourceMappingURL=area-scroll.cjs.js.map

package/build/area-scroll.cjs.js.map

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

package/build/area-scroll.d.ts

@@ -0,0 +1,58 @@
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
+import { FC } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
+import { StackProps } from '../../components/stack';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type DefaultScrollProps = {
+    vertical?: boolean;
+    horizontal?: boolean;
+    isAlwaysVertical?: boolean;
+    isAlwaysHorizontal?: boolean;
+};
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare const Scroll: FC<ScrollProps>;
+
+export declare type ScrollProps = StackProps_2 & DefaultScrollProps;
+
+declare interface StackProps_2 extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
+export declare const StyledScroll: IStyledComponentBase<"web", Substitute<StackProps, StyledScrollProps>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
+
+export declare type StyledScrollProps = StackProps_2 & AddDollarSign<DefaultScrollProps>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/area-scroll.es.js

@@ -0,0 +1,6 @@
+import { a, S } from "./area-C2sWYH-e.js";
+export {
+  a as Scroll,
+  S as StyledScroll
+};
+//# sourceMappingURL=area-scroll.es.js.map

package/build/area-scroll.es.js.map

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

package/build/area-skeleton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-ClrrGVJG.cjs");exports.Skeleton=e.Skeleton,exports.StyledSkeleton=e.StyledSkeleton;
+//# sourceMappingURL=area-skeleton.cjs.js.map

package/build/area-skeleton.cjs.js.map

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

package/build/area-skeleton.d.ts

@@ -0,0 +1,64 @@
+import { Component } from 'react';
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
+import { FC } from 'react';
+import { IStyledComponentBase } from 'styled-components/dist/types';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
+import { StackProps } from '../../components/stack';
+import { Substitute } from 'styled-components/dist/types';
+
+declare type AddDollarSign<T> = {
+    [K in keyof T as `$${string & K}`]: T[K];
+};
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare const Skeleton: FC<SkeletonProps>;
+
+declare type SkeletonDefaultProps = {
+    defaultVisible?: boolean;
+    type?: 'primary' | 'secondary';
+};
+
+declare interface SkeletonIsShowProps extends SkeletonDefaultProps {
+    visible: boolean;
+}
+
+export declare type SkeletonProps = StackProps_2 & (SkeletonIsShowProps | SkeletonTimeProps);
+
+declare interface SkeletonTimeProps extends SkeletonDefaultProps {
+    time: number;
+}
+
+declare interface StackProps_2 extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
+export declare const StyledSkeleton: IStyledComponentBase<"web", Substitute<StackProps, StyledSkeletonProps>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
+
+export declare type StyledSkeletonProps = StackProps_2 & AddDollarSign<Pick<SkeletonIsShowProps & SkeletonTimeProps, 'visible' | 'type'>>;
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/area-skeleton.es.js

@@ -0,0 +1,6 @@
+import { a, S } from "./area-DfCAwCiZ.js";
+export {
+  a as Skeleton,
+  S as StyledSkeleton
+};
+//# sourceMappingURL=area-skeleton.es.js.map

package/build/area-skeleton.es.js.map

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

package/build/area-smooth.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component--Oo5_3xq.cjs");exports.Smooth=o.Smooth;
+//# sourceMappingURL=area-smooth.cjs.js.map

package/build/area-smooth.cjs.js.map

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

package/build/area-smooth.d.ts

@@ -0,0 +1,37 @@
+import { CSSObject } from 'styled-components';
+import { DefaultTheme } from 'styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
+import { DragEventHandler } from 'react';
+import { FC } from 'react';
+import { PropsWithChildren } from 'react';
+import { Ref } from 'react';
+
+declare interface addSXProps {
+    sx?: SXProps;
+}
+
+declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
+
+export declare const Smooth: FC<StackProps>;
+
+declare interface StackProps extends addSXProps, PropsWithChildren {
+    className?: string;
+    isHover?: boolean;
+    isRipple?: boolean;
+    onClick?: () => void;
+    onDrop?: (e: DragEvent_2<HTMLDivElement>) => void;
+    onDragOver?: DragEventHandler<HTMLDivElement>;
+    ref?: Ref<HTMLDivElement | null>;
+}
+
+declare type SXProps = ({
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+}) | ((theme: DefaultTheme) => {
+    default: CSSObject;
+} & {
+    [K in IThemeDevice]?: CSSObject;
+});
+
+export { }

package/build/area-smooth.es.js

@@ -0,0 +1,5 @@
+import { S } from "./component-BcHiCCC9.js";
+export {
+  S as Smooth
+};
+//# sourceMappingURL=area-smooth.es.js.map

package/build/area-smooth.es.js.map

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

package/build/area.hooks-Bk04M7mk.js

@@ -0,0 +1,26 @@
+import { useEffect } from "react";
+const useRemovePreviewLoader = () => {
+  useEffect(() => {
+    const loader = document.querySelector(".preview-wrapper");
+    const handleDomReady = () => {
+      if (loader) {
+        loader.style.opacity = "0";
+        setTimeout(() => {
+          loader.remove();
+        }, 500);
+      }
+    };
+    if (document.readyState === "complete") {
+      handleDomReady();
+    } else {
+      window.addEventListener("load", handleDomReady);
+    }
+    return () => {
+      window.removeEventListener("load", handleDomReady);
+    };
+  }, []);
+};
+export {
+  useRemovePreviewLoader as u
+};
+//# sourceMappingURL=area.hooks-Bk04M7mk.js.map

package/build/area.hooks-Bk04M7mk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area.hooks-Bk04M7mk.js","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0'\n        setTimeout(() => {\n          loader.remove()\n        }, 500)\n      }\n    }\n\n    if (document.readyState === 'complete') {\n      handleDomReady()\n    } else {\n      window.addEventListener('load', handleDomReady)\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady)\n    }\n  }, [])\n}\n"],"names":[],"mappings":";AAEO,MAAM,yBAAyB,MAAM;AAC1C,YAAU,MAAM;AACd,UAAM,SAAS,SAAS,cAAc,kBAAkB;AAExD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,QAAQ;AACV,eAAO,MAAM,UAAU;AACvB,mBAAW,MAAM;AACf,iBAAO,OAAA;AAAA,QAAO,GACb,GAAG;AAAA,MAAA;AAAA,IACR;AAGF,QAAI,SAAS,eAAe,YAAY;AACtC,qBAAA;AAAA,IAAe,OACV;AACL,aAAO,iBAAiB,QAAQ,cAAc;AAAA,IAAA;AAGhD,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,cAAc;AAAA,IAAA;AAAA,EACnD,GACC,EAAE;AACP;"}

package/build/area.hooks-C_UKZzcb.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react");exports.useRemovePreviewLoader=()=>{e.useEffect(()=>{const e=document.querySelector(".preview-wrapper"),t=()=>{e&&(e.style.opacity="0",setTimeout(()=>{e.remove()},500))};return"complete"===document.readyState?t():window.addEventListener("load",t),()=>{window.removeEventListener("load",t)}},[])};
+//# sourceMappingURL=area.hooks-C_UKZzcb.cjs.map

package/build/area.hooks-C_UKZzcb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area.hooks-C_UKZzcb.cjs","sources":["../src/areas/preview/area.hooks.tsx"],"sourcesContent":["import { useEffect } from 'react'\n\nexport const useRemovePreviewLoader = () => {\n  useEffect(() => {\n    const loader = document.querySelector('.preview-wrapper') as HTMLElement\n\n    const handleDomReady = () => {\n      if (loader) {\n        loader.style.opacity = '0'\n        setTimeout(() => {\n          loader.remove()\n        }, 500)\n      }\n    }\n\n    if (document.readyState === 'complete') {\n      handleDomReady()\n    } else {\n      window.addEventListener('load', handleDomReady)\n    }\n\n    return () => {\n      window.removeEventListener('load', handleDomReady)\n    }\n  }, [])\n}\n"],"names":["useEffect","loader","document","querySelector","handleDomReady","style","opacity","setTimeout","remove","readyState","window","addEventListener","removeEventListener"],"mappings":"qEAEsC,KACpCA,EAAAA,UAAU,KACR,MAAMC,EAASC,SAASC,cAAc,oBAEhCC,EAAiB,KACjBH,IACFA,EAAOI,MAAMC,QAAU,IACvBC,WAAW,KACTN,EAAOO,UACN,OAUP,MAN4B,aAAxBN,SAASO,WACXL,IAEAM,OAAOC,iBAAiB,OAAQP,GAG3B,KACLM,OAAOE,oBAAoB,OAAQR,KAEpC"}

package/build/build-info.txt

@@ -0,0 +1,3 @@
+version: 1.0.0
+commit: 3a27dfe
+date: 2025-07-02T17:19:17Z

package/build/component--Oo5_3xq.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("./jsx-runtime-BcGej2Kr.cjs"),e=require("./component-BV_7tGiu.cjs");exports.Smooth=s=>t.jsxRuntimeExports.jsx(e.StackMotion,{transition:{layout:{duration:.3,ease:"easeInOut",type:"spring"}},layout:!0,...s,children:s.children});
+//# sourceMappingURL=component--Oo5_3xq.cjs.map

package/build/component--Oo5_3xq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component--Oo5_3xq.cjs","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { StackMotion, StackProps } from '@local/components/stack'\n\nexport const Smooth: FC<StackProps> = props => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring'\n        }\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  )\n}\n"],"names":["props","jsx","StackMotion","transition","layout","duration","ease","type","children"],"mappings":"gHAIsCA,KAElCC,kBAAAA,IAACC,EAAAA,YAAA,CACCC,WAAY,CACVC,OAAQ,CACNC,SAAU,GACVC,KAAM,YACNC,KAAM,WAGVH,QAAM,KACFJ,EAEHQ,SAAAR,EAAMQ"}

package/build/component-BV_7tGiu.cjs

@@ -0,0 +1,28 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("framer-motion"),t=require("styled-components"),o=require("./style-fRZ6xrVp.cjs"),r=require("./component.styles-Dpg-__rn.cjs");require("react");const s=t.div`
+  display: flex;
+  ${o.addSX}
+
+  ${e=>e.$isHover&&t.css`
+      transition:
+        background-color ${e=>e.theme.transition.default},
+        outline 0s;
+      &:hover {
+        background-color: ${e=>e.theme.palette.black05};
+      }
+    `};
+  ${r.addRipple};
+`,n=t(i.motion.div)`
+  display: flex;
+  ${o.addSX}
+
+  ${e=>e.$isHover&&t.css`
+      transition:
+        background-color ${e=>e.theme.transition.default},
+        outline 0s;
+      &:hover {
+        background-color: ${e=>e.theme.palette.black05};
+      }
+    `};
+  ${r.addRipple};
+`;exports.Stack=i=>e.jsxRuntimeExports.jsx(s,{ref:i.ref,onClick:i.onClick,onDrop:i.onDrop,onDragOver:i.onDragOver,className:i.className,$sx:i.sx,$isHover:i.isHover,$isRipple:i.isRipple,children:i.children}),exports.StackMotion=i=>e.jsxRuntimeExports.jsx(n,{ref:i.ref,layout:i.layout,initial:i.initial,animate:i.animate,exit:i.exit,transition:i.transition,onClick:i.onClick,className:i.className,$sx:i.sx,$isHover:i.isHover,$isRipple:i.isRipple,children:i.children}),exports.StyledStack=s,exports.StyledStackMotion=n;
+//# sourceMappingURL=component-BV_7tGiu.cjs.map

package/build/component-BV_7tGiu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-BV_7tGiu.cjs","sources":["../src/components/stack/component.styles.tsx","../src/components/stack/component.tsx"],"sourcesContent":["import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { addSX } from '@local/styles/sx'\n\nimport { StyledStackProps } from '.'\nimport { addRipple } from '../ripple'\n\nexport const StyledStack = styled.div<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${props =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${props => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${props => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`\n\nexport const StyledStackMotion = styled(motion.div)<StyledStackProps>`\n  display: flex;\n  ${addSX}\n\n  ${props =>\n    props.$isHover &&\n    css`\n      transition:\n        background-color ${props => props.theme.transition.default},\n        outline 0s;\n      &:hover {\n        background-color: ${props => props.theme.palette.black05};\n      }\n    `};\n  ${addRipple};\n`\n","import { FC } from 'react'\n\nimport { StackMotionProps, StackProps, StyledStack, StyledStackMotion } from '.'\n\nexport const Stack: FC<StackProps> = props => {\n  return (\n    <StyledStack\n      ref={props.ref}\n      onClick={props.onClick}\n      onDrop={props.onDrop}\n      onDragOver={props.onDragOver}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStack>\n  )\n}\n\nexport const StackMotion: FC<StackMotionProps> = props => {\n  return (\n    <StyledStackMotion\n      ref={props.ref}\n      layout={props.layout}\n      initial={props.initial}\n      animate={props.animate}\n      exit={props.exit}\n      transition={props.transition}\n      onClick={props.onClick}\n      className={props.className}\n      $sx={props.sx}\n      $isHover={props.isHover}\n      $isRipple={props.isRipple}\n    >\n      {props.children}\n    </StyledStackMotion>\n  )\n}\n"],"names":["StyledStack","styled","div","addSX","props","$isHover","css","theme","transition","default","palette","black05","addRipple","StyledStackMotion","motion","jsx","ref","onClick","onDrop","onDragOver","className","$sx","sx","isHover","$isRipple","isRipple","children","layout","initial","animate","exit"],"mappings":"qNAQO,MAAMA,EAAcC,EAAOC,GAAA;;IAE9BC,EAAAA;;IAEAC,GACAA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEuBF,GAASA,EAAMG,MAAMC,WAAWC;;;4BAG/BL,GAASA,EAAMG,MAAMG,QAAQC;;;IAGrDC;EAGSC,EAAoBZ,EAAOa,EAAAA,OAAOZ,IAAG;;IAE9CC,EAAAA;;IAEAC,GACAA,EAAMC,UACNC,EAAAA,GAAAA;;2BAEuBF,GAASA,EAAMG,MAAMC,WAAWC;;;4BAG/BL,GAASA,EAAMG,MAAMG,QAAQC;;;IAGrDC;gBCnCiCR,KAEjCW,kBAAAA,IAACf,EAAA,CACCgB,IAAKZ,EAAMY,IACXC,QAASb,EAAMa,QACfC,OAAQd,EAAMc,OACdC,WAAYf,EAAMe,WAClBC,UAAWhB,EAAMgB,UACjBC,IAAKjB,EAAMkB,GACXjB,SAAUD,EAAMmB,QAChBC,UAAWpB,EAAMqB,SAEhBC,SAAAtB,EAAMsB,+BAKoCtB,KAE7CW,kBAAAA,IAACF,EAAA,CACCG,IAAKZ,EAAMY,IACXW,OAAQvB,EAAMuB,OACdC,QAASxB,EAAMwB,QACfC,QAASzB,EAAMyB,QACfC,KAAM1B,EAAM0B,KACZtB,WAAYJ,EAAMI,WAClBS,QAASb,EAAMa,QACfG,UAAWhB,EAAMgB,UACjBC,IAAKjB,EAAMkB,GACXjB,SAAUD,EAAMmB,QAChBC,UAAWpB,EAAMqB,SAEhBC,SAAAtB,EAAMsB"}

package/build/component-BcHiCCC9.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { c as StackMotion } from "./component-jPZYT5iL.js";
+const Smooth = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StackMotion,
+    {
+      transition: {
+        layout: {
+          duration: 0.3,
+          ease: "easeInOut",
+          type: "spring"
+        }
+      },
+      layout: true,
+      ...props,
+      children: props.children
+    }
+  );
+};
+export {
+  Smooth as S
+};
+//# sourceMappingURL=component-BcHiCCC9.js.map

package/build/component-BcHiCCC9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-BcHiCCC9.js","sources":["../src/areas/smooth/component.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { StackMotion, StackProps } from '@local/components/stack'\n\nexport const Smooth: FC<StackProps> = props => {\n  return (\n    <StackMotion\n      transition={{\n        layout: {\n          duration: 0.3,\n          ease: 'easeInOut',\n          type: 'spring'\n        }\n      }}\n      layout\n      {...props}\n    >\n      {props.children}\n    </StackMotion>\n  )\n}\n"],"names":["jsx"],"mappings":";;AAIO,MAAM,SAAyB,CAAA,UAAS;AAC7C,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAY;AAAA,QACV,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAM;AAAA,MACL,GAAG;AAAA,MAEH,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/component-BnI7BIp-.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),i=require("react"),n=require("./style-CtGd1JVB.cjs"),r=require("./component.styles-BsZIuwWJ.cjs");exports.Input=t=>{const s=i.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:t.defaultValue,value:t.value,placeholder:t.placeholder,onValueChange:e=>s(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:t.defaultValue,value:t.value,placeholder:t.placeholder,onValueChange:e=>s(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:t.defaultValue,value:t.value??"",placeholder:t.placeholder,type:t.type,autoComplete:t.autocomplete,onInput:e=>{const i=e.target;s(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(n.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="",s=0;if(0===e.length)return{format:"",placeholder:""};for(let l=0;l<i.length;l++){const o=i.charAt(l);o===e.charAt(s)?(r+=o,t+=n(o)?"#":o,s++):n(o)?(r+="#",t+="-"):(r+=o,t+=o)}for(;s<e.length;)r+=e.charAt(s),t+=e.charAt(s),s++;return{format:r,placeholder:t}};
+//# sourceMappingURL=component-BnI7BIp-.cjs.map

package/build/component-BnI7BIp-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-BnI7BIp-.cjs","sources":["../src/components/input/component.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { NumberFormatValues } from 'react-number-format'\n\nimport { ErrorMessage } from '@local/styles/error'\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}\n            value={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}\n            value={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}\n            value={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","autocomplete","onInput","event","target","min","max","step","InputPostfixChildren","ErrorMessage","dialCode","international","isDigit","char","test","formattedNumber","placeholderNumber","dialCodeIndex","length","format","i","charAt"],"mappings":"2KAesBA,IACpB,MAAMC,EAAiBC,EAAAA,YACpBC,YACC,GAAsB,aAAlBH,EAAMI,QAAwB,CAChC,MAAMC,EAAyB,iBAAVF,EAAqBA,EAAQA,EAAME,MAClDC,EAAUN,EAAMO,WAAaF,EAAMG,QAAQ,OAAQ,IAAMH,EAC/D,OAAAI,EAAAT,EAAMU,WAAND,EAAAE,KAAAX,EAAiBM,EAAO,CAGJ,YAAlBN,EAAMI,SAA2C,YAAlBJ,EAAMI,SAClB,iBAAVD,IACT,OAAAS,EAAAZ,EAAMU,WAANE,EAAAD,KAAAX,EAAiBG,KAIvB,CAACH,IAGH,SACEa,kBAAAA,KAAAC,6BAAA,CACEC,SAAA,GAAAF,kBAAAA,KAACG,EAAAA,mBAAA,CACCC,eAAgBjB,EAAMkB,cACtBC,UAAWnB,EAAMmB,UACjBC,YAAapB,EAAMqB,WACnBC,IAAKtB,EAAMuB,GACXC,MAAOxB,EAAMyB,KACbC,iBAAkB1B,EAAM2B,gBAEvBZ,SAAA,CAAAf,EAAM4B,gBACLC,EAAAA,kBAAAA,IAACC,EAAAA,oBAAA,CACCC,MAAO/B,EAAM4B,eAAeI,KAC5BC,OAAQjC,EAAM4B,eAAeM,MAC7Bd,YAAapB,EAAMqB,WACnBc,OAAQnC,EAAM4B,eAAeQ,MAE5BrB,WAAMa,eAAeb,WAGP,YAAlBf,EAAMI,QACLyB,EAAAA,kBAAAA,IAACQ,EAAAA,mBAAA,CACCC,cAAetC,EAAMuC,aACrBtB,eAAgBjB,EAAMkB,cACtBsB,OAAQ,MAAAxC,OAAA,EAAAA,EAAOyC,MACfC,WAAY1C,EAAM2C,UAClBC,iBAAkB,MAAA5C,OAAA,EAAAA,EAAO6C,gBACzBC,gBAAiB,MAAA9C,OAAA,EAAAA,EAAO4B,eACxBmB,OAAQ/C,EAAMgD,MACdxB,MAAOxB,EAAMyB,KACbwB,QAASjD,EAAMkD,OACf9B,YAAapB,EAAMqB,WACnB8B,UAAWnD,EAAMoD,SACjBC,SAAUrD,EAAMqB,WAChBiC,SAAUtD,EAAMuD,WAChBC,SAAUxD,EAAMyD,WAChBC,aAAc1D,EAAM0D,aACpBrD,MAAOL,EAAMK,MACbsD,YAAa3D,EAAM2D,YACnBC,cAAe5D,GAASC,EAAeD,GACvC6D,OAAQ7D,EAAM6D,OACdC,QAAS9D,EAAM8D,QACfC,QAAS/D,EAAM+D,QACfC,KAAMhE,EAAMgE,KACZC,GAAIjE,EAAMiE,GACVC,UAAWlE,EAAMkE,UACjBC,UAAWnE,EAAMmE,UACjBC,UAAWpE,EAAMoE,UACjBC,UAAWrE,EAAMqE,UACjBC,SAAUtE,EAAMsE,YACZtE,EAAMuE,eAEQ,YAAlBvE,EAAMI,UACRyB,kBAAAA,IAAC2C,EAAAA,mBAAA,CACClC,cAAetC,EAAMuC,aACrBtB,eAAgBjB,EAAMkB,cACtBsB,OAAQ,MAAAxC,OAAA,EAAAA,EAAOyC,MACfC,WAAY1C,EAAM2C,UAClBC,iBAAkB,MAAA5C,OAAA,EAAAA,EAAO6C,gBACzBC,gBAAiB,MAAA9C,OAAA,EAAAA,EAAO4B,eACxBmB,OAAQ/C,EAAMgD,MACdxB,MAAOxB,EAAMyB,KACbwB,QAASjD,EAAMkD,OACf9B,YAAapB,EAAMqB,WACnB8B,UAAWnD,EAAMoD,SACjBC,SAAUrD,EAAMqB,WAChBiC,SAAUtD,EAAMuD,WAChBC,SAAUxD,EAAMyD,WAChBC,aAAc1D,EAAM0D,aACpBrD,MAAOL,EAAMK,MACbsD,YAAa3D,EAAM2D,YACnBC,cAAe5D,GAASC,EAAeD,GACvC6D,OAAQ7D,EAAM6D,OACdC,QAAS9D,EAAM8D,QACfC,QAAS/D,EAAM+D,QACfC,KAAMhE,EAAMgE,KACZC,GAAIjE,EAAMiE,GACVC,UAAWlE,EAAMkE,UACjBC,UAAWnE,EAAMmE,UACjBC,UAAWpE,EAAMoE,UACjBC,UAAWrE,EAAMqE,UACjBC,SAAUtE,EAAMsE,YACZtE,EAAMyE,iBAGZ5C,kBAAAA,IAAC6C,EAAAA,YAAA,CACCpC,cAAetC,EAAMuC,aACrB4B,UAAWnE,EAAMmE,UACjBC,UAAWpE,EAAMoE,UACjBC,UAAWrE,EAAMqE,UACjBM,IAAK3E,EAAM2E,IACXnC,OAAQxC,EAAMyC,MACdxB,eAAgBjB,EAAMkB,cACtBwB,WAAY1C,EAAM2C,UAClBC,iBAAkB,MAAA5C,OAAA,EAAAA,EAAO6C,gBACzBC,gBAAiB,MAAA9C,OAAA,EAAAA,EAAO4B,eACxBmB,OAAQ/C,EAAMgD,MACdxB,MAAOxB,EAAMyB,KACbwB,QAASjD,EAAMkD,OACf9B,YAAapB,EAAMqB,WACnB8B,UAAWnD,EAAMoD,SACjBC,SAAUrD,EAAMqB,WAChBiC,SAAUtD,EAAMuD,WAChBC,SAAUxD,EAAMyD,WAChBC,aAAc1D,EAAM0D,aACpBrD,MAAOL,EAAMK,OAAS,GACtBsD,YAAa3D,EAAM2D,YACnBiB,KAAM5E,EAAM4E,KACZC,aAAc7E,EAAM8E,aACpBC,QAASC,IACP,MAAM7E,EAAQ6E,EAAMC,OACpBhF,EAAeE,EAAME,QAEvBwD,OAAQ7D,EAAM6D,OACdC,QAAS9D,EAAM8D,QACfC,QAAS/D,EAAM+D,QACfC,KAAMhE,EAAMgE,KACZC,GAAIjE,EAAMiE,GACVK,SAAUtE,EAAMsE,SAChBJ,UAAWlE,EAAMkE,UACjBgB,IAAKlF,EAAMkF,IACXC,IAAKnF,EAAMmF,IACXC,KAAMpF,EAAMoF,OAIfpF,EAAM6C,iBACLhB,EAAAA,kBAAAA,IAACwD,EAAAA,qBAAA,CACCtD,MAAO/B,EAAM6C,gBAAgBb,KAC7BC,OAAQjC,EAAM6C,gBAAgBX,MAC9Bd,YAAapB,EAAMqB,WACnBc,OAAQnC,EAAM6C,gBAAgBT,MAE7BrB,WAAM8B,gBAAgB9B,qBAI5Bf,WAAOyC,OAAQZ,EAAAA,kBAAAA,IAACyD,EAAAA,aAAA,IAAiBtF,EAAMyC,MAAOhB,MAAM,MAAAzB,OAAA,EAAAA,EAAOyC,MAAMhB,OAAQzB,EAAMyB,OAAW,mCAK1F,SAA2B8D,EAAkBC,GAClD,SAASC,EAAQC,GACf,MAAO,KAAKC,KAAKD,EAAI,CAGvB,IAAIE,EAAkB,GAClBC,EAAoB,GACpBC,EAAgB,EAEpB,GAAwB,IAApBP,EAASQ,OACX,MAAO,CAAEC,OAAQ,GAAIrC,YAAa,IAGpC,IAAA,IAASsC,EAAI,EAAGA,EAAIT,EAAcO,OAAQE,IAAK,CAC7C,MAAMP,EAAOF,EAAcU,OAAOD,GAE9BP,IAASH,EAASW,OAAOJ,IAC3BF,GAAmBF,EACnBG,GAAqBJ,EAAQC,GAAQ,IAAMA,EAC3CI,KAEIL,EAAQC,IACVE,GAAmB,IACnBC,GAAqB,MAErBD,GAAmBF,EACnBG,GAAqBH,EAEzB,CAGF,KAAOI,EAAgBP,EAASQ,QAC9BH,GAAmBL,EAASW,OAAOJ,GACnCD,GAAqBN,EAASW,OAAOJ,GACrCA,IAGF,MAAO,CACLE,OAAQJ,EACRjC,YAAakC,EAEjB"}

package/build/component-ByY_9Ryc.js

@@ -0,0 +1,65 @@
+import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { useMemo, useState, useCallback, useLayoutEffect } from "react";
+import { D as DEFAULT_RIPPLE_DURATION, R as RippleContainer, a as DEFAULT_RIPPLE_ID, b as RippleSpan } from "./component.styles-B0L4jbOO.js";
+const useDebouncedRippleCleanUp = (rippleCount, duration, cleanUpFunction) => {
+  useLayoutEffect(() => {
+    let bounce = null;
+    if (rippleCount > 0) {
+      if (bounce) {
+        clearTimeout(bounce);
+      }
+      bounce = setTimeout(() => {
+        cleanUpFunction();
+        if (bounce) {
+          clearTimeout(bounce);
+        }
+      }, duration * 4);
+    }
+    return () => {
+      if (bounce) {
+        clearTimeout(bounce);
+      }
+    };
+  }, [rippleCount, duration, cleanUpFunction]);
+};
+const Ripple = (props) => {
+  const color = useMemo(() => props.color ?? "unset", [props.color]);
+  const duration = useMemo(() => props.duration ?? DEFAULT_RIPPLE_DURATION, [props.duration]);
+  const [rippleArray, setRippleArray] = useState([]);
+  useDebouncedRippleCleanUp(rippleArray.length, duration ?? DEFAULT_RIPPLE_DURATION, () => {
+    setRippleArray([]);
+  });
+  const onMouseDown = useCallback((event) => {
+    if (!event.isTrusted) return;
+    const rippleContainer = event.currentTarget.getBoundingClientRect();
+    const size = rippleContainer.width > rippleContainer.height ? rippleContainer.width : rippleContainer.height;
+    const x = event.pageX - rippleContainer.x - size / 2;
+    const y = event.pageY - rippleContainer.y - size / 2;
+    const newRipple = { x, y, size };
+    setRippleArray([]);
+    setTimeout(() => {
+      setRippleArray([newRipple]);
+    }, 0);
+  }, []);
+  if (props.isDisabled || props.isHidden) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RippleContainer, { id: DEFAULT_RIPPLE_ID, $duration: duration, $color: color, onMouseDown, children: rippleArray.length > 0 && rippleArray.map((ripple, index) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RippleSpan,
+      {
+        $duration: duration,
+        $color: color,
+        style: {
+          top: ripple.y,
+          left: ripple.x,
+          width: ripple.size,
+          height: ripple.size
+        }
+      },
+      "span" + index
+    );
+  }) });
+};
+export {
+  Ripple as R
+};
+//# sourceMappingURL=component-ByY_9Ryc.js.map

package/build/component-ByY_9Ryc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-ByY_9Ryc.js","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":["jsx"],"mappings":";;;AAWA,MAAM,4BAA4B,CAAC,aAAqB,UAAkB,oBAAgC;AACxG,kBAAgB,MAAM;AAEpB,QAAI,SAAgC;AACpC,QAAI,cAAc,GAAG;AACnB,UAAI,QAAQ;AACV,qBAAa,MAAM;AAAA,MAAA;AAGrB,eAAS,WAAW,MAAM;AACxB,wBAAA;AACA,YAAI,QAAQ;AACV,uBAAa,MAAM;AAAA,QAAA;AAAA,MACrB,GACC,WAAW,CAAC;AAAA,IAAA;AAGjB,WAAO,MAAM;AACX,UAAI,QAAQ;AACV,qBAAa,MAAM;AAAA,MAAA;AAAA,IACrB;AAAA,EACF,GACC,CAAC,aAAa,UAAU,eAAe,CAAC;AAC7C;AAEO,MAAM,SAA0B,CAAA,UAAS;AAC9C,QAAM,QAAQ,QAAQ,MAAM,MAAM,SAAS,SAAS,CAAC,MAAM,KAAK,CAAC;AACjE,QAAM,WAAW,QAAQ,MAAM,MAAM,YAAY,yBAAyB,CAAC,MAAM,QAAQ,CAAC;AAE1F,QAAM,CAAC,aAAa,cAAc,IAAI,SAA+B,CAAA,CAAE;AAEvE,4BAA0B,YAAY,QAAQ,YAAY,yBAAyB,MAAM;AACvF,mBAAe,CAAA,CAAE;AAAA,EAAA,CAClB;AAED,QAAM,cAAc,YAAY,CAAC,UAA4C;AAC3E,QAAI,CAAC,MAAM,UAAW;AACtB,UAAM,kBAAkB,MAAM,cAAc,sBAAA;AAC5C,UAAM,OAAO,gBAAgB,QAAQ,gBAAgB,SAAS,gBAAgB,QAAQ,gBAAgB;AACtG,UAAM,IAAI,MAAM,QAAQ,gBAAgB,IAAI,OAAO;AACnD,UAAM,IAAI,MAAM,QAAQ,gBAAgB,IAAI,OAAO;AACnD,UAAM,YAAY,EAAE,GAAG,GAAG,KAAA;AAC1B,mBAAe,CAAA,CAAE;AACjB,eAAW,MAAM;AACf,qBAAe,CAAC,SAAS,CAAC;AAAA,IAAA,GACzB,CAAC;AAAA,EAAA,GACH,EAAE;AAEL,MAAI,MAAM,cAAc,MAAM,SAAU,QAAO;AAC/C,+CACG,iBAAA,EAAgB,IAAI,mBAAmB,WAAW,UAAU,QAAQ,OAAO,aACzE,UAAA,YAAY,SAAS,KACpB,YAAY,IAAI,CAAC,QAAQ,UAAU;AACjC,WACEA,kCAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,QAAQ;AAAA,QAER,OAAO;AAAA,UACL,KAAK,OAAO;AAAA,UACZ,MAAM,OAAO;AAAA,UACb,OAAO,OAAO;AAAA,UACd,QAAQ,OAAO;AAAA,QAAA;AAAA,MACjB;AAAA,MANK,SAAS;AAAA,IAAA;AAAA,EAOhB,CAEH,GACL;AAEJ;"}