@kimdw-rtk/ui 0.0.17 → 0.0.20

package/dist/components/Select/SelectOptionList.mjs

@@ -1,48 +1,30 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Select/SelectOptionList.tsx
-import { useContext, useMemo, useRef } from "react";
-import clsx from "clsx";
-import { sprinkles } from "#styles.mjs";
-import { SelectContext } from "./SelectContext.mjs";
-import * as s from "./SelectOptionList.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var SelectOptionList = ({ children }) => {
-  const selectContext = useContext(SelectContext);
-  const containerRef = useRef(null);
-  if (!selectContext) {
-    throw new Error("SelectOption must be rendered within a Select.");
-  }
-  const { state } = selectContext;
-  const isAbove = useMemo(() => {
-    const container2 = containerRef.current;
-    const parent = state.containerRef.current;
-    if (!state.isActive || !container2 || !parent) {
-      return;
-    }
-    const parentRect = parent.getBoundingClientRect();
-    container2.style.display = "block";
-    const containerRect = container2.getBoundingClientRect();
-    container2.style.display = "";
-    if (containerRect.top + containerRect.height < window.innerHeight) {
-      return true;
-    }
-    return parentRect.top + parentRect.height / 2 < window.innerHeight / 2;
-  }, [state.isActive, state.containerRef]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: clsx(
-        s.container({ isVisible: state.isActive, isAbove }),
-        sprinkles({ boxShadow: "accent-sm" })
-      ),
-      children
-    }
-  );
-};
-var SelectOptionList_default = SelectOptionList;
+import {
+  SelectOptionList_default
+} from "../../chunk-FTMWTNWG.mjs";
+import "../../chunk-7MYGRT4R.mjs";
+import "../../chunk-2WFHG2YW.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 {
   SelectOptionList_default as default
 };
-//# sourceMappingURL=SelectOptionList.mjs.map
+//# sourceMappingURL=SelectOptionList.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Select/SelectOptionList.tsx"],"sourcesContent":["import { useContext, useMemo, useRef, type ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sprinkles } from '#styles';\n\nimport { SelectContext } from './SelectContext';\nimport * as s from './SelectOptionList.css';\n\ninterface SelectOptionListProps {\n  children: ReactNode;\n}\n\nconst SelectOptionList = ({ children }: SelectOptionListProps) => {\n  const selectContext = useContext(SelectContext);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  if (!selectContext) {\n    throw new Error('SelectOption must be rendered within a Select.');\n  }\n\n  const { state } = selectContext;\n\n  const isAbove = useMemo(() => {\n    const container = containerRef.current;\n    const parent = state.containerRef.current;\n\n    if (!state.isActive || !container || !parent) {\n      return;\n    }\n\n    const parentRect = parent.getBoundingClientRect();\n    container.style.display = 'block';\n    const containerRect = container.getBoundingClientRect();\n    container.style.display = '';\n\n    // 하단에 리스트를 모두 보여줄 공간이 충분한 경우\n    if (containerRect.top + containerRect.height < window.innerHeight) {\n      return true;\n    }\n\n    // 그렇지 않으면 parent의 상단/하단 중 공간이 더 넓은 쪽으로 리스트를 보여줌\n    return parentRect.top + parentRect.height / 2 < window.innerHeight / 2;\n  }, [state.isActive, state.containerRef]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(\n        s.container({ isVisible: state.isActive, isAbove }),\n        sprinkles({ boxShadow: 'accent-sm' }),\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default SelectOptionList;\n"],"mappings":";;;AAAA,SAAS,YAAY,SAAS,cAA8B;AAE5D,OAAO,UAAU;AAEjB,SAAS,iBAAiB;AAE1B,SAAS,qBAAqB;AAC9B,YAAY,OAAO;AAuCf;AAjCJ,IAAM,mBAAmB,CAAC,EAAE,SAAS,MAA6B;AAChE,QAAM,gBAAgB,WAAW,aAAa;AAC9C,QAAM,eAAe,OAAuB,IAAI;AAEhD,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,UAAU,QAAQ,MAAM;AAC5B,UAAMA,aAAY,aAAa;AAC/B,UAAM,SAAS,MAAM,aAAa;AAElC,QAAI,CAAC,MAAM,YAAY,CAACA,cAAa,CAAC,QAAQ;AAC5C;AAAA,IACF;AAEA,UAAM,aAAa,OAAO,sBAAsB;AAChD,IAAAA,WAAU,MAAM,UAAU;AAC1B,UAAM,gBAAgBA,WAAU,sBAAsB;AACtD,IAAAA,WAAU,MAAM,UAAU;AAG1B,QAAI,cAAc,MAAM,cAAc,SAAS,OAAO,aAAa;AACjE,aAAO;AAAA,IACT;AAGA,WAAO,WAAW,MAAM,WAAW,SAAS,IAAI,OAAO,cAAc;AAAA,EACvE,GAAG,CAAC,MAAM,UAAU,MAAM,YAAY,CAAC;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,QACP,YAAU,EAAE,WAAW,MAAM,UAAU,QAAQ,CAAC;AAAA,QAClD,UAAU,EAAE,WAAW,YAAY,CAAC;AAAA,MACtC;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,2BAAQ;","names":["container"]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,68 +1,25 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Select/SelectTrigger.css.ts
-import { style } from "@vanilla-extract/css";
-import { recipe } from "@vanilla-extract/recipes";
-import { theme } from "#themes.mjs";
-var children = style({
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-});
-var icon = recipe({
-  base: {
-    flexShrink: "0",
-    lineHeight: "0",
-    transition: "color 0.2s ease, transform 0.2s ease"
-  },
-  variants: {
-    isActive: {
-      false: {
-        transform: "rotate(0)"
-      },
-      true: {
-        color: `rgb(${theme.color.primary})`,
-        transform: "rotate(-180deg)"
-      }
-    }
-  }
-});
-var selectTrigger = recipe({
-  base: {
-    display: "flex",
-    alignItems: "center",
-    gap: "0.5em",
-    justifyContent: "space-between",
-    width: "100%",
-    transition: "border-color 0.2s ease",
-    cursor: "pointer",
-    userSelect: "none"
-  },
-  variants: {
-    isActive: {
-      true: {
-        borderColor: `rgb(${theme.color.primary})`
-      }
-    },
-    variant: {
-      contained: {
-        padding: "0.75em 0.75em",
-        borderRadius: theme.borderRadius,
-        backgroundColor: `rgb(${theme.color.secondary})`
-      },
-      outlined: {
-        padding: "0.75em 0.5em",
-        border: "1px solid",
-        borderColor: `rgb(${theme.color.border})`,
-        borderRadius: theme.borderRadius,
-        backgroundColor: `rgb(${theme.color.background})`
-      }
-    }
-  }
-});
+import {
+  children,
+  icon,
+  selectTrigger
+} from "../../chunk-VQGHCB66.mjs";
+import "../../chunk-KBQACKDM.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 {
   children,
   icon,
   selectTrigger
 };
-//# sourceMappingURL=SelectTrigger.css.mjs.map
+//# sourceMappingURL=SelectTrigger.css.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Select/SelectTrigger.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { theme } from '#themes';\n\nexport const children = style({\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const icon = recipe({\n  base: {\n    flexShrink: '0',\n\n    lineHeight: '0',\n\n    transition: 'color 0.2s ease, transform 0.2s ease',\n  },\n\n  variants: {\n    isActive: {\n      false: {\n        transform: 'rotate(0)',\n      },\n      true: {\n        color: `rgb(${theme.color.primary})`,\n\n        transform: 'rotate(-180deg)',\n      },\n    },\n  },\n});\n\nexport const selectTrigger = recipe({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.5em',\n    justifyContent: 'space-between',\n\n    width: '100%',\n\n    transition: 'border-color 0.2s ease',\n\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n\n  variants: {\n    isActive: {\n      true: {\n        borderColor: `rgb(${theme.color.primary})`,\n      },\n    },\n    variant: {\n      contained: {\n        padding: '0.75em 0.75em',\n        borderRadius: theme.borderRadius,\n\n        backgroundColor: `rgb(${theme.color.secondary})`,\n      },\n      outlined: {\n        padding: '0.75em 0.5em',\n        border: '1px solid',\n        borderColor: `rgb(${theme.color.border})`,\n        borderRadius: theme.borderRadius,\n\n        backgroundColor: `rgb(${theme.color.background})`,\n      },\n    },\n  },\n});\n"],"mappings":";;;AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,aAAa;AAEf,IAAM,WAAW,MAAM;AAAA,EAC5B,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd,CAAC;AAEM,IAAM,OAAO,OAAO;AAAA,EACzB,MAAM;AAAA,IACJ,YAAY;AAAA,IAEZ,YAAY;AAAA,IAEZ,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,OAAO,OAAO,MAAM,MAAM,OAAO;AAAA,QAEjC,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,IAAM,gBAAgB,OAAO;AAAA,EAClC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB;AAAA,IAEhB,OAAO;AAAA,IAEP,YAAY;AAAA,IAEZ,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AAAA,EAEA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,aAAa,OAAO,MAAM,MAAM,OAAO;AAAA,MACzC;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,QACT,cAAc,MAAM;AAAA,QAEpB,iBAAiB,OAAO,MAAM,MAAM,SAAS;AAAA,MAC/C;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,aAAa,OAAO,MAAM,MAAM,MAAM;AAAA,QACtC,cAAc,MAAM;AAAA,QAEpB,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Select/SelectTrigger.mjs

@@ -1,45 +1,30 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Select/SelectTrigger.tsx
-import { useContext } from "react";
-import clsx from "clsx";
-import { ChevronDownIcon } from "lucide-react";
-import { sx } from "#styles.mjs";
-import { SelectContext } from "./SelectContext.mjs";
-import * as s from "./SelectTrigger.css.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SelectTrigger = ({
-  children: children2,
-  className,
-  variant,
-  sx: propSx
-}) => {
-  const selectContext = useContext(SelectContext);
-  if (!selectContext) {
-    throw new Error("SelectTrigger must be rendered within a Select.");
-  }
-  const { state, dispatch } = selectContext;
-  const handleClick = () => {
-    dispatch({ type: "TOGGLE" });
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(
-        s.selectTrigger({ isActive: state.isActive, variant }),
-        className,
-        sx(propSx)
-      ),
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: s.children, children: children2 }),
-        /* @__PURE__ */ jsx("span", { className: s.icon({ isActive: state.isActive }), children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: "1em", strokeWidth: "2px" }) })
-      ]
-    }
-  );
-};
-var SelectTrigger_default = SelectTrigger;
+import {
+  SelectTrigger_default
+} from "../../chunk-GT7GN2QG.mjs";
+import "../../chunk-VQGHCB66.mjs";
+import "../../chunk-7MYGRT4R.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-SO4CXB6J.mjs";
+import "../../chunk-3BVACFSH.mjs";
+import "../../chunk-QB7MZLGH.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 {
   SelectTrigger_default as default
 };
-//# sourceMappingURL=SelectTrigger.mjs.map
+//# sourceMappingURL=SelectTrigger.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["import { useContext } from 'react';\n\nimport clsx from 'clsx';\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport { SelectContext } from './SelectContext';\nimport * as s from './SelectTrigger.css';\n\ntype SelectTriggerProps = UIComponent<'div', typeof s.selectTrigger>;\n\nconst SelectTrigger = ({\n  children,\n  className,\n  variant,\n  sx: propSx,\n}: SelectTriggerProps) => {\n  const selectContext = useContext(SelectContext);\n\n  if (!selectContext) {\n    throw new Error('SelectTrigger must be rendered within a Select.');\n  }\n\n  const { state, dispatch } = selectContext;\n\n  const handleClick = () => {\n    dispatch({ type: 'TOGGLE' });\n  };\n\n  return (\n    <div\n      className={clsx(\n        s.selectTrigger({ isActive: state.isActive, variant }),\n        className,\n        sx(propSx),\n      )}\n      onClick={handleClick}\n    >\n      <span className={s.children}>{children}</span>\n      <span className={s.icon({ isActive: state.isActive })}>\n        <ChevronDownIcon size=\"1em\" strokeWidth=\"2px\" />\n      </span>\n    </div>\n  );\n};\n\nexport default SelectTrigger;\n"],"mappings":";;;AAAA,SAAS,kBAAkB;AAE3B,OAAO,UAAU;AACjB,SAAS,uBAAuB;AAEhC,SAAS,UAAU;AAGnB,SAAS,qBAAqB;AAC9B,YAAY,OAAO;AAuBf,SAQE,KARF;AAnBJ,IAAM,gBAAgB,CAAC;AAAA,EACrB,UAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI;AACN,MAA0B;AACxB,QAAM,gBAAgB,WAAW,aAAa;AAE9C,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,iDAAiD;AAAA,EACnE;AAEA,QAAM,EAAE,OAAO,SAAS,IAAI;AAE5B,QAAM,cAAc,MAAM;AACxB,aAAS,EAAE,MAAM,SAAS,CAAC;AAAA,EAC7B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACP,gBAAc,EAAE,UAAU,MAAM,UAAU,QAAQ,CAAC;AAAA,QACrD;AAAA,QACA,GAAG,MAAM;AAAA,MACX;AAAA,MACA,SAAS;AAAA,MAET;AAAA,4BAAC,UAAK,WAAa,YAAW,UAAAA,WAAS;AAAA,QACvC,oBAAC,UAAK,WAAa,OAAK,EAAE,UAAU,MAAM,SAAS,CAAC,GAClD,8BAAC,mBAAgB,MAAK,OAAM,aAAY,OAAM,GAChD;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,wBAAQ;","names":["children"]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Select/index.mjs

@@ -1,4 +1,45 @@
-// src/components/Select/index.tsx
-export * from "./Select.mjs";
-export * from "./SelectOption.mjs";
-//# sourceMappingURL=index.mjs.map
+import "../../chunk-XID2AJCU.mjs";
+import {
+  Select
+} from "../../chunk-GVJA7DQA.mjs";
+import "../../chunk-FTMWTNWG.mjs";
+import "../../chunk-GT7GN2QG.mjs";
+import "../../chunk-VQGHCB66.mjs";
+import {
+  Select_css_exports
+} from "../../chunk-IESMIXIT.mjs";
+import {
+  SelectOption
+} from "../../chunk-AWNE44MO.mjs";
+import "../../chunk-7MYGRT4R.mjs";
+import "../../chunk-W2ZZ73OE.mjs";
+import "../../chunk-2WFHG2YW.mjs";
+import "../../chunk-JL5TLDT5.mjs";
+import "../../chunk-QJVDQ4DQ.mjs";
+import "../../chunk-SO4CXB6J.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 {
+  Select,
+  SelectOption,
+  Select_css_exports as selectCss
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/Skeleton/Skeleton.css.mjs

@@ -1,26 +1,25 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Skeleton/Skeleton.css.ts
-import { keyframes } from "@vanilla-extract/css";
-import { styleWithLayer } from "#styleUtils.mjs";
-import { theme } from "#themes.mjs";
-var shimmer = keyframes({
-  "0%": {
-    backgroundPosition: "-300% 0"
-  },
-  "100%": {
-    backgroundPosition: "300% 0"
-  }
-});
-var skeleton = styleWithLayer({
-  display: "block",
-  maxWidth: "100%",
-  borderRadius: theme.borderRadius,
-  background: `linear-gradient(90deg, rgba(${theme.color.accent}, 0.4) 30%, rgba(${theme.color.accent}, 0.2) 65%, rgba(${theme.color.accent}, 0.4))`,
-  backgroundSize: "300% 100%",
-  animation: `${shimmer} 5s linear 0s infinite`
-});
+import {
+  skeleton
+} from "../../chunk-MW2QFW2T.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 {
   skeleton
 };
-//# sourceMappingURL=Skeleton.css.mjs.map
+//# sourceMappingURL=Skeleton.css.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Skeleton/Skeleton.css.ts"],"sourcesContent":["import { keyframes } from '@vanilla-extract/css';\n\nimport { styleWithLayer } from '#styleUtils';\nimport { theme } from '#themes';\n\nconst shimmer = keyframes({\n  '0%': {\n    backgroundPosition: '-300% 0',\n  },\n\n  '100%': {\n    backgroundPosition: '300% 0',\n  },\n});\n\nexport const skeleton = styleWithLayer({\n  display: 'block',\n\n  maxWidth: '100%',\n  borderRadius: theme.borderRadius,\n\n  background: `linear-gradient(90deg, rgba(${theme.color.accent}, 0.4) 30%, rgba(${theme.color.accent}, 0.2) 65%, rgba(${theme.color.accent}, 0.4))`,\n  backgroundSize: '300% 100%',\n\n  animation: `${shimmer} 5s linear 0s infinite`,\n});\n"],"mappings":";;;AAAA,SAAS,iBAAiB;AAE1B,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAEtB,IAAM,UAAU,UAAU;AAAA,EACxB,MAAM;AAAA,IACJ,oBAAoB;AAAA,EACtB;AAAA,EAEA,QAAQ;AAAA,IACN,oBAAoB;AAAA,EACtB;AACF,CAAC;AAEM,IAAM,WAAW,eAAe;AAAA,EACrC,SAAS;AAAA,EAET,UAAU;AAAA,EACV,cAAc,MAAM;AAAA,EAEpB,YAAY,+BAA+B,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,MAAM,oBAAoB,MAAM,MAAM,MAAM;AAAA,EACzI,gBAAgB;AAAA,EAEhB,WAAW,GAAG,OAAO;AACvB,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Skeleton/Skeleton.spec.mjs

@@ -1,7 +1,35 @@
+import {
+  Skeleton
+} from "../../chunk-YLHVM6FZ.mjs";
+import "../../chunk-MW2QFW2T.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/Skeleton/Skeleton.spec.tsx
-import { Skeleton } from "./index.mjs";
-import { uiTest } from "../../tests/uiTest.mjs";
 describe("Skeleton \uCEF4\uD3EC\uB10C\uD2B8", () => {
   uiTest(Skeleton, "Skeleton");
 });
-//# sourceMappingURL=Skeleton.spec.mjs.map
+//# sourceMappingURL=Skeleton.spec.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Skeleton/Skeleton.spec.tsx"],"sourcesContent":["import { Skeleton } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Skeleton 컴포넌트', () => {\n  uiTest(Skeleton, 'Skeleton');\n});\n"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,qCAAiB,MAAM;AAC9B,SAAO,UAAU,UAAU;AAC7B,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/Skeleton/Skeleton.spec.tsx"],
+  "sourcesContent": ["import { Skeleton } from '.';\nimport { uiTest } from '../../tests/uiTest';\n\ndescribe('Skeleton \uCEF4\uD3EC\uB10C\uD2B8', () => {\n  uiTest(Skeleton, 'Skeleton');\n});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAAS,qCAAiB,MAAM;AAC9B,SAAO,UAAU,UAAU;AAC7B,CAAC;",
+  "names": []
+}

package/dist/components/Skeleton/index.mjs

@@ -1,26 +1,29 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Skeleton/index.tsx
-import { forwardRef } from "react";
-import { clsx } from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./Skeleton.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var Skeleton = forwardRef(
-  ({ className, width, height, style, sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: clsx(s.skeleton, className, sx(propSx)),
-        style: { ...style, width, height },
-        ...props
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
+import {
+  Skeleton
+} from "../../chunk-YLHVM6FZ.mjs";
+import "../../chunk-MW2QFW2T.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 {
   Skeleton
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Skeleton/index.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties } from 'react';\n\nimport { clsx } from 'clsx';\n\nimport { sx } from '#styles';\nimport type { UIComponent } from '#types';\n\nimport * as s from './Skeleton.css';\n\ninterface SkeletonProps extends UIComponent<'div'> {\n  width?: CSSProperties['width'];\n  height?: CSSProperties['height'];\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, width, height, style, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(s.skeleton, className, sx(propSx))}\n        style={{ ...style, width, height }}\n        {...props}\n      />\n    );\n  },\n);\nSkeleton.displayName = 'Skeleton';\n"],"mappings":";;;AAAA,SAAS,kBAAsC;AAE/C,SAAS,YAAY;AAErB,SAAS,UAAU;AAGnB,YAAY,OAAO;AAUb;AAHC,IAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,OAAO,QAAQ,OAAO,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAClE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAO,YAAU,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,OAAO,EAAE,GAAG,OAAO,OAAO,OAAO;AAAA,QAChC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Table/Table.css.mjs

@@ -1,15 +1,27 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Table/Table.css.ts
-import { styleWithLayer } from "#styleUtils.mjs";
-var table = styleWithLayer({
-  width: "100%",
-  tableLayout: "fixed",
-  borderSpacing: "0"
-});
-var striped = styleWithLayer({});
+import {
+  striped,
+  table
+} from "../../chunk-AQ2YSKXF.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 {
   striped,
   table
 };
-//# sourceMappingURL=Table.css.mjs.map
+//# sourceMappingURL=Table.css.mjs.map

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

@@ -1 +1,7 @@
-{"version":3,"sources":["../../../src/components/Table/Table.css.ts"],"sourcesContent":["import { styleWithLayer } from '#styleUtils';\n\nexport const table = styleWithLayer({\n  width: '100%',\n\n  tableLayout: 'fixed',\n  borderSpacing: '0',\n});\n\nexport const striped = styleWithLayer({});\n"],"mappings":";;;AAAA,SAAS,sBAAsB;AAExB,IAAM,QAAQ,eAAe;AAAA,EAClC,OAAO;AAAA,EAEP,aAAa;AAAA,EACb,eAAe;AACjB,CAAC;AAEM,IAAM,UAAU,eAAe,CAAC,CAAC;","names":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/Table/Table.mjs

@@ -1,26 +1,32 @@
-import "../../chunk-IEP6GGEX.mjs";
-
-// src/components/Table/Table.tsx
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { sx } from "#styles.mjs";
-import * as s from "./Table.css.mjs";
-import { jsx } from "react/jsx-runtime";
-var Table = forwardRef(
-  ({ isStriped, className, sx: propSx, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "table",
-      {
-        ref,
-        className: clsx(s.table, isStriped && s.striped, sx(propSx), className),
-        ...props
-      }
-    );
-  }
-);
-Table.displayName = "Table";
+import {
+  Table
+} from "../../chunk-ZP5V7DTU.mjs";
+import {
+  Table_css_exports
+} from "../../chunk-AQ2YSKXF.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 {
   Table,
-  s as tableCss
+  Table_css_exports as tableCss
 };
-//# sourceMappingURL=Table.mjs.map
+//# sourceMappingURL=Table.mjs.map