@kimdw-rtk/ui 0.0.18 → 0.0.20

package/dist/components/Navigation/NavigationMenu.mjs

@@ -1,23 +1,34 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles";
-import * as s from "./NavigationMenu.css";
-const NavigationMenu = forwardRef(
-  ({ className, sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: clsx(s.navigationMenu, className, sx(propSx)),
-        ...props
-      }
-    );
-  }
-);
-NavigationMenu.displayName = "NavigationMenu";
+import {
+  NavigationMenu
+} from "../../chunk-P7RFQ4ZN.mjs";
+import {
+  NavigationMenu_css_exports
+} from "../../chunk-ZPQFOD2J.mjs";
+import "../../chunk-SMSD7KQC.mjs";
+import "../../chunk-LB2ZL6PH.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 {
   NavigationMenu,
-  s as navigationMenuCss
+  NavigationMenu_css_exports as navigationMenuCss
 };
-//# sourceMappingURL=NavigationMenu.mjs.map
+//# sourceMappingURL=NavigationMenu.mjs.map

package/dist/components/Navigation/NavigationMenu.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/NavigationMenu.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 './NavigationMenu.css';\n\ntype NavigationMenuProps = UIComponent<'div'>;\n\nexport const NavigationMenu = forwardRef<HTMLDivElement, NavigationMenuProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.navigationMenu, className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nNavigationMenu.displayName = 'NavigationMenu';\n\nexport { s as navigationMenuCss };\n"],"mappings":"AAcM;AAdN,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAIZ,MAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,EAAE,gBAAgB,WAAW,GAAG,MAAM,CAAC;AAAA,QACtD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Navigation/index.mjs

@@ -1,8 +1,143 @@
-export * from "./NavigationAside";
-export * from "./NavigationBar";
-export * from "./NavigationContainer";
-export * from "./NavigationDrawer";
-export * from "./NavigationItem";
-export * from "./NavigationLogo";
-export * from "./NavigationMenu";
-//# sourceMappingURL=index.mjs.map
+import {
+  NavigationDrawer
+} from "../../chunk-CYEA26C2.mjs";
+import "../../chunk-WJDRFQEL.mjs";
+import "../../chunk-YGZR6ZHF.mjs";
+import "../../chunk-CTR67SPK.mjs";
+import "../../chunk-NGBGBZIA.mjs";
+import "../../chunk-3TEECTEU.mjs";
+import "../../chunk-YPBKY4KY.mjs";
+import "../../chunk-RJNVHMG3.mjs";
+import "../../chunk-R3YFMJNK.mjs";
+import "../../chunk-2MPNSJ7L.mjs";
+import "../../chunk-NL5D6TSN.mjs";
+import "../../chunk-455US7NO.mjs";
+import "../../chunk-YSWSIZRW.mjs";
+import "../../chunk-R7D6LSFB.mjs";
+import "../../chunk-XCRKMOR5.mjs";
+import "../../chunk-IBGFUFFR.mjs";
+import "../../chunk-KKIH6GWN.mjs";
+import "../../chunk-ENIPJ5MJ.mjs";
+import "../../chunk-NMXGRXPZ.mjs";
+import "../../chunk-BLJ4C7CC.mjs";
+import "../../chunk-MBU4ZZMW.mjs";
+import "../../chunk-EZPSJANN.mjs";
+import "../../chunk-ZP5V7DTU.mjs";
+import "../../chunk-EMHL3KE2.mjs";
+import "../../chunk-BPBPOD3V.mjs";
+import "../../chunk-JWH433FN.mjs";
+import "../../chunk-QKSJOEK7.mjs";
+import "../../chunk-NAWVFME3.mjs";
+import "../../chunk-BK6EITML.mjs";
+import "../../chunk-GLIP4B4W.mjs";
+import "../../chunk-YLHVM6FZ.mjs";
+import "../../chunk-MW2QFW2T.mjs";
+import "../../chunk-AQ2YSKXF.mjs";
+import "../../chunk-34E66B27.mjs";
+import "../../chunk-XID2AJCU.mjs";
+import "../../chunk-GVJA7DQA.mjs";
+import "../../chunk-FTMWTNWG.mjs";
+import "../../chunk-GT7GN2QG.mjs";
+import "../../chunk-VQGHCB66.mjs";
+import "../../chunk-IESMIXIT.mjs";
+import "../../chunk-AWNE44MO.mjs";
+import "../../chunk-7MYGRT4R.mjs";
+import "../../chunk-W2ZZ73OE.mjs";
+import "../../chunk-2WFHG2YW.mjs";
+import "../../chunk-GEL32YK3.mjs";
+import "../../chunk-WSKWQTO5.mjs";
+import "../../chunk-BPXPTOKH.mjs";
+import "../../chunk-YYDUIOTW.mjs";
+import "../../chunk-MKBJ3TVL.mjs";
+import "../../chunk-R7R3E7TW.mjs";
+import "../../chunk-JL5TLDT5.mjs";
+import "../../chunk-7E5FVWTQ.mjs";
+import {
+  NavigationItem
+} from "../../chunk-365RDTP4.mjs";
+import "../../chunk-7JP3LYPL.mjs";
+import {
+  NavigationLogo
+} from "../../chunk-EL5D5UFZ.mjs";
+import "../../chunk-DVQXTZIW.mjs";
+import {
+  NavigationMenu
+} from "../../chunk-P7RFQ4ZN.mjs";
+import {
+  NavigationMenu_css_exports
+} from "../../chunk-ZPQFOD2J.mjs";
+import "../../chunk-SMSD7KQC.mjs";
+import {
+  NavigationAside
+} from "../../chunk-MUTUVSBC.mjs";
+import "../../chunk-HH5ONOZI.mjs";
+import {
+  NavigationBar
+} from "../../chunk-6UTDKUCL.mjs";
+import {
+  NavigationBar_css_exports
+} from "../../chunk-LB2ZL6PH.mjs";
+import {
+  NavigationContainer
+} from "../../chunk-PHDFLY3V.mjs";
+import "../../chunk-7O5GPAWT.mjs";
+import "../../chunk-OVCHAMNO.mjs";
+import "../../chunk-3QDDQQWR.mjs";
+import "../../chunk-FIW4QCEX.mjs";
+import "../../chunk-T4PP2UZL.mjs";
+import "../../chunk-BWDKLUDE.mjs";
+import "../../chunk-N35E7W2X.mjs";
+import "../../chunk-3YZLVHFV.mjs";
+import "../../chunk-A3AH63XW.mjs";
+import "../../chunk-NXK7NS3Z.mjs";
+import "../../chunk-CNHGBEJR.mjs";
+import "../../chunk-HK3UBRZS.mjs";
+import "../../chunk-XXMQJZUF.mjs";
+import "../../chunk-6DDAI64X.mjs";
+import "../../chunk-JEPXGFMX.mjs";
+import "../../chunk-YJLRG5U3.mjs";
+import "../../chunk-WZHWRBOT.mjs";
+import "../../chunk-EO3Y3BYG.mjs";
+import "../../chunk-RRNRBLG6.mjs";
+import "../../chunk-6R4BEU23.mjs";
+import "../../chunk-5BGMNH5Y.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-EUM3RGEU.mjs";
+import "../../chunk-BNMVSGHE.mjs";
+import "../../chunk-PCCDR4JX.mjs";
+import "../../chunk-SO4CXB6J.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-4HE7QAS2.mjs";
+import "../../chunk-QB7MZLGH.mjs";
+import "../../chunk-BKCR5453.mjs";
+import "../../chunk-WVWYRS4M.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 {
+  NavigationAside,
+  NavigationBar,
+  NavigationContainer,
+  NavigationDrawer,
+  NavigationItem,
+  NavigationLogo,
+  NavigationMenu,
+  NavigationBar_css_exports as navigationBarCss,
+  NavigationMenu_css_exports as navigationMenuCss
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Navigation/index.ts"],"sourcesContent":["export * from './NavigationAside';\nexport * from './NavigationBar';\nexport * from './NavigationContainer';\nexport * from './NavigationDrawer';\nexport * from './NavigationItem';\nexport * from './NavigationLogo';\nexport * from './NavigationMenu';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Range/Range.css.mjs

@@ -1,106 +1,31 @@
-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][100]
-      }
-    })
-  }),
-  {}
-);
-const range = recipeWithLayer({
-  base: {
-    position: "relative",
-    width: "100%",
-    height: "2em",
-    userSelect: "none"
-  },
-  variants: {
-    color: {
-      ...semanticColors,
-      ...scaleColors
-    },
-    size: {
-      sm: {
-        fontSize: "0.75em"
-      },
-      md: {
-        fontSize: "1em"
-      },
-      lg: {
-        fontSize: "1.25em"
-      }
-    }
-  }
-});
-const thumb = styleWithLayer({
-  display: "inline-block",
-  position: "absolute",
-  top: "50%",
-  width: "1.25em",
-  height: "1.25em",
-  borderRadius: "50%",
-  boxShadow: `0 0 0.375em 0.125em rgba(${backgroundVar}, 0.33)`,
-  backgroundColor: `rgb(${backgroundVar})`,
-  transform: "translate(-50%, -50%)",
-  cursor: "pointer",
-  "::before": {
-    position: "absolute",
-    inset: "-0.75em",
-    content: ""
-  },
-  "::after": {
-    position: "absolute",
-    inset: "0",
-    borderRadius: "50%",
-    boxShadow: `0 0 0.5em 0.125em rgba(${backgroundVar}, 0.5)`,
-    opacity: "0",
-    transition: "opacity 0.2s ease",
-    content: ""
-  },
-  selectors: {
-    "&:hover::after": {
-      opacity: "1"
-    }
-  }
-});
-const fill = styleWithLayer({
-  position: "absolute",
-  top: "0",
-  height: "100%",
-  backgroundColor: `rgb(${backgroundVar})`
-});
-const bar = styleWithLayer({
-  position: "absolute",
-  top: "50%",
-  width: "100%",
-  height: "0.5em",
-  borderRadius: theme.borderRadius,
-  backgroundColor: `rgb(${theme.color.muted})`,
-  transform: "translateY(-50%)"
-});
+import {
+  bar,
+  fill,
+  range,
+  thumb
+} from "../../chunk-YYDUIOTW.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 {
   bar,
   fill,
   range,
   thumb
 };
-//# sourceMappingURL=Range.css.mjs.map
+//# sourceMappingURL=Range.css.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Range/Range.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][100],\n      },\n    }),\n  }),\n  {} as Record<ScaleColor, string>,\n);\n\nexport const range = recipeWithLayer({\n  base: {\n    position: 'relative',\n\n    width: '100%',\n    height: '2em',\n\n    userSelect: 'none',\n  },\n\n  variants: {\n    color: {\n      ...semanticColors,\n      ...scaleColors,\n    },\n\n    size: {\n      sm: {\n        fontSize: '0.75em',\n      },\n\n      md: {\n        fontSize: '1em',\n      },\n\n      lg: {\n        fontSize: '1.25em',\n      },\n    },\n  },\n});\n\nexport const thumb = styleWithLayer({\n  display: 'inline-block',\n  position: 'absolute',\n  top: '50%',\n\n  width: '1.25em',\n  height: '1.25em',\n\n  borderRadius: '50%',\n\n  boxShadow: `0 0 0.375em 0.125em rgba(${backgroundVar}, 0.33)`,\n  backgroundColor: `rgb(${backgroundVar})`,\n\n  transform: 'translate(-50%, -50%)',\n\n  cursor: 'pointer',\n\n  '::before': {\n    position: 'absolute',\n    inset: '-0.75em',\n\n    content: '',\n  },\n\n  '::after': {\n    position: 'absolute',\n    inset: '0',\n\n    borderRadius: '50%',\n\n    boxShadow: `0 0 0.5em 0.125em rgba(${backgroundVar}, 0.5)`,\n\n    opacity: '0',\n    transition: 'opacity 0.2s ease',\n\n    content: '',\n  },\n\n  selectors: {\n    '&:hover::after': {\n      opacity: '1',\n    },\n  },\n});\n\nexport const fill = styleWithLayer({\n  position: 'absolute',\n  top: '0',\n\n  height: '100%',\n\n  backgroundColor: `rgb(${backgroundVar})`,\n});\n\nexport const bar = styleWithLayer({\n  position: 'absolute',\n  top: '50%',\n\n  width: '100%',\n  height: '0.5em',\n  borderRadius: theme.borderRadius,\n\n  backgroundColor: `rgb(${theme.color.muted})`,\n\n  transform: 'translateY(-50%)',\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,QAAQ,gBAAgB;AAAA,EACnC,MAAM;AAAA,IACJ,UAAU;AAAA,IAEV,OAAO;AAAA,IACP,QAAQ;AAAA,IAER,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IAEA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,MAEA,IAAI;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,MAEA,IAAI;AAAA,QACF,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,QAAQ,eAAe;AAAA,EAClC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,KAAK;AAAA,EAEL,OAAO;AAAA,EACP,QAAQ;AAAA,EAER,cAAc;AAAA,EAEd,WAAW,4BAA4B,aAAa;AAAA,EACpD,iBAAiB,OAAO,aAAa;AAAA,EAErC,WAAW;AAAA,EAEX,QAAQ;AAAA,EAER,YAAY;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IAEP,cAAc;AAAA,IAEd,WAAW,0BAA0B,aAAa;AAAA,IAElD,SAAS;AAAA,IACT,YAAY;AAAA,IAEZ,SAAS;AAAA,EACX;AAAA,EAEA,WAAW;AAAA,IACT,kBAAkB;AAAA,MAChB,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;AAEM,MAAM,OAAO,eAAe;AAAA,EACjC,UAAU;AAAA,EACV,KAAK;AAAA,EAEL,QAAQ;AAAA,EAER,iBAAiB,OAAO,aAAa;AACvC,CAAC;AAEM,MAAM,MAAM,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,KAAK;AAAA,EAEL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc,MAAM;AAAA,EAEpB,iBAAiB,OAAO,MAAM,MAAM,KAAK;AAAA,EAEzC,WAAW;AACb,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Range/Range.mjs

@@ -1,72 +1,34 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles";
-import { usePointerSlider } from "../../hooks/usePointerSlider";
-import * as s from "./Range.css";
-const 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":";AAkEM,SAMI,KANJ;AAhEN,SAAS,YAAY,WAAW,cAAc;AAE9C,OAAO,UAAU;AAEjB,SAAS,UAAU;AAGnB,SAAS,wBAAwB;AACjC,YAAY,OAAO;AAWZ,MAAM,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,KAAK,EAAE,MAAM,EAAE,OAAO,KAAK,CAAC,GAAG,WAAW,GAAG,MAAM,CAAC;AAAA,QAC9D,GAAG;AAAA,QAEJ;AAAA,8BAAC,SAAI,WAAW,EAAE,KAChB;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,WAAW,EAAE;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,WAAW,EAAE,OAAO;AAAA,UAC7C,oBAAC,UAAK,KAAK,eAAe,WAAW,EAAE,OAAO;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,6 +1,36 @@
-import { uiTest } from "../../tests/uiTest";
-import { Range } from "./Range";
+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
 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,2 +1,34 @@
-export * from "./Range";
-//# 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": []
+}