@kimdw-rtk/ui 0.0.18 → 0.0.20

package/dist/chunk-EL5D5UFZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Navigation/NavigationLogo.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 './NavigationLogo.css';\n\ntype NavigationLogoProps = UIComponent<'div'>;\n\nexport const NavigationLogo = forwardRef<HTMLDivElement, NavigationLogoProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          s.navigationLogo,\n          className,\n          sx({ marginRight: { mobile: 'lg', desktop: '3xl' } }),\n          sx(propSx),\n        )}\n        {...props}\n      />\n    );\n  },\n);\nNavigationLogo.displayName = 'NavigationLogo';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,qBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACP;AAAA,UACF;AAAA,UACA,GAAG,EAAE,aAAa,EAAE,QAAQ,MAAM,SAAS,MAAM,EAAE,CAAC;AAAA,UACpD,GAAG,MAAM;AAAA,QACX;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;",
+  "names": []
+}

package/dist/chunk-EMHL3KE2.mjs

@@ -0,0 +1,27 @@
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Table/TableBody.tsx
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var TableBody = ({
+  className,
+  sx: propSx,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { className: clsx_default(className, sx(propSx)), ...props });
+};
+
+export {
+  TableBody
+};
+//# sourceMappingURL=chunk-EMHL3KE2.mjs.map

package/dist/chunk-EMHL3KE2.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Table/TableBody.tsx"],
+  "sourcesContent": ["import clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\ntype TableBodyProps = UIComponent<'tbody'>;\n\nexport const TableBody = ({\n  className,\n  sx: propSx,\n  ...props\n}: TableBodyProps) => {\n  return <tbody className={clsx(className, sx(propSx))} {...props} />;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;AAYS;AALF,IAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,MAAsB;AACpB,SAAO,4CAAC,WAAM,WAAW,aAAK,WAAW,GAAG,MAAM,CAAC,GAAI,GAAG,OAAO;AACnE;",
+  "names": []
+}

package/dist/chunk-ENIPJ5MJ.mjs

@@ -0,0 +1,44 @@
+import {
+  TabsContext,
+  tabsReducer
+} from "./chunk-BLJ4C7CC.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Tabs/Tabs.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var Tabs = (0, import_react.forwardRef)(
+  ({ children, defaultValue, className, sx: propSx, ...props }, ref) => {
+    const [value, setValue] = (0, import_react.useReducer)(tabsReducer, defaultValue);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContext.Provider, { value: { value, setValue }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: clsx_default(className, sx(propSx)),
+        style: { width: "100%" },
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Tabs.displayName = "Tabs";
+
+export {
+  Tabs
+};
+//# sourceMappingURL=chunk-ENIPJ5MJ.mjs.map

package/dist/chunk-ENIPJ5MJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/Tabs.tsx"],
+  "sourcesContent": ["'use client';\n\nimport { forwardRef, useReducer } from 'react';\n\nimport clsx from 'clsx';\n\nimport { sx } from '@/styles';\nimport type { UIComponent } from '@/types';\n\nimport { TabsContext, tabsReducer } from './TabsProvider';\n\ninterface TabsProps extends UIComponent<'div'> {\n  defaultValue?: number | string;\n}\n\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(\n  ({ children, defaultValue, className, sx: propSx, ...props }, ref) => {\n    const [value, setValue] = useReducer(tabsReducer, defaultValue);\n\n    return (\n      <TabsContext.Provider value={{ value, setValue }}>\n        <div\n          ref={ref}\n          className={clsx(className, sx(propSx))}\n          style={{ width: '100%' }}\n          {...props}\n        >\n          {children}\n        </div>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabs.displayName = 'Tabs';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAEA,mBAAuC;AAmB/B;AAND,IAAM,WAAO;AAAA,EAClB,CAAC,EAAE,UAAU,cAAc,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AACpE,UAAM,CAAC,OAAO,QAAQ,QAAI,yBAAW,aAAa,YAAY;AAE9D,WACE,4CAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,OAAO,SAAS,GAC7C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAK,WAAW,GAAG,MAAM,CAAC;AAAA,QACrC,OAAO,EAAE,OAAO,OAAO;AAAA,QACtB,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;",
+  "names": []
+}

package/dist/chunk-EO3Y3BYG.mjs

@@ -0,0 +1,27 @@
+import {
+  recipeWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+
+// src/components/Box/Box.css.ts
+var box = recipeWithLayer({
+  variants: {
+    flex: {
+      true: {
+        display: "flex"
+      }
+    },
+    rounded: {
+      true: {
+        borderRadius: theme.borderRadius
+      }
+    }
+  }
+});
+
+export {
+  box
+};
+//# sourceMappingURL=chunk-EO3Y3BYG.mjs.map

package/dist/chunk-EO3Y3BYG.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Box/Box.css.ts"],
+  "sourcesContent": ["import { recipeWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nexport const box = recipeWithLayer({\n  variants: {\n    flex: {\n      true: {\n        display: 'flex',\n      },\n    },\n\n    rounded: {\n      true: {\n        borderRadius: theme.borderRadius,\n      },\n    },\n  },\n});\n"],
+  "mappings": ";;;;;;;;AAGO,IAAM,MAAM,gBAAgB;AAAA,EACjC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,cAAc,MAAM;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/chunk-EUM3RGEU.mjs

@@ -0,0 +1,74 @@
+import {
+  container,
+  inner
+} from "./chunk-BNMVSGHE.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  AccordionContext
+} from "./chunk-4HE7QAS2.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Accordion/AccordionContent.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var AccordionContent = ({ children }) => {
+  const containerRef = (0, import_react.useRef)(null);
+  const accordionContext = (0, import_react.useContext)(AccordionContext);
+  const initRef = (0, import_react.useRef)(true);
+  if (!accordionContext) {
+    throw new Error(
+      "AccordionContent must be used within an Accordion component."
+    );
+  }
+  const { isExpanded } = accordionContext;
+  (0, import_react.useLayoutEffect)(() => {
+    const container2 = containerRef.current;
+    if (!container2) {
+      return;
+    }
+    if (!isExpanded) {
+      container2.style.height = `${container2.scrollHeight}px`;
+      container2.className = container({ isExpanded });
+      container2.offsetTop;
+      container2.style.height = "0";
+      initRef.current = false;
+      return;
+    }
+    if (initRef.current) {
+      container2.style.height = "auto";
+    } else {
+      container2.style.height = `${container2.scrollHeight}px`;
+    }
+    container2.className = container({ isExpanded });
+    initRef.current = false;
+  }, [isExpanded]);
+  (0, import_react.useEffect)(() => {
+    const container2 = containerRef.current;
+    if (!container2) {
+      return;
+    }
+    const handleTransitionEnd = (e) => {
+      if (e.target !== container2 || e.propertyName !== "height" || !isExpanded) {
+        return;
+      }
+      container2.style.height = "auto";
+    };
+    container2.addEventListener("transitionend", handleTransitionEnd);
+    return () => {
+      container2.removeEventListener("transitionend", handleTransitionEnd);
+    };
+  }, [containerRef, isExpanded]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, className: container({ isExpanded }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: inner, children }) });
+};
+
+export {
+  AccordionContent
+};
+//# sourceMappingURL=chunk-EUM3RGEU.mjs.map

package/dist/chunk-EUM3RGEU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Accordion/AccordionContent.tsx"],
+  "sourcesContent": ["'use client';\n\nimport {\n  type ReactNode,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from 'react';\n\nimport * as s from './AccordionContent.css';\nimport { AccordionContext } from './AccordionContext';\n\ninterface AccordionContentProps {\n  children: ReactNode;\n}\n\nexport const AccordionContent = ({ children }: AccordionContentProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const accordionContext = useContext(AccordionContext);\n  const initRef = useRef<boolean>(true);\n\n  if (!accordionContext) {\n    throw new Error(\n      'AccordionContent must be used within an Accordion component.',\n    );\n  }\n\n  const { isExpanded } = accordionContext;\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    if (!isExpanded) {\n      container.style.height = `${container.scrollHeight}px`;\n      container.className = s.container({ isExpanded });\n      //eslint-disable-next-line\n      container.offsetTop;\n      container.style.height = '0';\n      initRef.current = false;\n      return;\n    }\n\n    if (initRef.current) {\n      container.style.height = 'auto';\n    } else {\n      container.style.height = `${container.scrollHeight}px`;\n    }\n    container.className = s.container({ isExpanded });\n\n    initRef.current = false;\n  }, [isExpanded]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const handleTransitionEnd = (e: TransitionEvent) => {\n      if (\n        e.target !== container ||\n        e.propertyName !== 'height' ||\n        !isExpanded\n      ) {\n        return;\n      }\n\n      container.style.height = 'auto';\n    };\n\n    container.addEventListener('transitionend', handleTransitionEnd);\n\n    return () => {\n      container.removeEventListener('transitionend', handleTransitionEnd);\n    };\n  }, [containerRef, isExpanded]);\n\n  return (\n    <div ref={containerRef} className={s.container({ isExpanded })}>\n      <div className={s.inner}>{children}</div>\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAEA,mBAMO;AA2ED;AAlEC,IAAM,mBAAmB,CAAC,EAAE,SAAS,MAA6B;AACvE,QAAM,mBAAe,qBAAuB,IAAI;AAChD,QAAM,uBAAmB,yBAAW,gBAAgB;AACpD,QAAM,cAAU,qBAAgB,IAAI;AAEpC,MAAI,CAAC,kBAAkB;AACrB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,WAAW,IAAI;AAEvB,oCAAgB,MAAM;AACpB,UAAMA,aAAY,aAAa;AAC/B,QAAI,CAACA,YAAW;AACd;AAAA,IACF;AAEA,QAAI,CAAC,YAAY;AACf,MAAAA,WAAU,MAAM,SAAS,GAAGA,WAAU,YAAY;AAClD,MAAAA,WAAU,YAAc,UAAU,EAAE,WAAW,CAAC;AAEhD,MAAAA,WAAU;AACV,MAAAA,WAAU,MAAM,SAAS;AACzB,cAAQ,UAAU;AAClB;AAAA,IACF;AAEA,QAAI,QAAQ,SAAS;AACnB,MAAAA,WAAU,MAAM,SAAS;AAAA,IAC3B,OAAO;AACL,MAAAA,WAAU,MAAM,SAAS,GAAGA,WAAU,YAAY;AAAA,IACpD;AACA,IAAAA,WAAU,YAAc,UAAU,EAAE,WAAW,CAAC;AAEhD,YAAQ,UAAU;AAAA,EACpB,GAAG,CAAC,UAAU,CAAC;AAEf,8BAAU,MAAM;AACd,UAAMA,aAAY,aAAa;AAC/B,QAAI,CAACA,YAAW;AACd;AAAA,IACF;AAEA,UAAM,sBAAsB,CAAC,MAAuB;AAClD,UACE,EAAE,WAAWA,cACb,EAAE,iBAAiB,YACnB,CAAC,YACD;AACA;AAAA,MACF;AAEA,MAAAA,WAAU,MAAM,SAAS;AAAA,IAC3B;AAEA,IAAAA,WAAU,iBAAiB,iBAAiB,mBAAmB;AAE/D,WAAO,MAAM;AACX,MAAAA,WAAU,oBAAoB,iBAAiB,mBAAmB;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,cAAc,UAAU,CAAC;AAE7B,SACE,4CAAC,SAAI,KAAK,cAAc,WAAa,UAAU,EAAE,WAAW,CAAC,GAC3D,sDAAC,SAAI,WAAa,OAAQ,UAAS,GACrC;AAEJ;",
+  "names": ["container"]
+}

package/dist/chunk-EZPSJANN.mjs

@@ -0,0 +1,19 @@
+import {
+  styleWithLayer
+} from "./chunk-3DOILUMO.mjs";
+import {
+  theme
+} from "./chunk-MBHPGYUE.mjs";
+
+// src/components/Tabs/TabsList.css.ts
+var container = styleWithLayer({
+  display: "flex",
+  height: "2.5em",
+  boxShadow: `inset 0 -0.125em 0 rgb(${theme.color.muted})`,
+  backgroundColor: `rgb(${theme.color.background})`
+});
+
+export {
+  container
+};
+//# sourceMappingURL=chunk-EZPSJANN.mjs.map

package/dist/chunk-EZPSJANN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Tabs/TabsList.css.ts"],
+  "sourcesContent": ["import { styleWithLayer } from '@/styleUtils';\nimport { theme } from '@/themes';\n\nexport const container = styleWithLayer({\n  display: 'flex',\n\n  height: '2.5em',\n\n  boxShadow: `inset 0 -0.125em 0 rgb(${theme.color.muted})`,\n  backgroundColor: `rgb(${theme.color.background})`,\n});\n"],
+  "mappings": ";;;;;;;;AAGO,IAAM,YAAY,eAAe;AAAA,EACtC,SAAS;AAAA,EAET,QAAQ;AAAA,EAER,WAAW,0BAA0B,MAAM,MAAM,KAAK;AAAA,EACtD,iBAAiB,OAAO,MAAM,MAAM,UAAU;AAChD,CAAC;",
+  "names": []
+}

package/dist/chunk-FIW4QCEX.mjs

@@ -0,0 +1,40 @@
+import {
+  thumbnail
+} from "./chunk-6DDAI64X.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sx
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Card/CardThumbnail.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var CardThumbnail = (0, import_react.forwardRef)(
+  ({ className, sx: propSx, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        ref,
+        className: clsx_default(thumbnail, className, sx(propSx)),
+        ...props
+      }
+    );
+  }
+);
+CardThumbnail.displayName = "CardThumbnail";
+
+export {
+  CardThumbnail
+};
+//# sourceMappingURL=chunk-FIW4QCEX.mjs.map

package/dist/chunk-FIW4QCEX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/Card/CardThumbnail.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 './CardThumbnail.css';\n\ntype CardThumbnailProps = UIComponent<'img'>;\n\nexport const CardThumbnail = forwardRef<HTMLImageElement, CardThumbnailProps>(\n  ({ className, sx: propSx, ...props }, ref) => {\n    return (\n      <img\n        ref={ref}\n        className={clsx(s.thumbnail, className, sx(propSx))}\n        {...props}\n      />\n    );\n  },\n);\nCardThumbnail.displayName = 'CardThumbnail';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAA2B;AAcrB;AAHC,IAAM,oBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,IAAI,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,aAAO,WAAW,WAAW,GAAG,MAAM,CAAC;AAAA,QACjD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;",
+  "names": []
+}

package/dist/chunk-FTMWTNWG.mjs

@@ -0,0 +1,65 @@
+import {
+  SelectContext
+} from "./chunk-7MYGRT4R.mjs";
+import {
+  container
+} from "./chunk-2WFHG2YW.mjs";
+import {
+  clsx_default
+} from "./chunk-QJVDQ4DQ.mjs";
+import {
+  require_jsx_runtime
+} from "./chunk-3BVACFSH.mjs";
+import {
+  require_react
+} from "./chunk-QB7MZLGH.mjs";
+import {
+  sprinkles
+} from "./chunk-XWN5CKME.mjs";
+import {
+  __toESM
+} from "./chunk-D57E6H3M.mjs";
+
+// src/components/Select/SelectOptionList.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
+var SelectOptionList = ({ children }) => {
+  const selectContext = (0, import_react.useContext)(SelectContext);
+  const containerRef = (0, import_react.useRef)(null);
+  if (!selectContext) {
+    throw new Error("SelectOption must be rendered within a Select.");
+  }
+  const { state } = selectContext;
+  const isAbove = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref: containerRef,
+      className: clsx_default(
+        container({ isVisible: state.isActive, isAbove }),
+        sprinkles({ boxShadow: "accent-sm" })
+      ),
+      children
+    }
+  );
+};
+var SelectOptionList_default = SelectOptionList;
+
+export {
+  SelectOptionList_default
+};
+//# sourceMappingURL=chunk-FTMWTNWG.mjs.map

package/dist/chunk-FTMWTNWG.mjs.map

@@ -0,0 +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    // \uD558\uB2E8\uC5D0 \uB9AC\uC2A4\uD2B8\uB97C \uBAA8\uB450 \uBCF4\uC5EC\uC904 \uACF5\uAC04\uC774 \uCDA9\uBD84\uD55C \uACBD\uC6B0\n    if (containerRect.top + containerRect.height < window.innerHeight) {\n      return true;\n    }\n\n    // \uADF8\uB807\uC9C0 \uC54A\uC73C\uBA74 parent\uC758 \uC0C1\uB2E8/\uD558\uB2E8 \uC911 \uACF5\uAC04\uC774 \uB354 \uB113\uC740 \uCABD\uC73C\uB85C \uB9AC\uC2A4\uD2B8\uB97C \uBCF4\uC5EC\uC90C\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,mBAA4D;AA8CxD;AAjCJ,IAAM,mBAAmB,CAAC,EAAE,SAAS,MAA6B;AAChE,QAAM,oBAAgB,yBAAW,aAAa;AAC9C,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,MAAI,CAAC,eAAe;AAClB,UAAM,IAAI,MAAM,gDAAgD;AAAA,EAClE;AAEA,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,cAAU,sBAAQ,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,UAAU,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"]
+}