@kimdw-rtk/ui 0.0.20 → 0.0.21

package/dist/chunk-EL5D5UFZ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,27 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,44 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,27 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,74 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,19 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,40 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,65 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}