@kimdw-rtk/ui 0.0.18 → 0.0.21

package/dist/components/TextField/TextField.css.mjs

@@ -1,69 +0,0 @@
-import { createVar } from "@vanilla-extract/css";
-import { recipeWithLayer, styleWithLayer } from "#styleUtils";
-import { theme } from "#themes";
-import { semanticColor } from "#tokens";
-import { SCALE_COLOR } from "../../tokens/scale/color";
-const backgroundVar = createVar();
-const semanticColors = semanticColor.reduce(
-  (prev, color) => ({
-    ...prev,
-    [color]: styleWithLayer({
-      vars: {
-        [backgroundVar]: theme.color[color]
-      }
-    })
-  }),
-  {}
-);
-const scaleColors = SCALE_COLOR.reduce(
-  (prev, value) => ({
-    ...prev,
-    [value]: styleWithLayer({
-      vars: {
-        [backgroundVar]: theme.color[value][500]
-      }
-    })
-  }),
-  {}
-);
-const textField = recipeWithLayer({
-  base: {
-    padding: "0.75em 0.5em",
-    border: `1px solid`,
-    borderColor: ` rgb(${theme.color.border})`,
-    backgroundColor: `rgb(${theme.color.background})`,
-    color: `rgb(${theme.color.foreground})`,
-    transition: "border-color 0.15s ease, color 0.15s ease",
-    outline: "none",
-    ":focus": {
-      borderColor: `rgb(${backgroundVar})`
-    },
-    ":disabled": {
-      color: `rgb(${theme.color["muted-foreground"]})`
-    }
-  },
-  variants: {
-    color: {
-      ...semanticColors,
-      ...scaleColors
-    },
-    size: {
-      sm: {
-        borderRadius: theme.borderRadius,
-        fontSize: "0.875em"
-      },
-      md: {
-        borderRadius: theme.borderRadius,
-        fontSize: "1em"
-      },
-      lg: {
-        borderRadius: theme.borderRadius,
-        fontSize: "1.125em"
-      }
-    }
-  }
-});
-export {
-  textField
-};
-//# sourceMappingURL=TextField.css.mjs.map

package/dist/components/TextField/TextField.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextField/TextField.css.ts"],"sourcesContent":["import { createVar } from '@vanilla-extract/css';\n\nimport { recipeWithLayer, styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { semanticColor } from '#tokens';\n\nimport { SCALE_COLOR, type ScaleColor } from '../../tokens/scale/color';\n\nconst backgroundVar = createVar();\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[color],\n      },\n    }),\n  }),\n  {} as Record<(typeof semanticColor)[number], string>,\n);\n\nconst scaleColors = SCALE_COLOR.reduce(\n  (prev, value) => ({\n    ...prev,\n    [value]: styleWithLayer({\n      vars: {\n        [backgroundVar]: theme.color[value][500],\n      },\n    }),\n  }),\n  {} as Record<ScaleColor, string>,\n);\n\nexport const textField = recipeWithLayer({\n  base: {\n    padding: '0.75em 0.5em',\n    border: `1px solid`,\n    borderColor: ` rgb(${theme.color.border})`,\n\n    backgroundColor: `rgb(${theme.color.background})`,\n\n    color: `rgb(${theme.color.foreground})`,\n\n    transition: 'border-color 0.15s ease, color 0.15s ease',\n\n    outline: 'none',\n\n    ':focus': {\n      borderColor: `rgb(${backgroundVar})`,\n    },\n\n    ':disabled': {\n      color: `rgb(${theme.color['muted-foreground']})`,\n    },\n  },\n  variants: {\n    color: {\n      ...semanticColors,\n      ...scaleColors,\n    },\n\n    size: {\n      sm: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '0.875em',\n      },\n      md: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '1em',\n      },\n      lg: {\n        borderRadius: theme.borderRadius,\n\n        fontSize: '1.125em',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAE9B,SAAS,mBAAoC;AAE7C,MAAM,gBAAgB,UAAU;AAEhC,MAAM,iBAAiB,cAAc;AAAA,EACnC,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEA,MAAM,cAAc,YAAY;AAAA,EAC9B,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,aAAa,GAAG,MAAM,MAAM,KAAK,EAAE,GAAG;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEO,MAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,aAAa,QAAQ,MAAM,MAAM,MAAM;AAAA,IAEvC,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,IAE9C,OAAO,OAAO,MAAM,MAAM,UAAU;AAAA,IAEpC,YAAY;AAAA,IAEZ,SAAS;AAAA,IAET,UAAU;AAAA,MACR,aAAa,OAAO,aAAa;AAAA,IACnC;AAAA,IAEA,aAAa;AAAA,MACX,OAAO,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAAA,IAC/C;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IAEA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc,MAAM;AAAA,QAEpB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,cAAc,MAAM;AAAA,QAEpB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,cAAc,MAAM;AAAA,QAEpB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/TextField/TextField.spec.mjs

@@ -1,6 +0,0 @@
-import { TextField } from ".";
-import { uiTest } from "../../tests/uiTest";
-describe("TextField \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  uiTest(TextField, "TextField");
-});
-//# sourceMappingURL=TextField.spec.mjs.map

package/dist/components/TextField/TextField.spec.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextField/TextField.spec.tsx"],"sourcesContent":["import { TextField } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('TextField 컴포넌트', () => {\n  uiTest(TextField, 'TextField');\n});\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAEvB,SAAS,sCAAkB,MAAM;AAC/B,SAAO,WAAW,WAAW;AAC/B,CAAC;","names":[]}

package/dist/components/TextField/index.mjs

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "clsx";
-import { sx } from "#styles";
-import * as s from "./TextField.css";
-const TextField = forwardRef(
-  ({
-    className,
-    type = "text",
-    size = "md",
-    color = "primary",
-    sx: propSx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type,
-        className: clsx(className, s.textField({ size, color }), sx(propSx)),
-        ...props
-      }
-    );
-  }
-);
-TextField.displayName = "TextField";
-export {
-  TextField,
-  s as textFieldCss
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/TextField/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/TextField/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './TextField.css';\n\ninterface TextFieldProps extends UIComponent<'input', typeof s.textField> {\n  type?: React.HTMLInputTypeAttribute;\n}\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      className,\n      type = 'text',\n      size = 'md',\n      color = 'primary',\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        className={clsx(className, s.textField({ size, color }), sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nTextField.displayName = 'TextField';\n\nexport { s as textFieldCss };\n"],"mappings":"AA0BM;AA1BN,SAAS,kBAAkB;AAE3B,SAAS,YAAY;AAErB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAMZ,MAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAW,KAAK,WAAW,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA,QAClE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/components/Toast/Toast.css.mjs

@@ -1,70 +0,0 @@
-import { createVar, keyframes } from "@vanilla-extract/css";
-import { recipeWithLayer, styleWithLayer } from "#styleUtils";
-import { theme } from "#themes";
-import { semanticColor } from "#tokens";
-const colorVar = createVar();
-const foregroundVar = createVar();
-const semanticColors = semanticColor.reduce(
-  (prev, color) => ({
-    ...prev,
-    [color]: styleWithLayer({
-      vars: {
-        [colorVar]: theme.color[color],
-        [foregroundVar]: theme.color[`${color}-foreground`]
-      }
-    })
-  }),
-  {}
-);
-const fill = keyframes({
-  "0%": {
-    transform: "scaleX(0)"
-  },
-  "100%": {
-    transform: "scaleX(1)"
-  }
-});
-const progress = recipeWithLayer({
-  base: {
-    position: "absolute",
-    inset: "0",
-    width: "100%",
-    backgroundColor: `rgba(${foregroundVar}, 0.25)`,
-    transformOrigin: "0 0"
-  },
-  variants: {
-    animation: {
-      true: {
-        animationName: fill,
-        animationTimingFunction: "linear",
-        animationIterationCount: "1",
-        animationFillMode: "forwards"
-      },
-      false: {
-        display: "none"
-      }
-    }
-  }
-});
-const toast = recipeWithLayer({
-  base: {
-    position: "relative",
-    overflow: "hidden",
-    padding: "0.875em",
-    backgroundColor: `rgb(${colorVar})`,
-    color: `rgb(${foregroundVar})`,
-    whiteSpace: "nowrap",
-    wordBreak: "break-all",
-    cursor: "pointer"
-  },
-  variants: {
-    color: {
-      ...semanticColors
-    }
-  }
-});
-export {
-  progress,
-  toast
-};
-//# sourceMappingURL=Toast.css.mjs.map

package/dist/components/Toast/Toast.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Toast/Toast.css.ts"],"sourcesContent":["import { createVar, keyframes } from '@vanilla-extract/css';\n\nimport { recipeWithLayer, styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\nimport { semanticColor } from '#tokens';\n\nconst colorVar = createVar();\nconst foregroundVar = createVar();\n\nconst semanticColors = semanticColor.reduce(\n  (prev, color) => ({\n    ...prev,\n    [color]: styleWithLayer({\n      vars: {\n        [colorVar]: theme.color[color],\n        [foregroundVar]: theme.color[`${color}-foreground`],\n      },\n    }),\n  }),\n  {} as Record<(typeof semanticColor)[number], string>,\n);\n\nconst fill = keyframes({\n  '0%': {\n    transform: 'scaleX(0)',\n  },\n  '100%': {\n    transform: 'scaleX(1)',\n  },\n});\n\nexport const progress = recipeWithLayer({\n  base: {\n    position: 'absolute',\n    inset: '0',\n\n    width: '100%',\n\n    backgroundColor: `rgba(${foregroundVar}, 0.25)`,\n\n    transformOrigin: '0 0',\n  },\n\n  variants: {\n    animation: {\n      true: {\n        animationName: fill,\n        animationTimingFunction: 'linear',\n        animationIterationCount: '1',\n        animationFillMode: 'forwards',\n      },\n      false: {\n        display: 'none',\n      },\n    },\n  },\n});\n\nexport const toast = recipeWithLayer({\n  base: {\n    position: 'relative',\n    overflow: 'hidden',\n\n    padding: '0.875em',\n\n    backgroundColor: `rgb(${colorVar})`,\n\n    color: `rgb(${foregroundVar})`,\n    whiteSpace: 'nowrap',\n    wordBreak: 'break-all',\n\n    cursor: 'pointer',\n  },\n  variants: {\n    color: {\n      ...semanticColors,\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,WAAW,iBAAiB;AAErC,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAE9B,MAAM,WAAW,UAAU;AAC3B,MAAM,gBAAgB,UAAU;AAEhC,MAAM,iBAAiB,cAAc;AAAA,EACnC,CAAC,MAAM,WAAW;AAAA,IAChB,GAAG;AAAA,IACH,CAAC,KAAK,GAAG,eAAe;AAAA,MACtB,MAAM;AAAA,QACJ,CAAC,QAAQ,GAAG,MAAM,MAAM,KAAK;AAAA,QAC7B,CAAC,aAAa,GAAG,MAAM,MAAM,GAAG,KAAK,aAAa;AAAA,MACpD;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,CAAC;AACH;AAEA,MAAM,OAAO,UAAU;AAAA,EACrB,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AACF,CAAC;AAEM,MAAM,WAAW,gBAAgB;AAAA,EACtC,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,OAAO;AAAA,IAEP,iBAAiB,QAAQ,aAAa;AAAA,IAEtC,iBAAiB;AAAA,EACnB;AAAA,EAEA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,yBAAyB;AAAA,QACzB,yBAAyB;AAAA,QACzB,mBAAmB;AAAA,MACrB;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,QAAQ,gBAAgB;AAAA,EACnC,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IAEV,SAAS;AAAA,IAET,iBAAiB,OAAO,QAAQ;AAAA,IAEhC,OAAO,OAAO,aAAa;AAAA,IAC3B,YAAY;AAAA,IACZ,WAAW;AAAA,IAEX,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,IACL;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Toast/Toast.spec.mjs

@@ -1,6 +0,0 @@
-import { Toast } from ".";
-import { uiTest } from "../../tests/uiTest";
-describe("Toast \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  uiTest(Toast, "Toast");
-});
-//# sourceMappingURL=Toast.spec.mjs.map

package/dist/components/Toast/Toast.spec.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Toast/Toast.spec.tsx"],"sourcesContent":["import { Toast } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Toast 컴포넌트', () => {\n  uiTest(Toast, 'Toast');\n});\n"],"mappings":"AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,kCAAc,MAAM;AAC3B,SAAO,OAAO,OAAO;AACvB,CAAC;","names":[]}

package/dist/components/Toast/index.mjs

@@ -1,45 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { Box } from "#components";
-import { sx } from "#styles";
-import * as s from "./Toast.css";
-const Toast = forwardRef(
-  ({
-    children,
-    color = "accent",
-    className,
-    duration = 0,
-    sx: propSx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        ref,
-        boxShadow: "accent-sm",
-        rounded: true,
-        className: clsx(s.toast({ color }), className, sx(propSx)),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: s.progress({ animation: duration !== 0 }),
-              style: {
-                animationDuration: duration > 0 ? `${duration}ms` : void 0
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { style: { position: "relative" }, children })
-        ]
-      }
-    );
-  }
-);
-Toast.displayName = "Toast";
-export {
-  Toast,
-  s as toastCss
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Toast/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Box } from '#components';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './Toast.css';\n\ninterface ToastProps extends UIComponent<'div', typeof s.toast> {\n  duration?: number;\n}\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n  (\n    {\n      children,\n      color = 'accent',\n      className,\n      duration = 0,\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        ref={ref}\n        boxShadow=\"accent-sm\"\n        rounded\n        className={clsx(s.toast({ color }), className, sx(propSx))}\n        {...props}\n      >\n        <div\n          className={s.progress({ animation: duration !== 0 })}\n          style={{\n            animationDuration: duration > 0 ? `${duration}ms` : undefined,\n          }}\n        ></div>\n        <span style={{ position: 'relative' }}>{children}</span>\n      </Box>\n    );\n  },\n);\nToast.displayName = 'Toast';\n\nexport { s as toastCss };\n"],"mappings":"AA2BM,SAOE,KAPF;AA3BN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,WAAW;AACpB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAMZ,MAAM,QAAQ;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,SAAO;AAAA,QACP,WAAW,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QACxD,GAAG;AAAA,QAEJ;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,EAAE,SAAS,EAAE,WAAW,aAAa,EAAE,CAAC;AAAA,cACnD,OAAO;AAAA,gBACL,mBAAmB,WAAW,IAAI,GAAG,QAAQ,OAAO;AAAA,cACtD;AAAA;AAAA,UACD;AAAA,UACD,oBAAC,UAAK,OAAO,EAAE,UAAU,WAAW,GAAI,UAAS;AAAA;AAAA;AAAA,IACnD;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/components/Typography/Typography.css.mjs

@@ -1,19 +0,0 @@
-import { recipeWithLayer } from "#styleUtils";
-const typography = recipeWithLayer({
-  base: {
-    margin: "0"
-  },
-  variants: {
-    isEllipsis: {
-      true: {
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis"
-      }
-    }
-  }
-});
-export {
-  typography
-};
-//# sourceMappingURL=Typography.css.mjs.map

package/dist/components/Typography/Typography.css.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.css.ts"],"sourcesContent":["import { recipeWithLayer } from '#styleUtils';\n\nexport const typography = recipeWithLayer({\n  base: {\n    margin: '0',\n  },\n  variants: {\n    isEllipsis: {\n      true: {\n        overflow: 'hidden',\n\n        whiteSpace: 'nowrap',\n        textOverflow: 'ellipsis',\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,SAAS,uBAAuB;AAEzB,MAAM,aAAa,gBAAgB;AAAA,EACxC,MAAM;AAAA,IACJ,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,UAAU;AAAA,QAEV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/components/Typography/Typography.spec.mjs

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cleanup, render, screen } from "@testing-library/react";
-import { Typography } from "#components";
-import { uiTest } from "../../tests/uiTest";
-describe("Typogrphy \uCEF4\uD3EC\uB10C\uD2B8", () => {
-  uiTest(Typography, "Typography");
-  test("\uAE30\uBCF8\uC801\uC73C\uB85C p\uD0DC\uADF8\uB85C \uCD9C\uB825\uD55C\uB2E4.", () => {
-    render(/* @__PURE__ */ jsx(Typography, { children: "test" }));
-    expect(screen.getByText("test").tagName.toLowerCase()).toBe("p");
-  });
-  test("as\uC5D0 \uC804\uB2EC\uB41C \uC54C\uB9DE\uC740 \uD0DC\uADF8\uB85C \uCD9C\uB825\uD55C\uB2E4.", () => {
-    const tags = [
-      "p",
-      "h1",
-      "h2",
-      "h3",
-      "h4",
-      "h5",
-      "h6",
-      "span"
-    ];
-    for (const tag of tags) {
-      cleanup();
-      render(/* @__PURE__ */ jsx(Typography, { as: tag, children: "test" }));
-      expect(screen.getByText("test").tagName.toLowerCase()).toBe(tag);
-    }
-  });
-});
-//# sourceMappingURL=Typography.spec.mjs.map

package/dist/components/Typography/Typography.spec.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Typography/Typography.spec.tsx"],"sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cleanup, render, screen } from '@testing-library/react';\n\nimport { Typography } from '#components';\n\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Typogrphy 컴포넌트', () => {\n  uiTest(Typography, 'Typography');\n\n  test('기본적으로 p태그로 출력한다.', () => {\n    render(<Typography>test</Typography>);\n    expect(screen.getByText('test').tagName.toLowerCase()).toBe('p');\n  });\n\n  test('as에 전달된 알맞은 태그로 출력한다.', () => {\n    const tags: ComponentProps<typeof Typography>['as'][] = [\n      'p',\n      'h1',\n      'h2',\n      'h3',\n      'h4',\n      'h5',\n      'h6',\n      'span',\n    ];\n\n    for (const tag of tags) {\n      cleanup();\n      render(<Typography as={tag}>test</Typography>);\n      expect(screen.getByText('test').tagName.toLowerCase()).toBe(tag);\n    }\n  });\n});\n"],"mappings":"AAYW;AAVX,SAAS,SAAS,QAAQ,cAAc;AAExC,SAAS,kBAAkB;AAE3B,SAAS,cAAc;AAEvB,SAAS,sCAAkB,MAAM;AAC/B,SAAO,YAAY,YAAY;AAE/B,OAAK,gFAAoB,MAAM;AAC7B,WAAO,oBAAC,cAAW,kBAAI,CAAa;AACpC,WAAO,OAAO,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC,EAAE,KAAK,GAAG;AAAA,EACjE,CAAC;AAED,OAAK,+FAAyB,MAAM;AAClC,UAAM,OAAkD;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,eAAW,OAAO,MAAM;AACtB,cAAQ;AACR,aAAO,oBAAC,cAAW,IAAI,KAAK,kBAAI,CAAa;AAC7C,aAAO,OAAO,UAAU,MAAM,EAAE,QAAQ,YAAY,CAAC,EAAE,KAAK,GAAG;AAAA,IACjE;AAAA,EACF,CAAC;AACH,CAAC;","names":[]}

package/dist/components/Typography/index.mjs

@@ -1,41 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sprinkles } from "#styles";
-import {} from "#types";
-import * as s from "./Typography.css";
-const Typography = forwardRef(
-  ({
-    children,
-    as: Component = "p",
-    className,
-    color = "foreground",
-    fontSize = "md",
-    fontWeight = "normal",
-    lineHeight,
-    isEllipsis = false,
-    sx,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: clsx(
-          s.typography({ isEllipsis }),
-          sprinkles({ color, fontSize, fontWeight, lineHeight }),
-          sx && sprinkles(sx),
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Typography.displayName = "Typography";
-export {
-  Typography,
-  s as typographyCss
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Typography/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Typography/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sprinkles, type SprinklesProps } from '#styles';\nimport { type UIComponent } from '#types';\n\nimport * as s from './Typography.css';\n\ntype TypographyElement = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\n\ntype TypographyProps<T extends TypographyElement = TypographyElement> = Omit<\n  UIComponent<T, typeof s.typography> & {\n    as?: T;\n    color?: SprinklesProps['color'];\n    fontSize?: SprinklesProps['fontSize'];\n    fontWeight?: SprinklesProps['fontWeight'];\n    lineHeight?: SprinklesProps['lineHeight'];\n  },\n  'ref'\n>;\n\nexport const Typography = forwardRef<HTMLParagraphElement, TypographyProps>(\n  (\n    {\n      children,\n      as: Component = 'p',\n      className,\n      color = 'foreground',\n      fontSize = 'md',\n      fontWeight = 'normal',\n      lineHeight,\n      isEllipsis = false,\n      sx,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Component\n        ref={ref}\n        className={clsx(\n          s.typography({ isEllipsis }),\n          sprinkles({ color, fontSize, fontWeight, lineHeight }),\n          sx && sprinkles(sx),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\nTypography.displayName = 'Typography';\n\nexport { s as typographyCss };\n"],"mappings":"AAuCM;AAvCN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,iBAAsC;AAC/C,eAAiC;AAEjC,YAAY,OAAO;AAeZ,MAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA,IAAI,YAAY;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,EAAE,WAAW,EAAE,WAAW,CAAC;AAAA,UAC3B,UAAU,EAAE,OAAO,UAAU,YAAY,WAAW,CAAC;AAAA,UACrD,MAAM,UAAU,EAAE;AAAA,UAClB;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}

package/dist/components/index.mjs

@@ -1,19 +0,0 @@
-export * from "./Accordion";
-export * from "./Alert";
-export * from "./Box";
-export * from "./Button";
-export * from "./Card";
-export * from "./Chip";
-export * from "./Confirm";
-export * from "./Dialog";
-export * from "./Navigation";
-export * from "./Range";
-export * from "./ScrollArea";
-export * from "./Select";
-export * from "./Skeleton";
-export * from "./Table";
-export * from "./Tabs";
-export * from "./TextField";
-export * from "./Toast";
-export * from "./Typography";
-//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Alert';\nexport * from './Box';\nexport * from './Button';\nexport * from './Card';\nexport * from './Chip';\nexport * from './Confirm';\nexport * from './Dialog';\nexport * from './Navigation';\nexport * from './Range';\nexport * from './ScrollArea';\nexport * from './Select';\nexport * from './Skeleton';\nexport * from './Table';\nexport * from './Tabs';\nexport * from './TextField';\nexport * from './Toast';\nexport * from './Typography';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/contexts/UIProvider.mjs

@@ -1,22 +0,0 @@
-"use client";
-import { Fragment, jsx } from "react/jsx-runtime";
-import { OverlayProvider } from "@kimdw-rtk/utils";
-import { ToastProvider } from "#hooks";
-import * as overlayStyle from "../styles/overlay.css";
-const UIProvider = ({
-  children,
-  overlayUnmountOn = "transitionEnd"
-}) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-    OverlayProvider,
-    {
-      className: { ...overlayStyle },
-      unmountOn: overlayUnmountOn,
-      children: /* @__PURE__ */ jsx(ToastProvider, { children })
-    }
-  ) });
-};
-export {
-  UIProvider
-};
-//# sourceMappingURL=UIProvider.mjs.map

package/dist/contexts/UIProvider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/contexts/UIProvider.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nimport { OverlayProvider, type OverlayOption } from '@kimdw-rtk/utils';\n\nimport { ToastProvider } from '#hooks';\n\nimport * as overlayStyle from '../styles/overlay.css';\n\ninterface UIProviderProps {\n  children: ReactNode;\n  overlayUnmountOn?: OverlayOption['unmountOn'];\n}\n\nexport const UIProvider = ({\n  children,\n  overlayUnmountOn = 'transitionEnd',\n}: UIProviderProps) => {\n  return (\n    <>\n      <OverlayProvider\n        className={{ ...overlayStyle }}\n        unmountOn={overlayUnmountOn}\n      >\n        <ToastProvider>{children}</ToastProvider>\n      </OverlayProvider>\n    </>\n  );\n};\n"],"mappings":";AAoBI,mBAKI,WALJ;AAhBJ,SAAS,uBAA2C;AAEpD,SAAS,qBAAqB;AAE9B,YAAY,kBAAkB;AAOvB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,mBAAmB;AACrB,MAAuB;AACrB,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,EAAE,GAAG,aAAa;AAAA,MAC7B,WAAW;AAAA,MAEX,8BAAC,iBAAe,UAAS;AAAA;AAAA,EAC3B,GACF;AAEJ;","names":[]}

package/dist/contexts/index.mjs

@@ -1,2 +0,0 @@
-export * from "./UIProvider";
-//# sourceMappingURL=index.mjs.map

package/dist/contexts/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/contexts/index.ts"],"sourcesContent":["export * from './UIProvider';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/hooks/index.mjs

@@ -1,6 +0,0 @@
-export * from "./useDialog";
-export * from "./usePointerSlider";
-export * from "./useRipple";
-export * from "./useToast";
-export * from "./useToast/ToastProvider";
-//# sourceMappingURL=index.mjs.map

package/dist/hooks/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './useDialog';\nexport * from './usePointerSlider';\nexport * from './useRipple';\nexport * from './useToast';\nexport * from './useToast/ToastProvider';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/hooks/useDialog/index.mjs

@@ -1,49 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, useRef } from "react";
-import { useOverlay } from "@kimdw-rtk/utils";
-import { Alert, Confirm } from "#components";
-const useDialog = () => {
-  const { push } = useOverlay();
-  const dialogRef = useRef(null);
-  const alert = useCallback(
-    (message) => {
-      return new Promise((resolve) => {
-        push(/* @__PURE__ */ jsx(Alert, { children: message }), { onClose: () => resolve(true) });
-      });
-    },
-    [push]
-  );
-  const confirm = useCallback(
-    (message) => {
-      return new Promise((resolve) => {
-        const handleConfirm = () => {
-          resolve(true);
-          dialogRef.current?.close();
-        };
-        const handleCancle = () => {
-          resolve(false);
-          dialogRef.current?.close();
-        };
-        push(
-          /* @__PURE__ */ jsx(
-            Confirm,
-            {
-              ref: dialogRef,
-              onConfirm: handleConfirm,
-              onCancle: handleCancle,
-              children: message
-            }
-          ),
-          { onClose: () => resolve(false) }
-        );
-      });
-    },
-    [push]
-  );
-  return useMemo(() => ({ alert, confirm }), [alert, confirm]);
-};
-export {
-  useDialog
-};
-//# sourceMappingURL=index.mjs.map

package/dist/hooks/useDialog/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { useOverlay } from '@kimdw-rtk/utils';\n\nimport { Alert, Confirm } from '#components';\n\nexport const useDialog = () => {\n  const { push } = useOverlay();\n  const dialogRef = useRef<{ close: () => void }>(null);\n\n  const alert = useCallback(\n    (message: ReactNode) => {\n      return new Promise((resolve) => {\n        push(<Alert>{message}</Alert>, { onClose: () => resolve(true) });\n      });\n    },\n    [push],\n  );\n\n  const confirm = useCallback(\n    (message: ReactNode): Promise<boolean> => {\n      return new Promise((resolve) => {\n        const handleConfirm = () => {\n          resolve(true);\n          dialogRef.current?.close();\n        };\n\n        const handleCancle = () => {\n          resolve(false);\n          dialogRef.current?.close();\n        };\n\n        push(\n          <Confirm\n            ref={dialogRef}\n            onConfirm={handleConfirm}\n            onCancle={handleCancle}\n          >\n            {message}\n          </Confirm>,\n          { onClose: () => resolve(false) },\n        );\n      });\n    },\n    [push],\n  );\n\n  return useMemo(() => ({ alert, confirm }), [alert, confirm]);\n};\n"],"mappings":";AAea;AAbb,SAAyB,aAAa,SAAS,cAAc;AAE7D,SAAS,kBAAkB;AAE3B,SAAS,OAAO,eAAe;AAExB,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,KAAK,IAAI,WAAW;AAC5B,QAAM,YAAY,OAA8B,IAAI;AAEpD,QAAM,QAAQ;AAAA,IACZ,CAAC,YAAuB;AACtB,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,aAAK,oBAAC,SAAO,mBAAQ,GAAU,EAAE,SAAS,MAAM,QAAQ,IAAI,EAAE,CAAC;AAAA,MACjE,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,YAAyC;AACxC,aAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,cAAM,gBAAgB,MAAM;AAC1B,kBAAQ,IAAI;AACZ,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA,cAAM,eAAe,MAAM;AACzB,kBAAQ,KAAK;AACb,oBAAU,SAAS,MAAM;AAAA,QAC3B;AAEA;AAAA,UACE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW;AAAA,cACX,UAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UACA,EAAE,SAAS,MAAM,QAAQ,KAAK,EAAE;AAAA,QAClC;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,SAAO,QAAQ,OAAO,EAAE,OAAO,QAAQ,IAAI,CAAC,OAAO,OAAO,CAAC;AAC7D;","names":[]}

package/dist/hooks/useDialog/useDialog.spec.mjs

@@ -1,59 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { act, render, screen, waitFor } from "@testing-library/react";
-import { UIProvider } from "#contexts";
-import { useDialog } from "#hooks";
-describe("useDialog \uD14C\uC2A4\uD2B8", () => {
-  const mockFn = jest.fn();
-  beforeEach(() => {
-    const TestComponent = () => {
-      const { alert, confirm } = useDialog();
-      const handleConfirmClick = async () => {
-        mockFn(await confirm("confirm"));
-      };
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("button", { onClick: () => alert("alert"), children: "alert click" }),
-        /* @__PURE__ */ jsx("button", { onClick: handleConfirmClick, children: "confirm click" })
-      ] });
-    };
-    render(
-      /* @__PURE__ */ jsx(UIProvider, { overlayUnmountOn: "exit", children: /* @__PURE__ */ jsx(TestComponent, {}) })
-    );
-  });
-  it("\uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 alert\uC744 \uB2EB\uC744 \uC218 \uC788\uB2E4.", async () => {
-    const alertButton = screen.getByRole("button", { name: "alert click" });
-    expect(screen.queryByText("alert")).not.toBeInTheDocument();
-    act(() => {
-      alertButton.click();
-    });
-    expect(screen.getByText("alert")).toBeInTheDocument();
-    const okButton = screen.getByRole("button", { name: "\uD655\uC778" });
-    act(() => {
-      okButton.click();
-    });
-    expect(screen.queryByText("alert")).not.toBeInTheDocument();
-  });
-  it.skip("confirm\uC758 \uD655\uC778 \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 true, \uCDE8\uC18C \uBC84\uD2BC\uC744 \uB204\uB974\uBA74 false\uB97C \uBC18\uD658\uD55C\uB2E4.", async () => {
-    const confirmButton = screen.getByRole("button", { name: "confirm click" });
-    act(() => {
-      confirmButton.click();
-    });
-    const okButton = screen.getByRole("button", { name: "\uD655\uC778" });
-    act(() => {
-      okButton.click();
-    });
-    await waitFor(() => {
-      expect(mockFn.mock.calls[0][0]).toBe(true);
-    });
-    act(() => {
-      confirmButton.click();
-    });
-    const cancelButton = screen.getByRole("button", { name: "\uCDE8\uC18C" });
-    act(() => {
-      cancelButton.click();
-    });
-    await waitFor(() => {
-      expect(mockFn.mock.calls[1][0]).toBe(false);
-    });
-  });
-});
-//# sourceMappingURL=useDialog.spec.mjs.map

package/dist/hooks/useDialog/useDialog.spec.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useDialog/useDialog.spec.tsx"],"sourcesContent":["import { act, render, screen, waitFor } from '@testing-library/react';\n\nimport { UIProvider } from '#contexts';\nimport { useDialog } from '#hooks';\n\ndescribe('useDialog 테스트', () => {\n  const mockFn = jest.fn();\n\n  beforeEach(() => {\n    const TestComponent = () => {\n      const { alert, confirm } = useDialog();\n\n      const handleConfirmClick = async () => {\n        mockFn(await confirm('confirm'));\n      };\n\n      return (\n        <>\n          <button onClick={() => alert('alert')}>alert click</button>\n          <button onClick={handleConfirmClick}>confirm click</button>\n        </>\n      );\n    };\n\n    render(\n      <UIProvider overlayUnmountOn={'exit'}>\n        <TestComponent />\n      </UIProvider>,\n    );\n  });\n\n  it('확인 버튼을 누르면 alert을 닫을 수 있다.', async () => {\n    const alertButton = screen.getByRole('button', { name: 'alert click' });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n\n    act(() => {\n      alertButton.click();\n    });\n\n    expect(screen.getByText('alert')).toBeInTheDocument();\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    expect(screen.queryByText('alert')).not.toBeInTheDocument();\n  });\n\n  it.skip('confirm의 확인 버튼을 누르면 true, 취소 버튼을 누르면 false를 반환한다.', async () => {\n    const confirmButton = screen.getByRole('button', { name: 'confirm click' });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const okButton = screen.getByRole('button', { name: '확인' });\n    act(() => {\n      okButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[0][0]).toBe(true);\n    });\n\n    act(() => {\n      confirmButton.click();\n    });\n\n    const cancelButton = screen.getByRole('button', { name: '취소' });\n    act(() => {\n      cancelButton.click();\n    });\n\n    await waitFor(() => {\n      expect(mockFn.mock.calls[1][0]).toBe(false);\n    });\n  });\n});\n"],"mappings":"AAiBQ,mBACE,KADF;AAjBR,SAAS,KAAK,QAAQ,QAAQ,eAAe;AAE7C,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAE1B,SAAS,gCAAiB,MAAM;AAC9B,QAAM,SAAS,KAAK,GAAG;AAEvB,aAAW,MAAM;AACf,UAAM,gBAAgB,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,IAAI,UAAU;AAErC,YAAM,qBAAqB,YAAY;AACrC,eAAO,MAAM,QAAQ,SAAS,CAAC;AAAA,MACjC;AAEA,aACE,iCACE;AAAA,4BAAC,YAAO,SAAS,MAAM,MAAM,OAAO,GAAG,yBAAW;AAAA,QAClD,oBAAC,YAAO,SAAS,oBAAoB,2BAAa;AAAA,SACpD;AAAA,IAEJ;AAEA;AAAA,MACE,oBAAC,cAAW,kBAAkB,QAC5B,8BAAC,iBAAc,GACjB;AAAA,IACF;AAAA,EACF,CAAC;AAED,KAAG,oGAA8B,YAAY;AAC3C,UAAM,cAAc,OAAO,UAAU,UAAU,EAAE,MAAM,cAAc,CAAC;AAEtE,WAAO,OAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAE1D,QAAI,MAAM;AACR,kBAAY,MAAM;AAAA,IACpB,CAAC;AAED,WAAO,OAAO,UAAU,OAAO,CAAC,EAAE,kBAAkB;AAEpD,UAAM,WAAW,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,WAAO,OAAO,YAAY,OAAO,CAAC,EAAE,IAAI,kBAAkB;AAAA,EAC5D,CAAC;AAED,KAAG,KAAK,mKAAqD,YAAY;AACvE,UAAM,gBAAgB,OAAO,UAAU,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1E,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,WAAW,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC1D,QAAI,MAAM;AACR,eAAS,MAAM;AAAA,IACjB,CAAC;AAED,UAAM,QAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,IAAI;AAAA,IAC3C,CAAC;AAED,QAAI,MAAM;AACR,oBAAc,MAAM;AAAA,IACtB,CAAC;AAED,UAAM,eAAe,OAAO,UAAU,UAAU,EAAE,MAAM,eAAK,CAAC;AAC9D,QAAI,MAAM;AACR,mBAAa,MAAM;AAAA,IACrB,CAAC;AAED,UAAM,QAAQ,MAAM;AAClB,aAAO,OAAO,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK;AAAA,IAC5C,CAAC;AAAA,EACH,CAAC;AACH,CAAC;","names":[]}

package/dist/hooks/useMouseScroll/index.mjs

@@ -1,48 +0,0 @@
-"use client";
-import { useEffect } from "react";
-const useMouseScroll = (ref) => {
-  useEffect(() => {
-    const element = ref.current;
-    let isDown = false, startX = 0, startLeft = 0;
-    if (element === null) {
-      return;
-    }
-    const handleMouseDown = (e) => {
-      if (!element.contains(e.target)) {
-        return;
-      }
-      isDown = true;
-      startLeft = element.scrollLeft;
-      startX = e.x;
-    };
-    const handleMouseMove = (e) => {
-      if (!isDown) {
-        return;
-      }
-      element.scrollLeft = startLeft + startX - e.x;
-    };
-    const handleMouseUp = () => {
-      isDown = false;
-    };
-    const handleWheel = (e) => {
-      element.scrollTo({
-        left: element.scrollLeft + e.deltaY,
-        behavior: "smooth"
-      });
-    };
-    window.addEventListener("mousedown", handleMouseDown);
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
-    element.addEventListener("wheel", handleWheel);
-    return () => {
-      window.removeEventListener("mousedown", handleMouseDown);
-      window.removeEventListener("mousemove", handleMouseMove);
-      window.removeEventListener("mouseup", handleMouseUp);
-      element.removeEventListener("wheel", handleWheel);
-    };
-  }, [ref]);
-};
-export {
-  useMouseScroll
-};
-//# sourceMappingURL=index.mjs.map

package/dist/hooks/useMouseScroll/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useMouseScroll/index.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\n/**\n * 마우스를 사용하는 환경에서도 드래그로 가로 스크롤을 할 수 있게 만드는 hook\n */\nexport const useMouseScroll = <T extends React.RefObject<HTMLElement | null>>(\n  ref: T,\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    let isDown = false,\n      startX = 0,\n      startLeft = 0;\n\n    if (element === null) {\n      return;\n    }\n\n    const handleMouseDown = (e: MouseEvent) => {\n      if (!element.contains(e.target as Node)) {\n        return;\n      }\n\n      isDown = true;\n\n      startLeft = element.scrollLeft;\n      startX = e.x;\n    };\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!isDown) {\n        return;\n      }\n\n      element.scrollLeft = startLeft + startX - e.x;\n    };\n\n    const handleMouseUp = () => {\n      isDown = false;\n    };\n\n    const handleWheel = (e: WheelEvent) => {\n      element.scrollTo({\n        left: element.scrollLeft + e.deltaY,\n        behavior: 'smooth',\n      });\n    };\n\n    window.addEventListener('mousedown', handleMouseDown);\n    window.addEventListener('mousemove', handleMouseMove);\n    window.addEventListener('mouseup', handleMouseUp);\n    element.addEventListener('wheel', handleWheel);\n\n    return () => {\n      window.removeEventListener('mousedown', handleMouseDown);\n      window.removeEventListener('mousemove', handleMouseMove);\n      window.removeEventListener('mouseup', handleMouseUp);\n      element.removeEventListener('wheel', handleWheel);\n    };\n  }, [ref]);\n};\n"],"mappings":";AAEA,SAAS,iBAAiB;AAKnB,MAAM,iBAAiB,CAC5B,QACS;AACT,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,SAAS,OACX,SAAS,GACT,YAAY;AAEd,QAAI,YAAY,MAAM;AACpB;AAAA,IACF;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ,SAAS,EAAE,MAAc,GAAG;AACvC;AAAA,MACF;AAEA,eAAS;AAET,kBAAY,QAAQ;AACpB,eAAS,EAAE;AAAA,IACb;AAEA,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,cAAQ,aAAa,YAAY,SAAS,EAAE;AAAA,IAC9C;AAEA,UAAM,gBAAgB,MAAM;AAC1B,eAAS;AAAA,IACX;AAEA,UAAM,cAAc,CAAC,MAAkB;AACrC,cAAQ,SAAS;AAAA,QACf,MAAM,QAAQ,aAAa,EAAE;AAAA,QAC7B,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAEA,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,WAAW,aAAa;AAChD,YAAQ,iBAAiB,SAAS,WAAW;AAE7C,WAAO,MAAM;AACX,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,aAAa,eAAe;AACvD,aAAO,oBAAoB,WAAW,aAAa;AACnD,cAAQ,oBAAoB,SAAS,WAAW;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AACV;","names":[]}