@tipp/ui 2.4.0 → 2.6.0

package/dist/{chunk-JRT6KTBG.js → chunk-MSLSD7F6.js}

@@ -1,12 +1,12 @@
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 
 // src/molecules/navigation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ function Navigation({
 export {
   Navigation
 };
-//# sourceMappingURL=chunk-JRT6KTBG.js.map
+//# sourceMappingURL=chunk-MSLSD7F6.js.map

package/dist/{chunk-FGLOHHYP.js → chunk-MSM2QG23.js}

@@ -1,27 +1,27 @@
 import {
   ReviewQuestionContentHeader
-} from "./chunk-CNW3YEAK.js";
+} from "./chunk-VD5ZDFCM.js";
 import {
   TextArea
 } from "./chunk-5XYPLDI5.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
+import {
+  Callout
+} from "./chunk-EIKFXUNC.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   BellIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-text.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -84,4 +84,4 @@ var review_question_text_default = ReviewQuestionText;
 export {
   review_question_text_default
 };
-//# sourceMappingURL=chunk-FGLOHHYP.js.map
+//# sourceMappingURL=chunk-MSM2QG23.js.map

package/dist/{chunk-V7IC4EAC.js → chunk-NFMEBYNY.js}

@@ -1,12 +1,12 @@
+import {
+  section_item_default
+} from "./chunk-ZUL3NYQ4.js";
 import {
   section_title_default
-} from "./chunk-4TST4UK5.js";
+} from "./chunk-KO3V7KB6.js";
 import {
   curriculum_sidebar_item_wrapper_default
 } from "./chunk-WS7IOHVK.js";
-import {
-  section_item_default
-} from "./chunk-LIV5LHHZ.js";
 import {
   getCurriculumIconColor
 } from "./chunk-2ISIAPFS.js";
@@ -48,4 +48,4 @@ var sidebar_item_default = SidebarItem;
 export {
   sidebar_item_default
 };
-//# sourceMappingURL=chunk-V7IC4EAC.js.map
+//# sourceMappingURL=chunk-NFMEBYNY.js.map

package/dist/{chunk-C6ZC7TXX.js → chunk-NIHOKIYW.js}

@@ -1,12 +1,12 @@
+import {
+  CoachingCustomerInfoMedium
+} from "./chunk-6YJGQWD6.js";
 import {
   CoachingCustomerInfoSmall
-} from "./chunk-YADSNPMG.js";
+} from "./chunk-M77YPVQN.js";
 import {
   CoachingCustomerInfoLarge
-} from "./chunk-64XYTE54.js";
-import {
-  CoachingCustomerInfoMedium
-} from "./chunk-62HSZXVT.js";
+} from "./chunk-WY37V3W4.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
@@ -27,4 +27,4 @@ function CoachingCustomerInfo(props) {
 export {
   CoachingCustomerInfo
 };
-//# sourceMappingURL=chunk-C6ZC7TXX.js.map
+//# sourceMappingURL=chunk-NIHOKIYW.js.map

package/dist/{chunk-BESTU2AY.js → chunk-NLHVQJQ2.js}

@@ -1,6 +1,9 @@
 import {
   mapWithResponsive
 } from "./chunk-LDBWASUA.js";
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
 import {
   __objRest,
   __spreadProps,
@@ -11,6 +14,7 @@ import {
 import {
   Heading as RadixHeading
 } from "@radix-ui/themes";
+import { clsx } from "clsx";
 import { useMemo } from "react";
 import { Heading } from "@radix-ui/themes";
 import { jsx } from "react/jsx-runtime";
@@ -31,18 +35,30 @@ var mapVariant = (variant) => {
   }
 };
 function Heading2(props) {
-  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const _a = props, { size, children, variant, color, className } = _a, rest = __objRest(_a, ["size", "children", "variant", "color", "className"]);
+  const { color: radixColor, className: colorClassName } = useMemo(
+    () => resolveColor(color),
+    [color]
+  );
   const radixSize = useMemo(() => {
     return variant ? mapWithResponsive({
       value: variant,
       mapFn: mapVariant
     }) : size;
   }, [size, variant]);
-  return /* @__PURE__ */ jsx(RadixHeading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+  return /* @__PURE__ */ jsx(
+    RadixHeading,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      color: radixColor,
+      size: radixSize,
+      children
+    })
+  );
 }
 
 export {
   Heading2 as Heading,
   Heading as Heading2
 };
-//# sourceMappingURL=chunk-BESTU2AY.js.map
+//# sourceMappingURL=chunk-NLHVQJQ2.js.map

package/dist/chunk-NLHVQJQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/heading.tsx"],"sourcesContent":["import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { clsx } from 'clsx';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\nimport {\n  resolveColor,\n  type DistributiveOmit,\n  type UiColor,\n} from '../utils/resolve-color';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = DistributiveOmit<RadixHeadingProps, 'color'> & {\n  variant?: Responsive<HeadingVariant>;\n  color?: UiColor;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, color, className, ...rest } = props;\n\n  const { color: radixColor, className: colorClassName } = useMemo(\n    () => resolveColor(color),\n    [color]\n  );\n\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n\n  }, [size, variant]);\n\n  return (\n    <RadixHeading\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={radixColor}\n      size={radixSize}\n    >\n      {children}\n    </RadixHeading>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AAEP,SAAS,YAAY;AACrB,SAAS,eAAe;AAQxB,SAAoB,eAAoB;AAkDpC;AApCJ,IAAM,aAAa,CAAC,YAAsD;AACxE,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAASA,SAAQ,OAAsC;AAC5D,QAA+D,YAAvD,QAAM,UAAU,SAAS,OAAO,UA9C1C,IA8CiE,IAAT,iBAAS,IAAT,CAA9C,QAAM,YAAU,WAAS,SAAO;AAExC,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAM,aAAa,KAAK;AAAA,IACxB,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,YAAY,QAAmC,MAAM;AACzD,WAAO,UACH,kBAAkB;AAAA,MAChB,OAAO;AAAA,MACP,OAAO;AAAA,IACT,CAAC,IACD;AAAA,EAEN,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC,OAAO;AAAA,MACP,MAAM;AAAA,MAEL;AAAA;AAAA,EACH;AAEJ;","names":["Heading"]}

package/dist/{chunk-M2PVHXOE.js → chunk-NYG34MV6.js}

@@ -1,12 +1,12 @@
 import {
   RadioButtonCard
-} from "./chunk-CSKNBWPB.js";
+} from "./chunk-EZN5PMTC.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -55,4 +55,4 @@ function OnOfflineRadioCard(props) {
 export {
   OnOfflineRadioCard
 };
-//# sourceMappingURL=chunk-M2PVHXOE.js.map
+//# sourceMappingURL=chunk-NYG34MV6.js.map

package/dist/{chunk-N7NDDJW5.js → chunk-OA3DGWVL.js}

@@ -3,44 +3,44 @@ import {
 } from "./chunk-HYITAA4J.js";
 import {
   Popover
-} from "./chunk-5AVBYDPB.js";
+} from "./chunk-RMW3MQF5.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  IconButton
-} from "./chunk-XK6VEVOK.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
 import {
   Collapse
 } from "./chunk-NFDQJVFA.js";
 import {
-  Badge
-} from "./chunk-KTSEZC6A.js";
+  Heading
+} from "./chunk-NLHVQJQ2.js";
+import {
+  IconButton
+} from "./chunk-7RJYF5L3.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   ChevronDownIcon,
   ChevronUpIcon,
   Pencil1Icon,
   RocketIcon,
   TrashIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
+import {
+  Badge
+} from "./chunk-BK74U562.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -162,4 +162,4 @@ function GoalManageCardRead(props) {
 export {
   GoalManageCardRead
 };
-//# sourceMappingURL=chunk-N7NDDJW5.js.map
+//# sourceMappingURL=chunk-OA3DGWVL.js.map

package/dist/{chunk-XLKJYRFY.js → chunk-OBWQ3N5D.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk-FR2GDOU2.js";
 import {
   Dialog
-} from "./chunk-B5CKZFDM.js";
+} from "./chunk-PE4EBBU4.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   AspectRatio
 } from "./chunk-EAXUQEO5.js";
@@ -203,4 +203,4 @@ function TrainingInfoGuidelineButton({
 export {
   TrainingInfoGuideline
 };
-//# sourceMappingURL=chunk-XLKJYRFY.js.map
+//# sourceMappingURL=chunk-OBWQ3N5D.js.map

package/dist/{chunk-IN6S7PPW.js → chunk-OEHVGPWL.js}

@@ -1,46 +1,46 @@
 import {
   OnOfflineRadioCard
-} from "./chunk-M2PVHXOE.js";
+} from "./chunk-NYG34MV6.js";
 import {
   DatePickerButton
-} from "./chunk-Q7KT3UPO.js";
+} from "./chunk-RUJZ5PE7.js";
 import {
   toast
 } from "./chunk-LNPFV5BJ.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
 import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+  Grid
+} from "./chunk-EGEQY3KT.js";
 import {
-  Badge
-} from "./chunk-KTSEZC6A.js";
+  Heading
+} from "./chunk-NLHVQJQ2.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   BulletText
-} from "./chunk-Z34HR7RE.js";
+} from "./chunk-C2G3IB7G.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   ArrowRightIcon,
   Cross1Icon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
+import {
+  Badge
+} from "./chunk-BK74U562.js";
 import {
   __spreadProps,
   __spreadValues
@@ -225,4 +225,4 @@ function ReservationCard(props) {
 export {
   ReservationCard
 };
-//# sourceMappingURL=chunk-IN6S7PPW.js.map
+//# sourceMappingURL=chunk-OEHVGPWL.js.map

package/dist/chunk-OLJN3WXR.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-OLJN3WXR.js.map

package/dist/{chunk-X4OCUESK.js → chunk-OPYRV6XJ.js}

@@ -1,6 +1,6 @@
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   mapWithResponsive
 } from "./chunk-LDBWASUA.js";
@@ -72,4 +72,4 @@ export {
   useList,
   List
 };
-//# sourceMappingURL=chunk-X4OCUESK.js.map
+//# sourceMappingURL=chunk-OPYRV6XJ.js.map

package/dist/{chunk-6QVHJ5WW.js → chunk-OQN4E2QP.js}

@@ -1,12 +1,12 @@
 import {
   ReviewQuestion_default
-} from "./chunk-BYFSYL7V.js";
+} from "./chunk-A4YOY75P.js";
 import {
   complete_review_default
-} from "./chunk-OOXXMKJS.js";
+} from "./chunk-YGNHAFBW.js";
 import {
   start_review_default
-} from "./chunk-DQ6EIA2T.js";
+} from "./chunk-UFM3EL52.js";
 import {
   CurriculumReviewProvider,
   useCurriculumReviewContext
@@ -86,4 +86,4 @@ var CurriculumReviewSteps_default = CurriculumReviewSteps;
 export {
   CurriculumReviewSteps_default
 };
-//# sourceMappingURL=chunk-6QVHJ5WW.js.map
+//# sourceMappingURL=chunk-OQN4E2QP.js.map

package/dist/{chunk-LE6CNJWH.js → chunk-OWQUXTQ2.js}

@@ -1,12 +1,12 @@
 import {
   List
-} from "./chunk-X4OCUESK.js";
+} from "./chunk-OPYRV6XJ.js";
 import {
   Heading
-} from "./chunk-BESTU2AY.js";
+} from "./chunk-NLHVQJQ2.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 
 // src/molecules/one-on-one-guide-list.tsx
 import { useMemo } from "react";
@@ -81,4 +81,4 @@ export {
   oneOnOneNoteTextReplacer,
   OneOnOneGuideList
 };
-//# sourceMappingURL=chunk-LE6CNJWH.js.map
+//# sourceMappingURL=chunk-OWQUXTQ2.js.map

package/dist/{chunk-NTJLECYY.js → chunk-OYXUWBKS.js}

@@ -1,15 +1,15 @@
 import {
   ReviewQuestionContentHeader
-} from "./chunk-CNW3YEAK.js";
+} from "./chunk-VD5ZDFCM.js";
 import {
   RadioGroup
-} from "./chunk-6DJOIRMF.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+} from "./chunk-SA7AYYQS.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-satisfaction-option.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -34,4 +34,4 @@ var review_question_satisfaction_option_default = ReviewQuestionSatisfisRadio;
 export {
   review_question_satisfaction_option_default
 };
-//# sourceMappingURL=chunk-NTJLECYY.js.map
+//# sourceMappingURL=chunk-OYXUWBKS.js.map

package/dist/{chunk-B5CKZFDM.js → chunk-PE4EBBU4.js}

@@ -1,12 +1,12 @@
 import {
   Heading
-} from "./chunk-BESTU2AY.js";
+} from "./chunk-NLHVQJQ2.js";
 import {
   usePortalContainer
 } from "./chunk-U7N2PWMO.js";
 import {
   IconButton
-} from "./chunk-XK6VEVOK.js";
+} from "./chunk-7RJYF5L3.js";
 import {
   __objRest,
   __spreadProps,
@@ -141,4 +141,4 @@ var Dialog = {
 export {
   Dialog
 };
-//# sourceMappingURL=chunk-B5CKZFDM.js.map
+//# sourceMappingURL=chunk-PE4EBBU4.js.map

package/dist/{chunk-5TZNUXBT.js → chunk-PXMJK5D5.js}

@@ -1,18 +1,18 @@
 import {
   Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+} from "./chunk-NLHVQJQ2.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -36,4 +36,4 @@ function CoachQuestionList({
 export {
   CoachQuestionList
 };
-//# sourceMappingURL=chunk-5TZNUXBT.js.map
+//# sourceMappingURL=chunk-PXMJK5D5.js.map

package/dist/{chunk-Y4U24VXI.js → chunk-Q3M6GFHY.js}

@@ -1,9 +1,9 @@
 import {
   Tooltip
-} from "./chunk-3NUQAVE6.js";
+} from "./chunk-2M3UFZUD.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   __objRest,
   __spreadProps,
@@ -55,4 +55,4 @@ function EllipsisTooltip(props) {
 export {
   EllipsisTooltip
 };
-//# sourceMappingURL=chunk-Y4U24VXI.js.map
+//# sourceMappingURL=chunk-Q3M6GFHY.js.map

package/dist/{chunk-ZFTQ2XBH.js → chunk-QPL7SJQM.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-WA5A2GB4.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-file-download.tsx
 import { useMemo } from "react";
@@ -73,4 +73,4 @@ var curriculum_file_download_default = CurriculumFileDownload;
 export {
   curriculum_file_download_default
 };
-//# sourceMappingURL=chunk-ZFTQ2XBH.js.map
+//# sourceMappingURL=chunk-QPL7SJQM.js.map

package/dist/{chunk-NX5ESRCX.js → chunk-RMVVV5NH.js}

@@ -1,18 +1,18 @@
 import {
   getCalloutIconComponent
-} from "./chunk-ADAQSPUA.js";
+} from "./chunk-BEKSO5JG.js";
 import {
   List
-} from "./chunk-X4OCUESK.js";
-import {
-  Callout
-} from "./chunk-B6XJN6EC.js";
+} from "./chunk-OPYRV6XJ.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
+import {
+  Callout
+} from "./chunk-EIKFXUNC.js";
 
 // src/molecules/description-json-render.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -48,4 +48,4 @@ function DescriptionJsonRender(props) {
 export {
   DescriptionJsonRender
 };
-//# sourceMappingURL=chunk-NX5ESRCX.js.map
+//# sourceMappingURL=chunk-RMVVV5NH.js.map

package/dist/chunk-RMW3MQF5.js

@@ -0,0 +1,42 @@
+import {
+  ThemeAccentContext
+} from "./chunk-WYWM2HSZ.js";
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/popover.tsx
+import { Popover as RadixPopover } from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { forwardRef, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Content = forwardRef((props, ref) => {
+  const _a = props, { className, color } = _a, rest = __objRest(_a, ["className", "color"]);
+  const themeAccent = useContext(ThemeAccentContext);
+  const { className: colorClassName } = useMemo(
+    () => resolveColor(color != null ? color : themeAccent),
+    [color, themeAccent]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixPopover.Content,
+    __spreadProps(__spreadValues({
+      ref
+    }, rest), {
+      className: clsx(colorClassName, className)
+    })
+  );
+});
+Content.displayName = "Popover.Content";
+var Popover = __spreadProps(__spreadValues({}, RadixPopover), {
+  Content
+});
+
+export {
+  Popover
+};
+//# sourceMappingURL=chunk-RMW3MQF5.js.map

package/dist/chunk-RMW3MQF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/popover.tsx"],"sourcesContent":["import { Popover as RadixPopover } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { forwardRef, useContext, useMemo } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\nimport { ThemeAccentContext } from '../theme/theme-provider';\n\ntype ContentProps = RadixPopover.ContentProps & {\n  /** Portal 내부에 적용할 color. 미지정 시 theme custom accent(black)를 상속한다. */\n  color?: UiColor;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { className, color, ...rest } = props;\n  const themeAccent = useContext(ThemeAccentContext);\n\n  // Content는 Portal(body)로 렌더돼 theme의 className override를 못 받으므로, per-instance color가\n  // 없으면 theme custom accent(black)를 fallback으로 적용해 Portal 안에서도 black을 유지한다.\n  const { className: colorClassName } = useMemo(\n    () => resolveColor(color ?? themeAccent),\n    [color, themeAccent]\n  );\n\n  return (\n    <RadixPopover.Content\n      ref={ref}\n      {...rest}\n      className={clsx(colorClassName, className)}\n    />\n  );\n});\n\nContent.displayName = 'Popover.Content';\n\nexport const Popover = {\n  ...RadixPopover,\n  Content,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,WAAW,oBAAoB;AACxC,SAAS,YAAY;AACrB,SAAS,YAAY,YAAY,eAAe;AAqB5C;AAZJ,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAAsC,YAA9B,aAAW,MAZrB,IAYwC,IAAT,iBAAS,IAAT,CAArB,aAAW;AACnB,QAAM,cAAc,WAAW,kBAAkB;AAIjD,QAAM,EAAE,WAAW,eAAe,IAAI;AAAA,IACpC,MAAM,aAAa,wBAAS,WAAW;AAAA,IACvC,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,WAAW,KAAK,gBAAgB,SAAS;AAAA;AAAA,EAC3C;AAEJ,CAAC;AAED,QAAQ,cAAc;AAEf,IAAM,UAAU,iCAClB,eADkB;AAAA,EAErB;AACF;","names":[]}

package/dist/{chunk-Q7KT3UPO.js → chunk-RUJZ5PE7.js}

@@ -1,6 +1,6 @@
 import {
   DatePicker
-} from "./chunk-OE2AVQED.js";
+} from "./chunk-2SM37SB4.js";
 import {
   TextField
 } from "./chunk-6NPTJBFE.js";
@@ -9,10 +9,10 @@ import {
 } from "./chunk-4Y5BEXVN.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   CalendarIcon
-} from "./chunk-JU7GB6R2.js";
+} from "./chunk-VOME2TE7.js";
 import {
   __objRest,
   __spreadProps,
@@ -72,4 +72,4 @@ function DatePickerButton(props) {
 export {
   DatePickerButton
 };
-//# sourceMappingURL=chunk-Q7KT3UPO.js.map
+//# sourceMappingURL=chunk-RUJZ5PE7.js.map