@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/components/Range/Range.mjs

@@ -1,75 +1,34 @@
 "use client";
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Range/Range.tsx
-import { forwardRef, useEffect, useRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import { usePointerSlider } from "../../hooks/usePointerSlider/index.mjs";
-import * as s from "./Range.css.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Range = forwardRef(
-  ({
-    min,
-    max,
-    defaultMinValue,
-    defaultMaxValue,
-    onChange,
-    className,
-    color = "primary",
-    size = "md",
-    sx: propSx,
-    ...props
-  }, ref) => {
-    const barRef = useRef(null);
-    const leftThumbRef = useRef(null);
-    const rightThumbRef = useRef(null);
-    const leftValue = usePointerSlider(leftThumbRef, {
-      min,
-      max,
-      defaultValue: defaultMinValue
-    }), rightValue = usePointerSlider(rightThumbRef, {
-      min,
-      max,
-      defaultValue: defaultMaxValue
-    });
-    const initRef = useRef(false);
-    const minValue = Math.min(leftValue, rightValue), maxValue = Math.max(leftValue, rightValue);
-    useEffect(() => {
-      if (!initRef.current) {
-        initRef.current = true;
-        return;
-      }
-      onChange(minValue, maxValue);
-    }, [minValue, maxValue]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: clsx(s.range({ color, size }), className, sx(propSx)),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: s.bar, children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: barRef,
-              className: s.fill,
-              style: {
-                left: `${(minValue - min) / (max - min) * 100}%`,
-                right: `${(1 - (maxValue - min) / (max - min)) * 100}%`
-              }
-            }
-          ) }),
-          /* @__PURE__ */ jsx("span", { ref: leftThumbRef, className: s.thumb }),
-          /* @__PURE__ */ jsx("span", { ref: rightThumbRef, className: s.thumb })
-        ]
-      }
-    );
-  }
-);
-Range.displayName = "Range";
+import {
+  Range
+} from "../../chunk-WSKWQTO5.mjs";
+import "../../chunk-BPXPTOKH.mjs";
+import {
+  Range_css_exports
+} from "../../chunk-YYDUIOTW.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   Range,
-  s as rangeCss
+  Range_css_exports as rangeCss
 };
-//# sourceMappingURL=Range.mjs.map
+//# sourceMappingURL=Range.mjs.map

package/dist/components/Range/Range.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Range/Range.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport { usePointerSlider } from '../../hooks/usePointerSlider';\nimport * as s from './Range.css';\n\ninterface RangeProps\n  extends Omit<UIComponent<'div', typeof s.range>, 'children' | 'onChange'> {\n  min: number;\n  max: number;\n  defaultMinValue: number;\n  defaultMaxValue: number;\n  onChange: (min: number, max: number) => void;\n}\n\nexport const Range = forwardRef<HTMLDivElement, RangeProps>(\n  (\n    {\n      min,\n      max,\n      defaultMinValue,\n      defaultMaxValue,\n      onChange,\n      className,\n      color = 'primary',\n      size = 'md',\n      sx: propSx,\n      ...props\n    },\n    ref,\n  ) => {\n    const barRef = useRef<HTMLDivElement>(null);\n    const leftThumbRef = useRef<HTMLSpanElement>(null);\n    const rightThumbRef = useRef<HTMLSpanElement>(null);\n    const leftValue = usePointerSlider(leftThumbRef, {\n        min,\n        max,\n        defaultValue: defaultMinValue,\n      }),\n      rightValue = usePointerSlider(rightThumbRef, {\n        min,\n        max,\n        defaultValue: defaultMaxValue,\n      });\n    const initRef = useRef<boolean>(false);\n\n    const minValue = Math.min(leftValue, rightValue),\n      maxValue = Math.max(leftValue, rightValue);\n\n    useEffect(() => {\n      if (!initRef.current) {\n        initRef.current = true;\n        return;\n      }\n\n      onChange(minValue, maxValue);\n      // eslint-disable-next-line\n    }, [minValue, maxValue]);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.range({ color, size }), className, sx(propSx))}\n        {...props}\n      >\n        <div className={s.bar}>\n          <div\n            ref={barRef}\n            className={s.fill}\n            style={{\n              left: `${((minValue - min) / (max - min)) * 100}%`,\n              right: `${(1 - (maxValue - min) / (max - min)) * 100}%`,\n            }}\n          />\n        </div>\n        <span ref={leftThumbRef} className={s.thumb} />\n        <span ref={rightThumbRef} className={s.thumb} />\n      </div>\n    );\n  },\n);\nRange.displayName = 'Range';\n\nexport { s as rangeCss };\n"],"mappings":";;;;AAEA,SAAS,YAAY,WAAW,cAAc;AAE9C,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,SAAS,wBAAwB;AACjC,YAAY,OAAO;AAwDb,SAMI,KANJ;AA7CC,IAAM,QAAQ;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,SAAS,OAAuB,IAAI;AAC1C,UAAM,eAAe,OAAwB,IAAI;AACjD,UAAM,gBAAgB,OAAwB,IAAI;AAClD,UAAM,YAAY,iBAAiB,cAAc;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,GACD,aAAa,iBAAiB,eAAe;AAAA,MAC3C;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAChB,CAAC;AACH,UAAM,UAAU,OAAgB,KAAK;AAErC,UAAM,WAAW,KAAK,IAAI,WAAW,UAAU,GAC7C,WAAW,KAAK,IAAI,WAAW,UAAU;AAE3C,cAAU,MAAM;AACd,UAAI,CAAC,QAAQ,SAAS;AACpB,gBAAQ,UAAU;AAClB;AAAA,MACF;AAEA,eAAS,UAAU,QAAQ;AAAA,IAE7B,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAO,QAAM,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC9D,GAAG;AAAA,QAEJ;AAAA,8BAAC,SAAI,WAAa,OAChB;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAa;AAAA,cACb,OAAO;AAAA,gBACL,MAAM,IAAK,WAAW,QAAQ,MAAM,OAAQ,GAAG;AAAA,gBAC/C,OAAO,IAAI,KAAK,WAAW,QAAQ,MAAM,QAAQ,GAAG;AAAA,cACtD;AAAA;AAAA,UACF,GACF;AAAA,UACA,oBAAC,UAAK,KAAK,cAAc,WAAa,SAAO;AAAA,UAC7C,oBAAC,UAAK,KAAK,eAAe,WAAa,SAAO;AAAA;AAAA;AAAA,IAChD;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Range/Range.spec.mjs

@@ -1,7 +1,36 @@
+import {
+  Range
+} from "../../chunk-WSKWQTO5.mjs";
+import "../../chunk-BPXPTOKH.mjs";
+import "../../chunk-YYDUIOTW.mjs";
+import {
+  uiTest
+} from "../../chunk-XTY6JSSK.mjs";
+import "../../chunk-KFFUBVOO.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
+
 // src/components/Range/Range.spec.tsx
-import { uiTest } from "../../tests/uiTest.mjs";
-import { Range } from "./Range.mjs";
 describe("Range \uCEF4\uD3EC\uB10C\uD2B8", () => {
   uiTest(Range, "Range");
 });
-//# sourceMappingURL=Range.spec.mjs.map
+//# sourceMappingURL=Range.spec.mjs.map

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

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

package/dist/components/Range/index.mjs

@@ -1,3 +1,34 @@
-// src/components/Range/index.ts
-export * from "./Range.mjs";
-//# sourceMappingURL=index.mjs.map
+import "../../chunk-GEL32YK3.mjs";
+import {
+  Range
+} from "../../chunk-WSKWQTO5.mjs";
+import "../../chunk-BPXPTOKH.mjs";
+import {
+  Range_css_exports
+} from "../../chunk-YYDUIOTW.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
+export {
+  Range,
+  Range_css_exports as rangeCss
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/ScrollArea/ScrollArea.css.mjs

@@ -1,38 +1,28 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/ScrollArea/ScrollArea.css.ts
-import { style } from "@vanilla-extract/css";
-import { styleWithLayer } from "#styleUtils.mjs";
-var MASK_SIZE = "3rem";
-var scrollArea = styleWithLayer({
-  width: "100%",
-  overflowX: "scroll",
-  "::-webkit-scrollbar": {
-    display: "none"
-  }
-});
-var maskLeft = style({
-  maskImage: `linear-gradient(to left,
-  black 0%,
-  black calc(100% - ${MASK_SIZE}),
-  transparent 100%)`
-});
-var maskRight = style({
-  maskImage: `linear-gradient(to right,
-  black 0%,
-  black calc(100% - ${MASK_SIZE}),
-  transparent 100%)`
-});
-var maskBoth = style({
-  maskImage: `linear-gradient(to right,
-  transparent 0%,
-  black ${MASK_SIZE},
-  black calc(100% - ${MASK_SIZE}),
-  transparent 100%)`
-});
-var wrapper = style({
-  width: "max-content"
-});
+import {
+  maskBoth,
+  maskLeft,
+  maskRight,
+  scrollArea,
+  wrapper
+} from "../../chunk-7E5FVWTQ.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   maskBoth,
   maskLeft,
@@ -40,4 +30,4 @@ export {
   scrollArea,
   wrapper
 };
-//# sourceMappingURL=ScrollArea.css.mjs.map
+//# sourceMappingURL=ScrollArea.css.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/ScrollArea/ScrollArea.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\n\nimport { styleWithLayer } from '#styleUtils';\n\nconst MASK_SIZE = '3rem';\n\nexport const scrollArea = styleWithLayer({\n  width: '100%',\n  overflowX: 'scroll',\n\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n});\n\nexport const maskLeft = style({\n  maskImage: `linear-gradient(to left,\n  black 0%,\n  black calc(100% - ${MASK_SIZE}),\n  transparent 100%)`,\n});\n\nexport const maskRight = style({\n  maskImage: `linear-gradient(to right,\n  black 0%,\n  black calc(100% - ${MASK_SIZE}),\n  transparent 100%)`,\n});\n\nexport const maskBoth = style({\n  maskImage: `linear-gradient(to right,\n  transparent 0%,\n  black ${MASK_SIZE},\n  black calc(100% - ${MASK_SIZE}),\n  transparent 100%)`,\n});\n\nexport const wrapper = style({\n  width: 'max-content',\n});\n"],"mappings":";;;AAAA,SAAS,aAAa;AAEtB,SAAS,sBAAsB;AAE/B,IAAM,YAAY;AAEX,IAAM,aAAa,eAAe;AAAA,EACvC,OAAO;AAAA,EACP,WAAW;AAAA,EAEX,uBAAuB;AAAA,IACrB,SAAS;AAAA,EACX;AACF,CAAC;AAEM,IAAM,WAAW,MAAM;AAAA,EAC5B,WAAW;AAAA;AAAA,sBAES,SAAS;AAAA;AAE/B,CAAC;AAEM,IAAM,YAAY,MAAM;AAAA,EAC7B,WAAW;AAAA;AAAA,sBAES,SAAS;AAAA;AAE/B,CAAC;AAEM,IAAM,WAAW,MAAM;AAAA,EAC5B,WAAW;AAAA;AAAA,UAEH,SAAS;AAAA,sBACG,SAAS;AAAA;AAE/B,CAAC;AAEM,IAAM,UAAU,MAAM;AAAA,EAC3B,OAAO;AACT,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/ScrollArea/ScrollArea.mjs

@@ -1,59 +1,35 @@
 "use client";
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/ScrollArea/ScrollArea.tsx
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { useCombinedRefs } from "@kimdw-rtk/utils";
-import clsx from "clsx";
-import { useMouseScroll } from "#hooks/useMouseScroll.mjs";
-import { sx } from "#styles.mjs";
-import * as s from "./ScrollArea.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var ScrollArea = forwardRef(
-  ({ children, className, sx: propSx, ...props }, ref) => {
-    const scrollAreaRef = useRef(null);
-    const targetRef = useCombinedRefs(ref, scrollAreaRef);
-    const [hasLeftSpace, setHasLeftSpace] = useState(false);
-    const [hasRightSpace, setHasRightSpace] = useState(true);
-    useMouseScroll(scrollAreaRef);
-    useEffect(() => {
-      const element = scrollAreaRef.current;
-      if (element === null) {
-        return;
-      }
-      const handleScroll = () => {
-        setHasLeftSpace(element.scrollLeft !== 0);
-        setHasRightSpace(
-          Math.round(element.scrollLeft + element.clientWidth) < element.scrollWidth
-        );
-      };
-      handleScroll();
-      element.addEventListener("scroll", handleScroll);
-      return () => {
-        element.removeEventListener("scroll", handleScroll);
-      };
-    }, []);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: targetRef,
-        className: clsx(
-          s.scrollArea,
-          className,
-          sx(propSx),
-          hasLeftSpace && hasRightSpace && s.maskBoth,
-          hasLeftSpace && s.maskLeft,
-          hasRightSpace && s.maskRight
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx("div", { className: s.wrapper, children })
-      }
-    );
-  }
-);
-ScrollArea.displayName = "ScrollArea";
+import {
+  ScrollArea
+} from "../../chunk-MKBJ3TVL.mjs";
+import "../../chunk-R7R3E7TW.mjs";
+import "../../chunk-JL5TLDT5.mjs";
+import {
+  ScrollArea_css_exports
+} from "../../chunk-7E5FVWTQ.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   ScrollArea,
-  s as scrollAreaCss
+  ScrollArea_css_exports as scrollAreaCss
 };
-//# sourceMappingURL=ScrollArea.mjs.map
+//# sourceMappingURL=ScrollArea.mjs.map

package/dist/components/ScrollArea/ScrollArea.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useCombinedRefs } from '@kimdw-rtk/utils';\nimport clsx from 'clsx';\n\nimport { useMouseScroll } from '#hooks/useMouseScroll';\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './ScrollArea.css';\n\ntype ScrollAreaProps = UIComponent<'div'>;\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  ({ children, className, sx: propSx, ...props }, ref) => {\n    const scrollAreaRef = useRef<HTMLDivElement>(null);\n    const targetRef = useCombinedRefs(ref, scrollAreaRef);\n    const [hasLeftSpace, setHasLeftSpace] = useState<boolean>(false);\n    const [hasRightSpace, setHasRightSpace] = useState<boolean>(true);\n    useMouseScroll(scrollAreaRef);\n\n    useEffect(() => {\n      const element = scrollAreaRef.current;\n\n      if (element === null) {\n        return;\n      }\n\n      const handleScroll = () => {\n        setHasLeftSpace(element.scrollLeft !== 0);\n        setHasRightSpace(\n          Math.round(element.scrollLeft + element.clientWidth) <\n            element.scrollWidth,\n        );\n      };\n\n      handleScroll();\n\n      element.addEventListener('scroll', handleScroll);\n\n      return () => {\n        element.removeEventListener('scroll', handleScroll);\n      };\n    }, []);\n\n    return (\n      <div\n        ref={targetRef}\n        className={clsx(\n          s.scrollArea,\n          className,\n          sx(propSx),\n          hasLeftSpace && hasRightSpace && s.maskBoth,\n          hasLeftSpace && s.maskLeft,\n          hasRightSpace && s.maskRight,\n        )}\n        {...props}\n      >\n        <div className={s.wrapper}>{children}</div>\n      </div>\n    );\n  },\n);\nScrollArea.displayName = 'ScrollArea';\n\nexport { s as scrollAreaCss };\n"],"mappings":";;;;AAEA,SAAS,YAAY,WAAW,QAAQ,gBAAgB;AAExD,SAAS,uBAAuB;AAChC,OAAO,UAAU;AAEjB,SAAS,sBAAsB;AAC/B,SAAS,UAAU;AAGnB,YAAY,OAAO;AAiDX;AA7CD,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,UAAU,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACtD,UAAM,gBAAgB,OAAuB,IAAI;AACjD,UAAM,YAAY,gBAAgB,KAAK,aAAa;AACpD,UAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAC/D,UAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkB,IAAI;AAChE,mBAAe,aAAa;AAE5B,cAAU,MAAM;AACd,YAAM,UAAU,cAAc;AAE9B,UAAI,YAAY,MAAM;AACpB;AAAA,MACF;AAEA,YAAM,eAAe,MAAM;AACzB,wBAAgB,QAAQ,eAAe,CAAC;AACxC;AAAA,UACE,KAAK,MAAM,QAAQ,aAAa,QAAQ,WAAW,IACjD,QAAQ;AAAA,QACZ;AAAA,MACF;AAEA,mBAAa;AAEb,cAAQ,iBAAiB,UAAU,YAAY;AAE/C,aAAO,MAAM;AACX,gBAAQ,oBAAoB,UAAU,YAAY;AAAA,MACpD;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW;AAAA,UACP;AAAA,UACF;AAAA,UACA,GAAG,MAAM;AAAA,UACT,gBAAgB,iBAAmB;AAAA,UACnC,gBAAkB;AAAA,UAClB,iBAAmB;AAAA,QACrB;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,SAAI,WAAa,WAAU,UAAS;AAAA;AAAA,IACvC;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/ScrollArea/ScrollArea.spec.mjs

@@ -1,7 +1,37 @@
+import {
+  ScrollArea
+} from "../../chunk-MKBJ3TVL.mjs";
+import "../../chunk-R7R3E7TW.mjs";
+import "../../chunk-JL5TLDT5.mjs";
+import "../../chunk-7E5FVWTQ.mjs";
+import {
+  uiTest
+} from "../../chunk-XTY6JSSK.mjs";
+import "../../chunk-KFFUBVOO.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
+
 // src/components/ScrollArea/ScrollArea.spec.tsx
-import { uiTest } from "../../tests/uiTest.mjs";
-import { ScrollArea } from "./ScrollArea.mjs";
 describe("ScrollArea \uCEF4\uD3EC\uB10C\uD2B8", () => {
   uiTest(ScrollArea, "ScrollArea");
 });
-//# sourceMappingURL=ScrollArea.spec.mjs.map
+//# sourceMappingURL=ScrollArea.spec.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/ScrollArea/ScrollArea.spec.tsx"],"sourcesContent":["import { uiTest } from '../../tests/uiTest';\nimport { ScrollArea } from './ScrollArea';\n\ndescribe('ScrollArea 컴포넌트', () => {\n  uiTest(ScrollArea, 'ScrollArea');\n});\n"],"mappings":";AAAA,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,uCAAmB,MAAM;AAChC,SAAO,YAAY,YAAY;AACjC,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/ScrollArea/ScrollArea.spec.tsx"],
+  "sourcesContent": ["import { uiTest } from '../../tests/uiTest';\nimport { ScrollArea } from './ScrollArea';\n\ndescribe('ScrollArea \uCEF4\uD3EC\uB10C\uD2B8', () => {\n  uiTest(ScrollArea, 'ScrollArea');\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,uCAAmB,MAAM;AAChC,SAAO,YAAY,YAAY;AACjC,CAAC;",
+  "names": []
+}

package/dist/components/ScrollArea/index.mjs

@@ -1,3 +1,35 @@
-// src/components/ScrollArea/index.ts
-export * from "./ScrollArea.mjs";
-//# sourceMappingURL=index.mjs.map
+import "../../chunk-34E66B27.mjs";
+import {
+  ScrollArea
+} from "../../chunk-MKBJ3TVL.mjs";
+import "../../chunk-R7R3E7TW.mjs";
+import "../../chunk-JL5TLDT5.mjs";
+import {
+  ScrollArea_css_exports
+} from "../../chunk-7E5FVWTQ.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
+export {
+  ScrollArea,
+  ScrollArea_css_exports as scrollAreaCss
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/Select/Select.css.mjs

@@ -1,27 +1,25 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Select/Select.css.ts
-import { recipeWithLayer } from "#styleUtils.mjs";
-import { typography } from "#tokens.mjs";
-var select = recipeWithLayer({
-  base: {
-    position: "relative"
-  },
-  variants: {
-    size: {
-      sm: {
-        fontSize: typography.size.sm
-      },
-      md: {
-        fontSize: typography.size.md
-      },
-      lg: {
-        fontSize: typography.size.lg
-      }
-    }
-  }
-});
+import {
+  select
+} from "../../chunk-IESMIXIT.mjs";
+import "../../chunk-3DOILUMO.mjs";
+import "../../chunk-KBQACKDM.mjs";
+import "../../chunk-XWN5CKME.mjs";
+import "../../chunk-MRRMOBIN.mjs";
+import "../../chunk-P7O6MVCQ.mjs";
+import "../../chunk-ZDD3I6QG.mjs";
+import "../../chunk-HRD45GAF.mjs";
+import "../../chunk-BT3VUZN5.mjs";
+import "../../chunk-5KF5EDYA.mjs";
+import "../../chunk-MBHPGYUE.mjs";
+import "../../chunk-RC3PXB5N.mjs";
+import "../../chunk-AVNNHE4D.mjs";
+import "../../chunk-XOG2JHIV.mjs";
+import "../../chunk-7NZKF7UQ.mjs";
+import "../../chunk-P64V75GF.mjs";
+import "../../chunk-GAJYOAMV.mjs";
+import "../../chunk-VSQF5NYH.mjs";
+import "../../chunk-D57E6H3M.mjs";
 export {
   select
 };
-//# sourceMappingURL=Select.css.mjs.map
+//# sourceMappingURL=Select.css.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Select/Select.css.ts"],"sourcesContent":["import { recipeWithLayer } from '#styleUtils';\nimport { typography } from '#tokens';\n\nexport const select = recipeWithLayer({\n  base: {\n    position: 'relative',\n  },\n\n  variants: {\n    size: {\n      sm: {\n        fontSize: typography.size.sm,\n      },\n      md: {\n        fontSize: typography.size.md,\n      },\n      lg: {\n        fontSize: typography.size.lg,\n      },\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAEpB,IAAM,SAAS,gBAAgB;AAAA,EACpC,MAAM;AAAA,IACJ,UAAU;AAAA,EACZ;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU,WAAW,KAAK;AAAA,MAC5B;AAAA,MACA,IAAI;AAAA,QACF,UAAU,WAAW,KAAK;AAAA,MAC5B;AAAA,MACA,IAAI;AAAA,QACF,UAAU,WAAW,KAAK;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}