@tipp/ui 2.5.0 → 2.7.0

package/dist/{chunk-44VLRAHW.js → chunk-6YJGQWD6.js}

@@ -3,7 +3,7 @@ import {
   renderDataListItem,
   renderItem,
   sessionList
-} from "./chunk-JWAQUXGB.js";
+} from "./chunk-BZ3EXV6A.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
@@ -12,22 +12,22 @@ import {
 } from "./chunk-EGEQY3KT.js";
 import {
   DataList
-} from "./chunk-VTJZMOSP.js";
+} from "./chunk-ZPUNTAVI.js";
 import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Card
-} from "./chunk-RP2RGCAW.js";
+  Heading
+} from "./chunk-NLHVQJQ2.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
+import {
+  Card
+} from "./chunk-RP2RGCAW.js";
 
 // src/app/platform/userInfos/coaching-customer-info/medium.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -71,4 +71,4 @@ function CoachingCustomerInfoMedium({
 export {
   CoachingCustomerInfoMedium
 };
-//# sourceMappingURL=chunk-44VLRAHW.js.map
+//# sourceMappingURL=chunk-6YJGQWD6.js.map

package/dist/{chunk-KCCYHT23.js → chunk-7JW5Z2TL.js}

@@ -1,12 +1,12 @@
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/dynamic-form-editor-issues-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,4 +36,4 @@ function DynamicFormEditorIssuesPanel(props) {
 export {
   DynamicFormEditorIssuesPanel
 };
-//# sourceMappingURL=chunk-KCCYHT23.js.map
+//# sourceMappingURL=chunk-7JW5Z2TL.js.map

package/dist/{chunk-JZVK4NDF.js → chunk-7PBLFV5L.js}

@@ -1,15 +1,15 @@
 import {
   DynamicForm
-} from "./chunk-P4KO43AP.js";
+} from "./chunk-MCKWO7K4.js";
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/dynamic-form-editor-preview-panel.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function DynamicFormEditorPreviewPanel(props) {
 export {
   DynamicFormEditorPreviewPanel
 };
-//# sourceMappingURL=chunk-JZVK4NDF.js.map
+//# sourceMappingURL=chunk-7PBLFV5L.js.map

package/dist/{chunk-XK6VEVOK.js → chunk-7RJYF5L3.js}

@@ -1,6 +1,9 @@
 import {
   convertSize
 } from "./chunk-HF6GNDPV.js";
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
 import {
   __objRest,
   __spreadProps,
@@ -14,7 +17,7 @@ import { IconButton as RadixIconButton } from "@radix-ui/themes";
 import { jsx } from "react/jsx-runtime";
 var IconButton = forwardRef(
   (props, ref) => {
-    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
+    const _a = props, { size, style, variant, color } = _a, restProps = __objRest(_a, ["size", "style", "variant", "color"]);
     const radixSize = useMemo(() => {
       return convertSize(size);
     }, [size]);
@@ -22,9 +25,15 @@ var IconButton = forwardRef(
       if (variant === "transparent") return "ghost";
       return variant;
     }, [variant]);
+    const { color: radixColor, className: colorClassName } = useMemo(
+      () => resolveColor(color),
+      [color]
+    );
     const className = useMemo(() => {
-      return clsx(props.className, { transparent: variant === "transparent" });
-    }, [props.className, variant]);
+      return clsx(props.className, colorClassName, {
+        transparent: variant === "transparent"
+      });
+    }, [props.className, colorClassName, variant]);
     return /* @__PURE__ */ jsx(
       RadixIconButton,
       __spreadProps(__spreadValues({
@@ -33,6 +42,7 @@ var IconButton = forwardRef(
         variant: radixVariant
       }, restProps), {
         className,
+        color: radixColor,
         ref,
         size: radixSize
       })
@@ -44,4 +54,4 @@ IconButton.displayName = "IconButton";
 export {
   IconButton
 };
-//# sourceMappingURL=chunk-XK6VEVOK.js.map
+//# sourceMappingURL=chunk-7RJYF5L3.js.map

package/dist/chunk-7RJYF5L3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/icon-button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { IconButton as RadixIconButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-icon-button-size';\nimport { resolveColor } from '../utils/resolve-color';\nimport type { ButtonProps } from './button.type';\n\nexport type IconButtonProps = ButtonProps;\nexport const IconButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, color, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const { color: radixColor, className: colorClassName } = useMemo(\n      () => resolveColor(color),\n      [color]\n    );\n\n    const className = useMemo(() => {\n      return clsx(props.className, colorClassName, {\n        transparent: variant === 'transparent',\n      });\n    }, [props.className, colorClassName, variant]);\n\n    return (\n      <RadixIconButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        color={radixColor}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,eAAe;AAC3C,SAAS,YAAY;AACrB,SAAS,cAAc,uBAAuB;AA+BxC;AAzBC,IAAM,aAAa;AAAA,EACxB,CAAC,OAAO,QAAyB;AAC/B,UAAsD,YAA9C,QAAM,OAAO,SAAS,MAVlC,IAU0D,IAAd,sBAAc,IAAd,CAAhC,QAAM,SAAO,WAAS;AAE9B,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,YAAY,IAAI;AAAA,IACzB,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,eAAe,QAAQ,MAAM;AACjC,UAAI,YAAY,cAAe,QAAO;AACtC,aAAO;AAAA,IACT,GAAG,CAAC,OAAO,CAAC;AAEZ,UAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,MACvD,MAAM,aAAa,KAAK;AAAA,MACxB,CAAC,KAAK;AAAA,IACR;AAEA,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,KAAK,MAAM,WAAW,gBAAgB;AAAA,QAC3C,aAAa,YAAY;AAAA,MAC3B,CAAC;AAAA,IACH,GAAG,CAAC,MAAM,WAAW,gBAAgB,OAAO,CAAC;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,SAAS;AAAA,SACL,YAJL;AAAA,QAKC;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":[]}

package/dist/{chunk-UXVM3Y7P.js → chunk-A26UWBVB.js}

@@ -1,18 +1,18 @@
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   ResetIcon
 } from "./chunk-VOME2TE7.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumContents/curriculum-ai-traning.tsx
 import { useMemo } from "react";
@@ -67,4 +67,4 @@ var curriculum_ai_traning_default = CurriculumAiTraning;
 export {
   curriculum_ai_traning_default
 };
-//# sourceMappingURL=chunk-UXVM3Y7P.js.map
+//# sourceMappingURL=chunk-A26UWBVB.js.map

package/dist/{chunk-HJP4STJZ.js → chunk-A4YOY75P.js}

@@ -1,15 +1,15 @@
 import {
   review_question_body_default
-} from "./chunk-6J5YZTZE.js";
+} from "./chunk-T2CGNUCP.js";
 import {
   review_question_footer_default
-} from "./chunk-VY557FHE.js";
+} from "./chunk-GE4M5GOQ.js";
 import {
   review_question_header_default
-} from "./chunk-VREM33BW.js";
+} from "./chunk-GYSRHZRS.js";
 import {
   review_question_layout_default
-} from "./chunk-AQVIQODP.js";
+} from "./chunk-VK6INFSB.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/index.tsx
 import { jsx } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var ReviewQuestion_default = ReviewQuestion;
 export {
   ReviewQuestion_default
 };
-//# sourceMappingURL=chunk-HJP4STJZ.js.map
+//# sourceMappingURL=chunk-A4YOY75P.js.map

package/dist/{chunk-LSDD4TAP.js → chunk-AJTGTGOC.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-6NPTJBFE.js";
 import {
   DropdownMenu
-} from "./chunk-SMLC2O3V.js";
+} from "./chunk-T73HHR3I.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
 import {
   __objRest,
   __spreadProps,
@@ -273,4 +273,4 @@ AutocompleteTextfield.displayName = "AutocompleteTextfield";
 export {
   AutocompleteTextfield
 };
-//# sourceMappingURL=chunk-LSDD4TAP.js.map
+//# sourceMappingURL=chunk-AJTGTGOC.js.map

package/dist/chunk-BI6TW3ZO.js

@@ -0,0 +1,51 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/link.tsx
+import {
+  Link as RadixLink
+} from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { useMemo } from "react";
+import { Heading } from "@radix-ui/themes";
+import { jsx } from "react/jsx-runtime";
+function Link(props) {
+  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(() => {
+    switch (variant) {
+      case "caption":
+        return "1";
+      case "body":
+        return "2";
+      case "subtitle":
+        return "3";
+      default:
+        return size;
+    }
+  }, [size, variant]);
+  return /* @__PURE__ */ jsx(
+    RadixLink,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      color: radixColor,
+      size: radixSize,
+      children
+    })
+  );
+}
+
+export {
+  Link,
+  Heading
+};
+//# sourceMappingURL=chunk-BI6TW3ZO.js.map

package/dist/chunk-BI6TW3ZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/link.tsx"],"sourcesContent":["import {\n  Link as RadixLink,\n  type LinkProps as RadixLinkProps,\n} from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { useMemo } from 'react';\nimport {\n  resolveColor,\n  type DistributiveOmit,\n  type UiColor,\n} from '../utils/resolve-color';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\n\nexport type LinkProps = DistributiveOmit<RadixLinkProps, 'color'> & {\n  variant?: 'caption' | 'body' | 'subtitle';\n  color?: UiColor;\n};\n\nexport function Link(props: LinkProps): 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<RadixLinkProps['size']>(() => {\n    switch (variant) {\n      case 'caption':\n        return '1';\n      case 'body':\n        return '2';\n      case 'subtitle':\n        return '3';\n      default:\n        return size;\n    }\n  }, [size, variant]);\n\n  return (\n    <RadixLink\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={radixColor}\n      size={radixSize}\n    >\n      {children}\n    </RadixLink>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,QAAQ;AAAA,OAEH;AACP,SAAS,YAAY;AACrB,SAAS,eAAe;AAOxB,SAAoB,eAAoB;AA6BpC;AAtBG,SAAS,KAAK,OAAmC;AACtD,QAA+D,YAAvD,QAAM,UAAU,SAAS,OAAO,UApB1C,IAoBiE,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,QAAgC,MAAM;AACtD,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF,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":[]}

package/dist/chunk-BK74U562.js

@@ -0,0 +1,52 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/badge.tsx
+import {
+  Badge as RadixBadge
+} from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { useMemo, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Badge = forwardRef(
+  (props, ref) => {
+    const _a = props, { size = "small", color = "accent", className } = _a, rest = __objRest(_a, ["size", "color", "className"]);
+    const radixSize = useMemo(() => {
+      switch (size) {
+        case "small":
+          return "1";
+        case "medium":
+          return "2";
+        case "large":
+          return "3";
+        default:
+          return "1";
+      }
+    }, [size]);
+    const { color: radixColor, className: colorClassName } = useMemo(
+      () => resolveColor(color),
+      [color]
+    );
+    return /* @__PURE__ */ jsx(
+      RadixBadge,
+      __spreadProps(__spreadValues({}, rest), {
+        className: clsx(colorClassName, className),
+        color: radixColor,
+        ref,
+        size: radixSize
+      })
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+export {
+  Badge
+};
+//# sourceMappingURL=chunk-BK74U562.js.map

package/dist/chunk-BK74U562.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/badge.tsx"],"sourcesContent":["import {\n  Badge as RadixBadge,\n  type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { useMemo, forwardRef } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color' | 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: UiColor;\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (props: BadgeProps, ref): React.ReactNode => {\n    const { size = 'small', color = 'accent', className, ...rest } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n        default:\n          return '1';\n      }\n    }, [size]);\n\n    const { color: radixColor, className: colorClassName } = useMemo(\n      () => resolveColor(color),\n      [color]\n    );\n\n    return (\n      <RadixBadge\n        {...rest}\n        className={clsx(colorClassName, className)}\n        color={radixColor}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,SAAS;AAAA,OAEJ;AACP,SAAS,YAAY;AACrB,SAAS,SAAS,kBAAkB;AA+B9B;AAvBC,IAAM,QAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAiE,YAAzD,SAAO,SAAS,QAAQ,UAAU,UAf9C,IAeqE,IAAT,iBAAS,IAAT,CAAhD,QAAgB,SAAkB;AAE1C,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,MACvD,MAAM,aAAa,KAAK;AAAA,MACxB,CAAC,KAAK;AAAA,IACR;AAEA,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,QACzC,OAAO;AAAA,QACP;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/{chunk-JWAQUXGB.js → chunk-BZ3EXV6A.js}

@@ -1,9 +1,9 @@
 import {
   DataList
-} from "./chunk-VTJZMOSP.js";
+} from "./chunk-ZPUNTAVI.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 
 // src/app/platform/userInfos/utils.tsx
 import { format } from "date-fns";
@@ -103,4 +103,4 @@ export {
   renderDataListItem,
   CopyButton
 };
-//# sourceMappingURL=chunk-JWAQUXGB.js.map
+//# sourceMappingURL=chunk-BZ3EXV6A.js.map

package/dist/{chunk-QRI6ARS6.js → chunk-C2G3IB7G.js}

@@ -1,9 +1,9 @@
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   __objRest,
   __spreadProps,
@@ -27,4 +27,4 @@ function BulletText(_a) {
 export {
   BulletText
 };
-//# sourceMappingURL=chunk-QRI6ARS6.js.map
+//# sourceMappingURL=chunk-C2G3IB7G.js.map

package/dist/chunk-CGDBUDY3.js

@@ -0,0 +1,37 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/tabs.tsx
+import { Tabs as RadixTabs } from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = forwardRef((props, ref) => {
+  const _a = props, { color, className } = _a, rest = __objRest(_a, ["color", "className"]);
+  const { className: colorClassName } = useMemo(
+    () => resolveColor(color),
+    [color]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixTabs.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      ref
+    })
+  );
+});
+Root.displayName = "Tabs.Root";
+var Tabs = __spreadProps(__spreadValues({}, RadixTabs), {
+  Root
+});
+
+export {
+  Tabs
+};
+//# sourceMappingURL=chunk-CGDBUDY3.js.map

package/dist/chunk-CGDBUDY3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/tabs.tsx"],"sourcesContent":["import { Tabs as RadixTabs } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef, useMemo } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\ntype TabsRootProps = React.ComponentPropsWithoutRef<typeof RadixTabs.Root> & {\n  /**\n   * Tabs는 Radix color prop이 없지만 active 인디케이터(`.rt-BaseTabListTrigger::before`)가\n   * `--accent-indicator`를 사용하므로, Root className override로 custom accent(black 등)를\n   * per-instance 적용할 수 있다. semantic/radix color는 theme accent로만 가능.\n   */\n  color?: UiColor;\n};\n\nconst Root = forwardRef<\n  React.ElementRef<typeof RadixTabs.Root>,\n  TabsRootProps\n>((props, ref) => {\n  const { color, className, ...rest } = props;\n\n  const { className: colorClassName } = useMemo(\n    () => resolveColor(color),\n    [color]\n  );\n\n  return (\n    <RadixTabs.Root\n      {...rest}\n      className={clsx(colorClassName, className)}\n      ref={ref}\n    />\n  );\n});\n\nRoot.displayName = 'Tabs.Root';\n\nexport const Tabs = {\n  ...RadixTabs,\n  Root,\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,YAAY;AACrB,SAAgB,YAAY,eAAe;AAwBvC;AAZJ,IAAM,OAAO,WAGX,CAAC,OAAO,QAAQ;AAChB,QAAsC,YAA9B,SAAO,UAlBjB,IAkBwC,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,QAAM,EAAE,WAAW,eAAe,IAAI;AAAA,IACpC,MAAM,aAAa,KAAK;AAAA,IACxB,CAAC,KAAK;AAAA,EACR;AAEA,SACE;AAAA,IAAC,UAAU;AAAA,IAAV,iCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,OAAO,iCACf,YADe;AAAA,EAElB;AACF;","names":[]}

package/dist/chunk-DX3DLP5Z.js

@@ -0,0 +1,39 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/radio-cards.tsx
+import { RadioCards as RadixRadioCards } from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = forwardRef((props, ref) => {
+  const _a = props, { color, className } = _a, rest = __objRest(_a, ["color", "className"]);
+  const { color: radixColor, className: colorClassName } = useMemo(
+    () => resolveColor(color),
+    [color]
+  );
+  const appliedColor = colorClassName ? void 0 : radixColor;
+  return /* @__PURE__ */ jsx(
+    RadixRadioCards.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      color: appliedColor,
+      ref
+    })
+  );
+});
+Root.displayName = "RadioCards.Root";
+var RadioCards = __spreadProps(__spreadValues({}, RadixRadioCards), {
+  Root
+});
+
+export {
+  RadioCards
+};
+//# sourceMappingURL=chunk-DX3DLP5Z.js.map

package/dist/chunk-DX3DLP5Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/radio-cards.tsx"],"sourcesContent":["import { RadioCards as RadixRadioCards } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef, useMemo } from 'react';\nimport {\n  resolveColor,\n  type DistributiveOmit,\n  type UiColor,\n} from '../utils/resolve-color';\n\ntype RadioCardsRootProps = DistributiveOmit<\n  React.ComponentPropsWithoutRef<typeof RadixRadioCards.Root>,\n  'color'\n> & {\n  color?: UiColor;\n};\n\nconst Root = forwardRef<\n  React.ElementRef<typeof RadixRadioCards.Root>,\n  RadioCardsRootProps\n>((props, ref) => {\n  const { color, className, ...rest } = props;\n\n  const { color: radixColor, className: colorClassName } = useMemo(\n    () => resolveColor(color),\n    [color]\n  );\n\n  // custom color(black)는 className의 변수 override만 사용한다. fallback color를 함께 넘기면\n  // RadioCards가 그 color를 자식 Item으로 전파하고, 각 Item이 자기 `data-accent-color`로\n  // gray를 다시 적용해 조상 className override를 자식 스코프에서 덮어버린다.\n  const appliedColor = colorClassName ? undefined : radixColor;\n\n  return (\n    <RadixRadioCards.Root\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={appliedColor}\n      ref={ref}\n    />\n  );\n});\n\nRoot.displayName = 'RadioCards.Root';\n\nexport const RadioCards = {\n  ...RadixRadioCards,\n  Root,\n};\n\n"],"mappings":";;;;;;;;;;AAAA,SAAS,cAAc,uBAAuB;AAC9C,SAAS,YAAY;AACrB,SAAgB,YAAY,eAAe;AA+BvC;AAjBJ,IAAM,OAAO,WAGX,CAAC,OAAO,QAAQ;AAChB,QAAsC,YAA9B,SAAO,UApBjB,IAoBwC,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAM,aAAa,KAAK;AAAA,IACxB,CAAC,KAAK;AAAA,EACR;AAKA,QAAM,eAAe,iBAAiB,SAAY;AAElD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB,iCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,aAAa,iCACrB,kBADqB;AAAA,EAExB;AACF;","names":[]}

package/dist/{chunk-4U6DFH7Z.js → chunk-E6GCU5IQ.js}

@@ -1,6 +1,6 @@
 import {
   Form
-} from "./chunk-QDC3LFHS.js";
+} from "./chunk-MMLVZWMD.js";
 import {
   __async
 } from "./chunk-CRTRMMJ7.js";
@@ -47,4 +47,4 @@ export {
   DynamicFormProvider,
   useDynamicForm
 };
-//# sourceMappingURL=chunk-4U6DFH7Z.js.map
+//# sourceMappingURL=chunk-E6GCU5IQ.js.map

package/dist/chunk-EIKFXUNC.js

@@ -0,0 +1,39 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/call-out.tsx
+import { Callout as RadixCallout } from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Root = forwardRef((props, ref) => {
+  const _a = props, { color, className } = _a, rest = __objRest(_a, ["color", "className"]);
+  const { color: radixColor, className: colorClassName } = useMemo(
+    () => resolveColor(color),
+    [color]
+  );
+  const appliedColor = colorClassName ? void 0 : radixColor;
+  return /* @__PURE__ */ jsx(
+    RadixCallout.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      color: appliedColor,
+      ref
+    })
+  );
+});
+Root.displayName = "Callout.Root";
+var Callout = __spreadProps(__spreadValues({}, RadixCallout), {
+  Root
+});
+
+export {
+  Callout
+};
+//# sourceMappingURL=chunk-EIKFXUNC.js.map

package/dist/chunk-EIKFXUNC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/call-out.tsx"],"sourcesContent":["import { Callout as RadixCallout } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef, useMemo } from 'react';\nimport {\n  resolveColor,\n  type DistributiveOmit,\n  type UiColor,\n} from '../utils/resolve-color';\n\ntype CalloutRootProps = DistributiveOmit<\n  React.ComponentPropsWithoutRef<typeof RadixCallout.Root>,\n  'color'\n> & {\n  color?: UiColor;\n};\n\nconst Root = forwardRef<\n  React.ElementRef<typeof RadixCallout.Root>,\n  CalloutRootProps\n>((props, ref) => {\n  const { color, className, ...rest } = props;\n\n  const { color: radixColor, className: colorClassName } = useMemo(\n    () => resolveColor(color),\n    [color]\n  );\n\n  // custom color(black)는 className의 변수 override만 사용한다. fallback color를 함께 넘기면\n  // 자식 요소가 `data-accent-color`로 gray를 다시 적용해 조상 className override를 덮을 수 있다.\n  const appliedColor = colorClassName ? undefined : radixColor;\n\n  return (\n    <RadixCallout.Root\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={appliedColor}\n      ref={ref}\n    />\n  );\n});\n\nRoot.displayName = 'Callout.Root';\n\nexport const Callout = {\n  ...RadixCallout,\n  Root,\n};\n\n"],"mappings":";;;;;;;;;;AAAA,SAAS,WAAW,oBAAoB;AACxC,SAAS,YAAY;AACrB,SAAgB,YAAY,eAAe;AA8BvC;AAhBJ,IAAM,OAAO,WAGX,CAAC,OAAO,QAAQ;AAChB,QAAsC,YAA9B,SAAO,UApBjB,IAoBwC,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAM,aAAa,KAAK;AAAA,IACxB,CAAC,KAAK;AAAA,EACR;AAIA,QAAM,eAAe,iBAAiB,SAAY;AAElD,SACE;AAAA,IAAC,aAAa;AAAA,IAAb,iCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,UAAU,iCAClB,eADkB;AAAA,EAErB;AACF;","names":[]}

package/dist/{chunk-CSKNBWPB.js → chunk-EZN5PMTC.js}

@@ -1,9 +1,9 @@
 import {
   RadioCards
-} from "./chunk-6IVCARWS.js";
+} from "./chunk-DX3DLP5Z.js";
 import {
   Radio
-} from "./chunk-FPD73OHW.js";
+} from "./chunk-3TOUVBIB.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -70,4 +70,4 @@ var RadioButtonCard = {
 export {
   RadioButtonCard
 };
-//# sourceMappingURL=chunk-CSKNBWPB.js.map
+//# sourceMappingURL=chunk-EZN5PMTC.js.map

package/dist/chunk-EZN5PMTC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/radio-button-card.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useState,\n  Fragment,\n} from 'react';\n// 값(컴포넌트)은 @tipp/ui 래퍼, 타입(RootProps/ItemProps)은 Radix 네임스페이스에서 직접 가져온다.\nimport type { RadioCards as RadioCardsTypes } from '@radix-ui/themes';\nimport { RadioCards } from '@/atoms/radio-cards';\nimport { Flex } from '@/atoms/flex';\nimport { Radio } from '@/atoms/radio';\nimport type { FlexProps } from '@/atoms/flex';\n\ntype RadioButtonCardRootProps = RadioCardsTypes.RootProps & {\n  justify?: FlexProps['justify'];\n  RadioWrapper?: React.FC;\n};\nconst RadioCardContext = createContext<RadioButtonCardRootProps>({});\n\nfunction Root(props: RadioCardsTypes.RootProps): React.ReactNode {\n  const [value, setValue] = useState(props.value || props.defaultValue);\n\n  const onValueChange = useCallback(\n    (v: string) => {\n      setValue(v);\n      props.onValueChange?.(v);\n    },\n    [props]\n  );\n\n  return (\n    <RadioCardContext.Provider value={{ ...props, value }}>\n      <RadioCards.Root {...props} onValueChange={onValueChange} />\n    </RadioCardContext.Provider>\n  );\n}\n\ntype RadioButtonCardItemProps = RadioCardsTypes.ItemProps;\nfunction Item({\n  children,\n  ...itemRest\n}: RadioCardsTypes.ItemProps): React.ReactNode {\n  const {\n    value,\n    justify,\n    RadioWrapper = Fragment,\n    ...rootRest\n  } = useContext(RadioCardContext);\n\n  return (\n    <RadioCards.Item {...itemRest}>\n      <Flex align=\"center\" justify={justify || 'between'} width=\"100%\">\n        {children}\n        <RadioWrapper>\n          <Radio\n            checked={itemRest.value === value}\n            disabled={rootRest.disabled}\n            value={itemRest.value}\n          />\n        </RadioWrapper>\n      </Flex>\n    </RadioCards.Item>\n  );\n}\n\nexport const RadioButtonCard = {\n  Root,\n  Item,\n};\n\nexport type { RadioButtonCardItemProps, RadioButtonCardRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA2BD,cAmBA,YAnBA;AAfN,IAAM,mBAAmB,cAAwC,CAAC,CAAC;AAEnE,SAAS,KAAK,OAAmD;AAC/D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAM,SAAS,MAAM,YAAY;AAEpE,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAc;AAxBnB;AAyBM,eAAS,CAAC;AACV,kBAAM,kBAAN,+BAAsB;AAAA,IACxB;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,iCAAK,QAAL,EAAY,MAAM,IAClD,8BAAC,WAAW,MAAX,iCAAoB,QAApB,EAA2B,gBAA8B,GAC5D;AAEJ;AAGA,SAAS,KAAK,IAGiC;AAHjC,eACZ;AAAA;AAAA,EAxCF,IAuCc,IAET,qBAFS,IAET;AAAA,IADH;AAAA;AAGA,QAKIA,MAAA,WAAW,gBAAgB,GAJ7B;AAAA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,EA9CnB,IAgDMA,KADC,qBACDA,KADC;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAIF,SACE,oBAAC,WAAW,MAAX,iCAAoB,WAApB,EACC,+BAAC,QAAK,OAAM,UAAS,SAAS,WAAW,WAAW,OAAM,QACvD;AAAA;AAAA,IACD,oBAAC,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,SAAS,UAAU;AAAA,QAC5B,UAAU,SAAS;AAAA,QACnB,OAAO,SAAS;AAAA;AAAA,IAClB,GACF;AAAA,KACF,IACF;AAEJ;AAEO,IAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AACF;","names":["_a"]}

package/dist/{chunk-VRJR534I.js → chunk-GAA3RTRW.js}

@@ -1,9 +1,9 @@
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/atoms/field-error-wrapper.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,4 +20,4 @@ function FieldErrorWrapper({
 export {
   FieldErrorWrapper
 };
-//# sourceMappingURL=chunk-VRJR534I.js.map
+//# sourceMappingURL=chunk-GAA3RTRW.js.map

package/dist/{chunk-VY557FHE.js → chunk-GE4M5GOQ.js}

@@ -1,12 +1,12 @@
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-2LCH3PDF.js";
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
@@ -51,4 +51,4 @@ var review_question_footer_default = ReviewQuestionFooter;
 export {
   review_question_footer_default
 };
-//# sourceMappingURL=chunk-VY557FHE.js.map
+//# sourceMappingURL=chunk-GE4M5GOQ.js.map

package/dist/chunk-GI4AN2IZ.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/alert-dialog.tsx
+import { AlertDialog as RadixAlertDialog } 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(
+    RadixAlertDialog.Content,
+    __spreadProps(__spreadValues({
+      ref
+    }, rest), {
+      className: clsx(colorClassName, className)
+    })
+  );
+});
+Content.displayName = "AlertDialog.Content";
+var AlertDialog = __spreadProps(__spreadValues({}, RadixAlertDialog), {
+  Content
+});
+
+export {
+  AlertDialog
+};
+//# sourceMappingURL=chunk-GI4AN2IZ.js.map

package/dist/chunk-GI4AN2IZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as RadixAlertDialog } 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 = RadixAlertDialog.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  // (내부 action Button 등 accent 기반 요소가 gray로 떨어지는 것을 방지)\n  const { className: colorClassName } = useMemo(\n    () => resolveColor(color ?? themeAccent),\n    [color, themeAccent]\n  );\n\n  return (\n    <RadixAlertDialog.Content\n      ref={ref}\n      {...rest}\n      className={clsx(colorClassName, className)}\n    />\n  );\n});\n\nContent.displayName = 'AlertDialog.Content';\n\nexport const AlertDialog = {\n  ...RadixAlertDialog,\n  Content,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,eAAe,wBAAwB;AAChD,SAAS,YAAY;AACrB,SAAS,YAAY,YAAY,eAAe;AAsB5C;AAbJ,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAAsC,YAA9B,aAAW,MAZrB,IAYwC,IAAT,iBAAS,IAAT,CAArB,aAAW;AACnB,QAAM,cAAc,WAAW,kBAAkB;AAKjD,QAAM,EAAE,WAAW,eAAe,IAAI;AAAA,IACpC,MAAM,aAAa,wBAAS,WAAW;AAAA,IACvC,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,WAAW,KAAK,gBAAgB,SAAS;AAAA;AAAA,EAC3C;AAEJ,CAAC;AAED,QAAQ,cAAc;AAEf,IAAM,cAAc,iCACtB,mBADsB;AAAA,EAEzB;AACF;","names":[]}