@tipp/ui 2.5.0 → 2.6.0

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

@@ -3,16 +3,16 @@ import {
 } from "./chunk-BEKSO5JG.js";
 import {
   List
-} from "./chunk-WE3TWSC4.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-YAUOAWYS.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-RPV3QPQL.js → chunk-RUJZ5PE7.js}

@@ -1,15 +1,15 @@
 import {
   DatePicker
-} from "./chunk-NZ6ONU5Z.js";
+} from "./chunk-2SM37SB4.js";
 import {
   TextField
 } from "./chunk-6NPTJBFE.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
+import {
+  Button
+} from "./chunk-2LCH3PDF.js";
 import {
   CalendarIcon
 } from "./chunk-VOME2TE7.js";
@@ -72,4 +72,4 @@ function DatePickerButton(props) {
 export {
   DatePickerButton
 };
-//# sourceMappingURL=chunk-RPV3QPQL.js.map
+//# sourceMappingURL=chunk-RUJZ5PE7.js.map

package/dist/chunk-SA7AYYQS.js

@@ -0,0 +1,39 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/radio-group.tsx
+import { RadioGroup as RadixRadioGroup } 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(
+    RadixRadioGroup.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      color: appliedColor,
+      ref
+    })
+  );
+});
+Root.displayName = "RadioGroup.Root";
+var RadioGroup = __spreadProps(__spreadValues({}, RadixRadioGroup), {
+  Root
+});
+
+export {
+  RadioGroup
+};
+//# sourceMappingURL=chunk-SA7AYYQS.js.map

package/dist/chunk-SA7AYYQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/radio-group.tsx"],"sourcesContent":["import { RadioGroup as RadixRadioGroup } 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 RadioGroupRootProps = DistributiveOmit<\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>,\n  'color'\n> & {\n  color?: UiColor;\n};\n\nconst Root = forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Root>,\n  RadioGroupRootProps\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  // RadioGroup이 그 color를 자식 Item으로 전파하고, 각 Item이 자기 `data-accent-color`로\n  // gray를 다시 적용해 조상 className override를 자식 스코프에서 덮어버린다.\n  const appliedColor = colorClassName ? undefined : radixColor;\n\n  return (\n    <RadixRadioGroup.Root\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={appliedColor}\n      ref={ref}\n    />\n  );\n});\n\nRoot.displayName = 'RadioGroup.Root';\n\nexport const RadioGroup = {\n  ...RadixRadioGroup,\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-6J5YZTZE.js → chunk-T2CGNUCP.js}

@@ -1,15 +1,15 @@
+import {
+  review_question_radio_default
+} from "./chunk-HH6LML5K.js";
 import {
   review_question_satisfaction_option_default
-} from "./chunk-7I7PZF5L.js";
+} from "./chunk-OYXUWBKS.js";
 import {
   ReviewQuestionSatisfisText
-} from "./chunk-5V6MQUTB.js";
+} from "./chunk-5OW76AER.js";
 import {
   review_question_text_default
-} from "./chunk-JUDD3XGY.js";
-import {
-  review_question_radio_default
-} from "./chunk-KMVSJT6Y.js";
+} from "./chunk-MSM2QG23.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-question-body.tsx
 import { jsx } from "react/jsx-runtime";
@@ -66,4 +66,4 @@ var review_question_body_default = ReviewQuestionBody;
 export {
   review_question_body_default
 };
-//# sourceMappingURL=chunk-6J5YZTZE.js.map
+//# sourceMappingURL=chunk-T2CGNUCP.js.map

package/dist/chunk-T73HHR3I.js

@@ -0,0 +1,67 @@
+import {
+  ThemeAccentContext
+} from "./chunk-WYWM2HSZ.js";
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/dropdown-menu.tsx
+import { DropdownMenu as RadixDropdownMenu } from "@radix-ui/themes";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var DropdownMenuContext = createContext({});
+var Content = forwardRef((props, ref) => {
+  const _a = props, { isNavigation, className, color } = _a, rest = __objRest(_a, ["isNavigation", "className", "color"]);
+  const { color: contextColor } = useContext(DropdownMenuContext);
+  const themeAccent = useContext(ThemeAccentContext);
+  const { color: radixColor, className: colorClassName } = useMemo(
+    () => {
+      var _a2;
+      return resolveColor((_a2 = color != null ? color : contextColor) != null ? _a2 : themeAccent);
+    },
+    [color, contextColor, themeAccent]
+  );
+  const appliedColor = colorClassName ? void 0 : radixColor;
+  const contentClassName = useMemo(() => {
+    const cls = isNavigation ? "dropdown-navigation" : "";
+    return [cls, colorClassName, className].filter(Boolean).join(" ");
+  }, [isNavigation, colorClassName, className]);
+  return /* @__PURE__ */ jsx(
+    RadixDropdownMenu.Content,
+    __spreadProps(__spreadValues({
+      ref
+    }, rest), {
+      className: contentClassName,
+      color: appliedColor
+    })
+  );
+});
+Content.displayName = "DropdownMenu.Content";
+var Trigger = forwardRef(
+  (_a, ref) => {
+    var _b = _a, { asChild: _asChild } = _b, props = __objRest(_b, ["asChild"]);
+    return /* @__PURE__ */ jsx(RadixDropdownMenu.Trigger, __spreadValues({ ref }, props));
+  }
+);
+Trigger.displayName = "DropdownMenu.Trigger";
+function Root(props) {
+  const _a = props, { color } = _a, rest = __objRest(_a, ["color"]);
+  const value = useMemo(() => ({ color }), [color]);
+  return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ jsx(RadixDropdownMenu.Root, __spreadValues({}, rest)) });
+}
+Root.displayName = "DropdownMenu.Root";
+var DropdownMenu = __spreadProps(__spreadValues({}, RadixDropdownMenu), {
+  Root,
+  Content,
+  Trigger
+});
+
+export {
+  DropdownMenu
+};
+//# sourceMappingURL=chunk-T73HHR3I.js.map

package/dist/chunk-T73HHR3I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as RadixDropdownMenu } from '@radix-ui/themes';\nimport { createContext, forwardRef, useContext, useMemo } from 'react';\nimport {\n  resolveColor,\n  type DistributiveOmit,\n  type UiColor,\n} from '../utils/resolve-color';\nimport { ThemeAccentContext } from '../theme/theme-provider';\n\nconst DropdownMenuContext = createContext<{ color?: UiColor }>({});\n\ntype ContentProps = DistributiveOmit<\n  RadixDropdownMenu.ContentProps,\n  'color'\n> & {\n  isNavigation?: boolean;\n  onOpenAutoFocus?: (event: Event) => void;\n  color?: UiColor;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { isNavigation, className, color, ...rest } = props;\n  const { color: contextColor } = useContext(DropdownMenuContext);\n  const themeAccent = useContext(ThemeAccentContext);\n\n  // Content는 Portal로 렌더돼 theme의 className override를 못 받으므로, per-instance/Root color가\n  // 없으면 theme custom accent(black)를 fallback으로 적용해 Portal 안에서도 black을 유지한다.\n  const { color: radixColor, className: colorClassName } = useMemo(\n    () => resolveColor(color ?? contextColor ?? themeAccent),\n    [color, contextColor, themeAccent],\n  );\n\n  // custom color(black)는 className override만 사용 — fallback color를 함께 넘기면 자식 Item이\n  // 자기 data-accent-color로 gray를 다시 적용해 override를 덮는다.\n  const appliedColor = colorClassName ? undefined : radixColor;\n\n  const contentClassName = useMemo(() => {\n    const cls = isNavigation ? 'dropdown-navigation' : '';\n    return [cls, colorClassName, className].filter(Boolean).join(' ');\n  }, [isNavigation, colorClassName, className]);\n\n  return (\n    <RadixDropdownMenu.Content\n      ref={ref}\n      {...rest}\n      className={contentClassName}\n      color={appliedColor}\n    />\n  );\n});\n\nContent.displayName = 'DropdownMenu.Content';\n\n// @radix-ui/themes의 DropdownMenu.Trigger는 asChild 타입이 누락되어 있어 별도로 확장\ntype TriggerProps = RadixDropdownMenu.TriggerProps & { asChild?: boolean };\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>(\n  ({ asChild: _asChild, ...props }, ref) => (\n    <RadixDropdownMenu.Trigger ref={ref} {...props} />\n  ),\n);\n\nTrigger.displayName = 'DropdownMenu.Trigger';\n\ntype RootProps = RadixDropdownMenu.RootProps & {\n  /** Content에 일괄 적용할 color. Content에서 color prop으로 개별 override 가능. */\n  color?: UiColor;\n};\n\nfunction Root(props: RootProps): React.ReactNode {\n  const { color, ...rest } = props;\n\n  const value = useMemo(() => ({ color }), [color]);\n\n  return (\n    <DropdownMenuContext.Provider value={value}>\n      <RadixDropdownMenu.Root {...rest} />\n    </DropdownMenuContext.Provider>\n  );\n}\n\nRoot.displayName = 'DropdownMenu.Root';\n\nexport const DropdownMenu = {\n  ...RadixDropdownMenu,\n  Root,\n  Content,\n  Trigger,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,eAAe,YAAY,YAAY,eAAe;AAyC3D;AAjCJ,IAAM,sBAAsB,cAAmC,CAAC,CAAC;AAWjE,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAAoD,YAA5C,gBAAc,WAAW,MArBnC,IAqBsD,IAAT,iBAAS,IAAT,CAAnC,gBAAc,aAAW;AACjC,QAAM,EAAE,OAAO,aAAa,IAAI,WAAW,mBAAmB;AAC9D,QAAM,cAAc,WAAW,kBAAkB;AAIjD,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAG;AA5BP,UAAAA;AA4BU,2BAAaA,MAAA,wBAAS,iBAAT,OAAAA,MAAyB,WAAW;AAAA;AAAA,IACvD,CAAC,OAAO,cAAc,WAAW;AAAA,EACnC;AAIA,QAAM,eAAe,iBAAiB,SAAY;AAElD,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,MAAM,eAAe,wBAAwB;AACnD,WAAO,CAAC,KAAK,gBAAgB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,EAClE,GAAG,CAAC,cAAc,gBAAgB,SAAS,CAAC;AAE5C,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,WAAW;AAAA,MACX,OAAO;AAAA;AAAA,EACT;AAEJ,CAAC;AAED,QAAQ,cAAc;AAKtB,IAAM,UAAU;AAAA,EACd,CAAC,IAAiC,QAAK;AAAtC,iBAAE,WAAS,SAzDd,IAyDG,IAAwB,kBAAxB,IAAwB,CAAtB;AACD,+BAAC,kBAAkB,SAAlB,iBAA0B,OAAc,MAAO;AAAA;AAEpD;AAEA,QAAQ,cAAc;AAOtB,SAAS,KAAK,OAAmC;AAC/C,QAA2B,YAAnB,QAtEV,IAsE6B,IAAT,iBAAS,IAAT,CAAV;AAER,QAAM,QAAQ,QAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;AAEhD,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAC5B,8BAAC,kBAAkB,MAAlB,mBAA2B,KAAM,GACpC;AAEJ;AAEA,KAAK,cAAc;AAEZ,IAAM,eAAe,iCACvB,oBADuB;AAAA,EAE1B;AAAA,EACA;AAAA,EACA;AACF;","names":["_a"]}

package/dist/chunk-TNNF5Q62.js

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

package/dist/chunk-TNNF5Q62.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/progress.tsx"],"sourcesContent":["import {\n  Progress as RadixProgress,\n  type ProgressProps as RadixProgressProps,\n} from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\nexport type ProgressProps = Omit<RadixProgressProps, 'color'> & {\n  color?: UiColor;\n};\n\nexport const Progress = forwardRef<\n  React.ComponentRef<typeof RadixProgress>,\n  ProgressProps\n>((props, ref): React.ReactNode => {\n  const { color, className, ...rest } = props;\n\n  const { color: radixColor, className: colorClassName } = resolveColor(color);\n\n  return (\n    <RadixProgress\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={radixColor}\n      ref={ref}\n    />\n  );\n});\n\nProgress.displayName = 'Progress';\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,YAAY;AAAA,OAEP;AACP,SAAS,YAAY;AACrB,SAAgB,kBAAkB;AAgB9B;AATG,IAAM,WAAW,WAGtB,CAAC,OAAO,QAAyB;AACjC,QAAsC,YAA9B,SAAO,UAhBjB,IAgBwC,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI,aAAa,KAAK;AAE3E,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,SAAS,cAAc;","names":[]}

package/dist/{chunk-ZUZ5FT4B.js → chunk-TU6SGJ5Z.js}

@@ -1,13 +1,16 @@
 import {
   DatePickerButton
-} from "./chunk-RPV3QPQL.js";
+} from "./chunk-RUJZ5PE7.js";
 import {
   TimeSelect
-} from "./chunk-7PF6I4RN.js";
+} from "./chunk-GRDRXD53.js";
 import {
   getTimeOption,
   parseTimeOption
 } from "./chunk-NWJSLIQ3.js";
+import {
+  Form
+} from "./chunk-MMLVZWMD.js";
 import {
   toast
 } from "./chunk-LNPFV5BJ.js";
@@ -19,19 +22,16 @@ import {
 } from "./chunk-EGEQY3KT.js";
 import {
   Dialog
-} from "./chunk-D3KCPM4O.js";
+} from "./chunk-PE4EBBU4.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Form
-} from "./chunk-QDC3LFHS.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   __spreadProps,
   __spreadValues
@@ -171,4 +171,4 @@ function EditCoachingTime(props) {
 export {
   EditCoachingTime
 };
-//# sourceMappingURL=chunk-ZUZ5FT4B.js.map
+//# sourceMappingURL=chunk-TU6SGJ5Z.js.map

package/dist/{chunk-5ZEQ33PC.js → chunk-TYEGB5FQ.js}

@@ -2,7 +2,7 @@ import {
   infoList,
   renderDataListItem,
   sessionList
-} from "./chunk-JWAQUXGB.js";
+} from "./chunk-BZ3EXV6A.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
@@ -11,16 +11,16 @@ import {
 } from "./chunk-EGEQY3KT.js";
 import {
   DataList
-} from "./chunk-VTJZMOSP.js";
+} from "./chunk-ZPUNTAVI.js";
 import {
-  Flex
-} from "./chunk-25HMMI7R.js";
+  Heading
+} from "./chunk-NLHVQJQ2.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
-  Heading
-} from "./chunk-BESTU2AY.js";
+  Flex
+} from "./chunk-25HMMI7R.js";
 
 // src/app/platform/userInfos/session-user-info-detail.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -54,4 +54,4 @@ function SessionUserInfoDetail({
 export {
   SessionUserInfoDetail
 };
-//# sourceMappingURL=chunk-5ZEQ33PC.js.map
+//# sourceMappingURL=chunk-TYEGB5FQ.js.map

package/dist/{chunk-5AWPST2R.js → chunk-UFM3EL52.js}

@@ -12,24 +12,24 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-NLHVQJQ2.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   Badge
-} from "./chunk-KTSEZC6A.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-BK74U562.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/start-review.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -148,4 +148,4 @@ var start_review_default = StartReview;
 export {
   start_review_default
 };
-//# sourceMappingURL=chunk-5AWPST2R.js.map
+//# sourceMappingURL=chunk-UFM3EL52.js.map

package/dist/chunk-UFRB2BVD.js

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

package/dist/chunk-UFRB2BVD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/blockquote.tsx"],"sourcesContent":["import {\n  Blockquote as RadixBlockquote,\n  type BlockquoteProps as RadixBlockquoteProps,\n} from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\nexport type BlockquoteProps = Omit<RadixBlockquoteProps, 'color'> & {\n  color?: UiColor;\n};\n\nexport const Blockquote = forwardRef<\n  React.ComponentRef<typeof RadixBlockquote>,\n  BlockquoteProps\n>((props, ref): React.ReactNode => {\n  const { color, className, ...rest } = props;\n\n  const { color: radixColor, className: colorClassName } = resolveColor(color);\n\n  return (\n    <RadixBlockquote\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={radixColor}\n      ref={ref}\n    />\n  );\n});\n\nBlockquote.displayName = 'Blockquote';\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,cAAc;AAAA,OAET;AACP,SAAS,YAAY;AACrB,SAAgB,kBAAkB;AAgB9B;AATG,IAAM,aAAa,WAGxB,CAAC,OAAO,QAAyB;AACjC,QAAsC,YAA9B,SAAO,UAhBjB,IAgBwC,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI,aAAa,KAAK;AAE3E,SACE;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,WAAW,cAAc;","names":[]}

package/dist/chunk-UFWDQGOK.js

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

package/dist/chunk-UFWDQGOK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/code.tsx"],"sourcesContent":["import {\n  Code as RadixCode,\n  type CodeProps as RadixCodeProps,\n} from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\nexport type CodeProps = Omit<RadixCodeProps, 'color'> & {\n  color?: UiColor;\n};\n\nexport const Code = forwardRef<React.ComponentRef<typeof RadixCode>, CodeProps>(\n  (props, ref): React.ReactNode => {\n    const { color, className, ...rest } = props;\n\n    const { color: radixColor, className: colorClassName } =\n      resolveColor(color);\n\n    return (\n      <RadixCode\n        {...rest}\n        className={clsx(colorClassName, className)}\n        color={radixColor}\n        ref={ref}\n      />\n    );\n  }\n);\n\nCode.displayName = 'Code';\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,QAAQ;AAAA,OAEH;AACP,SAAS,YAAY;AACrB,SAAgB,kBAAkB;AAe5B;AARC,IAAM,OAAO;AAAA,EAClB,CAAC,OAAO,QAAyB;AAC/B,UAAsC,YAA9B,SAAO,UAdnB,IAc0C,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,UAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IACnD,aAAa,KAAK;AAEpB,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,QACzC,OAAO;AAAA,QACP;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/{chunk-R3WM6HV6.js → chunk-VD5ZDFCM.js}

@@ -2,15 +2,15 @@ import {
   getCurriculumIcon,
   getCurriculumQuestionIconColor
 } from "./chunk-2ISIAPFS.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
 import {
   Typo
-} from "./chunk-PMJIFLDT.js";
+} from "./chunk-GR4PG6HY.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/ReviewQuestion/review-comp.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -40,4 +40,4 @@ function ReviewQuestionContentHeader({
 export {
   ReviewQuestionContentHeader
 };
-//# sourceMappingURL=chunk-R3WM6HV6.js.map
+//# sourceMappingURL=chunk-VD5ZDFCM.js.map

package/dist/chunk-VFQD57ZY.js

@@ -0,0 +1,27 @@
+// src/utils/resolve-color.ts
+var SEMANTIC_COLOR_MAP = {
+  error: "red",
+  neutral: "gray",
+  success: "green",
+  accent: void 0
+};
+var CUSTOM_COLOR_MAP = {
+  black: { className: "tipp-accent-black", fallbackColor: "gray" }
+};
+var isSemanticColor = (color) => color !== void 0 && color in SEMANTIC_COLOR_MAP;
+var isCustomColor = (color) => color !== void 0 && color in CUSTOM_COLOR_MAP;
+var resolveColor = (color) => {
+  if (isCustomColor(color)) {
+    const { className, fallbackColor } = CUSTOM_COLOR_MAP[color];
+    return { color: fallbackColor, className };
+  }
+  if (isSemanticColor(color)) {
+    return { color: SEMANTIC_COLOR_MAP[color] };
+  }
+  return { color };
+};
+
+export {
+  resolveColor
+};
+//# sourceMappingURL=chunk-VFQD57ZY.js.map

package/dist/chunk-VFQD57ZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/resolve-color.ts"],"sourcesContent":["import type { BadgeProps as RadixBadgeProps } from '@radix-ui/themes';\n\n/**\n * Radix Themes가 제공하는 accent color union (gray, red, blue, ...).\n * 모든 color 지원 컴포넌트가 동일한 union을 공유하므로 Badge에서 파생한다.\n */\nexport type RadixColor = NonNullable<RadixBadgeProps['color']>;\n\n/** TIPP 시맨틱 color 별칭. */\nexport type SemanticColor = 'error' | 'accent' | 'neutral' | 'success';\n\n/**\n * Radix accent에 대응이 없어 CSS accent override로 처리하는 커스텀 color.\n * (예: black — `style/black.scss`의 `.tipp-accent-black` 참고)\n */\nexport type CustomColor = 'black';\n\n/** color 지원 컴포넌트가 노출하는 통합 color 타입. */\nexport type UiColor = RadixColor | SemanticColor | CustomColor;\n\n/**\n * union 각 멤버에 분배되는 Omit.\n * Radix의 polymorphic 컴포넌트 props(Text/Heading/Link 등 `as`로 분기되는 union)에서\n * 키를 제거할 때 일반 Omit은 union을 단일 객체로 합쳐 `as` 분기를 무너뜨리므로 이 타입을 쓴다.\n */\nexport type DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n  ? Omit<T, K>\n  : never;\n\nconst SEMANTIC_COLOR_MAP: Record<SemanticColor, RadixColor | undefined> = {\n  error: 'red',\n  neutral: 'gray',\n  success: 'green',\n  accent: undefined,\n};\n\ninterface CustomColorConfig {\n  /**\n   * accent override를 적용할 className.\n   */\n  className: string;\n  /**\n   * Radix에 넘길 fallback color.\n   * Text/Heading/Link 등은 `color` prop이 있어야 `data-accent-color`가 붙어\n   * `--accent-*`를 참조하므로, 유효한 Radix color를 함께 넘긴 뒤 className으로\n   * `--accent-*`를 덮어쓴다. (Badge/Button은 prop 없이도 accent 기반이라 무해)\n   */\n  fallbackColor: RadixColor;\n}\n\nconst CUSTOM_COLOR_MAP: Record<CustomColor, CustomColorConfig> = {\n  black: { className: 'tipp-accent-black', fallbackColor: 'gray' },\n};\n\nconst isSemanticColor = (color?: UiColor): color is SemanticColor =>\n  color !== undefined && color in SEMANTIC_COLOR_MAP;\n\nconst isCustomColor = (color?: UiColor): color is CustomColor =>\n  color !== undefined && color in CUSTOM_COLOR_MAP;\n\nexport interface ResolvedColor {\n  /** Radix 컴포넌트의 `color` prop에 그대로 전달할 값. custom color면 undefined. */\n  color?: RadixColor;\n  /** accent override를 적용하기 위해 요소에 붙일 className. */\n  className?: string;\n}\n\n/**\n * 통합 color 입력을 Radix color prop과 className으로 정규화한다.\n *\n * - custom color(black 등): Radix color는 비우고 accent override className을 반환\n * - semantic color(error/neutral/success/accent): 대응 Radix color로 변환\n * - Radix color: 그대로 pass-through\n */\nexport const resolveColor = (color?: UiColor): ResolvedColor => {\n  if (isCustomColor(color)) {\n    const { className, fallbackColor } = CUSTOM_COLOR_MAP[color];\n    return { color: fallbackColor, className };\n  }\n\n  if (isSemanticColor(color)) {\n    return { color: SEMANTIC_COLOR_MAP[color] };\n  }\n\n  return { color };\n};\n"],"mappings":";AA6BA,IAAM,qBAAoE;AAAA,EACxE,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAgBA,IAAM,mBAA2D;AAAA,EAC/D,OAAO,EAAE,WAAW,qBAAqB,eAAe,OAAO;AACjE;AAEA,IAAM,kBAAkB,CAAC,UACvB,UAAU,UAAa,SAAS;AAElC,IAAM,gBAAgB,CAAC,UACrB,UAAU,UAAa,SAAS;AAgB3B,IAAM,eAAe,CAAC,UAAmC;AAC9D,MAAI,cAAc,KAAK,GAAG;AACxB,UAAM,EAAE,WAAW,cAAc,IAAI,iBAAiB,KAAK;AAC3D,WAAO,EAAE,OAAO,eAAe,UAAU;AAAA,EAC3C;AAEA,MAAI,gBAAgB,KAAK,GAAG;AAC1B,WAAO,EAAE,OAAO,mBAAmB,KAAK,EAAE;AAAA,EAC5C;AAEA,SAAO,EAAE,MAAM;AACjB;","names":[]}

package/dist/{chunk-AQVIQODP.js → chunk-VK6INFSB.js}

@@ -4,12 +4,12 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
 import {
   Box
 } from "./chunk-4Y5BEXVN.js";
+import {
+  Flex
+} from "./chunk-25HMMI7R.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -66,4 +66,4 @@ var review_question_layout_default = ReviewQuestionLayout;
 export {
   review_question_layout_default
 };
-//# sourceMappingURL=chunk-AQVIQODP.js.map
+//# sourceMappingURL=chunk-VK6INFSB.js.map

package/dist/{chunk-W7X7KSJP.js → chunk-WG5OK3YN.js}

@@ -1,3 +1,6 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
 import {
   __objRest,
   __spreadProps,
@@ -6,10 +9,11 @@ import {
 
 // src/atoms/check-box-group.tsx
 import { CheckboxGroup as RadixCheckboxGroup } 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, { children, size = "medium" } = _a, rest = __objRest(_a, ["children", "size"]);
+  const _a = props, { children, size = "medium", color, className } = _a, rest = __objRest(_a, ["children", "size", "color", "className"]);
   const groupSize = useMemo(() => {
     switch (size) {
       case "small":
@@ -21,7 +25,19 @@ var Root = forwardRef((props, ref) => {
         return "2";
     }
   }, [size]);
-  return /* @__PURE__ */ jsx(RadixCheckboxGroup.Root, __spreadProps(__spreadValues({}, rest), { ref, size: groupSize, children }));
+  const { className: colorClassName } = useMemo(
+    () => resolveColor(color),
+    [color]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixCheckboxGroup.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      className: clsx(colorClassName, className),
+      ref,
+      size: groupSize,
+      children
+    })
+  );
 });
 Root.displayName = "CheckboxGroup.Root";
 var CheckboxGroup = {
@@ -32,4 +48,4 @@ var CheckboxGroup = {
 export {
   CheckboxGroup
 };
-//# sourceMappingURL=chunk-W7X7KSJP.js.map
+//# sourceMappingURL=chunk-WG5OK3YN.js.map

package/dist/chunk-WG5OK3YN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/check-box-group.tsx"],"sourcesContent":["import { CheckboxGroup as RadixCheckboxGroup } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport React, { forwardRef, useMemo } from 'react';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\ntype RadixCheckboxGroupProps = React.ComponentPropsWithoutRef<\n  typeof RadixCheckboxGroup.Root\n>;\ntype CheckboxGroupProps = Omit<RadixCheckboxGroupProps, 'size'> & {\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * CheckboxGroup은 Radix color prop이 없어 per-instance로는 custom accent(black 등)만\n   * className override로 적용된다. semantic/radix color는 theme accent로만 가능.\n   */\n  color?: UiColor;\n};\n\nconst Root = forwardRef<HTMLDivElement, CheckboxGroupProps>((props, ref) => {\n  const { children, size = 'medium', color, className, ...rest } = props;\n\n  const groupSize = useMemo<RadixCheckboxGroupProps['size']>(() => {\n    switch (size) {\n      case 'small':\n        return '1';\n      case 'large':\n        return '3';\n      case 'medium':\n      default:\n        return '2';\n    }\n  }, [size]);\n\n  const { className: colorClassName } = useMemo(\n    () => resolveColor(color),\n    [color]\n  );\n\n  return (\n    <RadixCheckboxGroup.Root\n      {...rest}\n      className={clsx(colorClassName, className)}\n      ref={ref}\n      size={groupSize}\n    >\n      {children}\n    </RadixCheckboxGroup.Root>\n  );\n});\n\nRoot.displayName = 'CheckboxGroup.Root';\n\nexport const CheckboxGroup = {\n  Root,\n  Item: RadixCheckboxGroup.Item,\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAS,iBAAiB,0BAA0B;AACpD,SAAS,YAAY;AACrB,SAAgB,YAAY,eAAe;AAoCvC;AArBJ,IAAM,OAAO,WAA+C,CAAC,OAAO,QAAQ;AAC1E,QAAiE,YAAzD,YAAU,OAAO,UAAU,OAAO,UAlB5C,IAkBmE,IAAT,iBAAS,IAAT,CAAhD,YAAU,QAAiB,SAAO;AAE1C,QAAM,YAAY,QAAyC,MAAM;AAC/D,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAAA,MACL;AACE,eAAO;AAAA,IACX;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,EAAE,WAAW,eAAe,IAAI;AAAA,IACpC,MAAM,aAAa,KAAK;AAAA,IACxB,CAAC,KAAK;AAAA,EACR;AAEA,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB,iCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC;AAAA,MACA,MAAM;AAAA,MAEL;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,KAAK,cAAc;AAEZ,IAAM,gBAAgB;AAAA,EAC3B;AAAA,EACA,MAAM,mBAAmB;AAC3B;","names":[]}