@tipp/ui 2.5.0 → 2.6.0

package/dist/{chunk-QFEZIPWJ.js → chunk-WY37V3W4.js}

@@ -2,25 +2,25 @@ import {
   infoList,
   renderDataListItem,
   sessionList
-} from "./chunk-JWAQUXGB.js";
+} from "./chunk-BZ3EXV6A.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
 import {
   DataList
-} from "./chunk-VTJZMOSP.js";
+} from "./chunk-ZPUNTAVI.js";
+import {
+  Heading
+} from "./chunk-NLHVQJQ2.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
 
 // src/app/platform/userInfos/coaching-customer-info/large.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -61,4 +61,4 @@ function CoachingCustomerInfoLarge({
 export {
   CoachingCustomerInfoLarge
 };
-//# sourceMappingURL=chunk-QFEZIPWJ.js.map
+//# sourceMappingURL=chunk-WY37V3W4.js.map

package/dist/chunk-WYWM2HSZ.js

@@ -0,0 +1,33 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/theme/theme-provider.tsx
+import { createContext } from "react";
+import { Theme } from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+var ThemeAccentContext = createContext(void 0);
+function ThemeProvider(props) {
+  const _a = props, { accentColor = "iris", className } = _a, rest = __objRest(_a, ["accentColor", "className"]);
+  const { color: radixAccent, className: accentClassName } = resolveColor(accentColor);
+  const themeAccent = accentClassName ? accentColor : void 0;
+  return /* @__PURE__ */ jsx(ThemeAccentContext.Provider, { value: themeAccent, children: /* @__PURE__ */ jsx(
+    Theme,
+    __spreadValues({
+      accentColor: radixAccent != null ? radixAccent : "iris",
+      className: clsx(accentClassName, className),
+      radius: "medium"
+    }, rest)
+  ) });
+}
+
+export {
+  ThemeAccentContext,
+  ThemeProvider
+};
+//# sourceMappingURL=chunk-WYWM2HSZ.js.map

package/dist/chunk-WYWM2HSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/theme-provider.tsx"],"sourcesContent":["import React, { createContext } from 'react';\nimport { Theme } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { resolveColor, type UiColor } from '../utils/resolve-color';\n\ntype ThemeProps = React.ComponentProps<typeof Theme>;\n\n/**\n * 테마 전역 primary가 custom color(black 등)일 때 그 값을 하위로 전달하는 context.\n * Radix는 Portal 컨텐츠(Select 드롭다운 등)에 theme의 accentColor \"값\"(여기선 fallback gray)만\n * 복제하고 `.tipp-accent-black` className은 복제하지 않으므로, Portal 안에서는 accent override가\n * 사라진다. 래핑된 overlay 컴포넌트(Select 등)가 이 context를 최하위 fallback color로 읽어\n * 자기 요소에 className을 직접 부여하면 Portal 내부에서도 black이 유지된다.\n * (custom accent가 아닐 때는 undefined — Radix 네이티브 portal 상속에 맡긴다.)\n */\nexport const ThemeAccentContext = createContext<UiColor | undefined>(undefined);\n\nexport interface ThemeProviderProps extends Omit<ThemeProps, 'accentColor'> {\n  children: React.ReactNode;\n  /**\n   * 전역 primary(accent) color. Radix accent color에 더해 커스텀 `black`을 지원한다.\n   * black이면 Radix에는 fallback `gray`를 넘기고 Theme 루트에 accent override\n   * className을 부여하여 하위 컴포넌트가 color prop 없이도 black을 상속한다.\n   */\n  accentColor?: ThemeProps['accentColor'] | 'black';\n}\n\nexport function ThemeProvider(props: ThemeProviderProps): React.ReactNode {\n  const { accentColor = 'iris', className, ...rest } = props;\n\n  const { color: radixAccent, className: accentClassName } =\n    resolveColor(accentColor);\n\n  // custom accent(className이 생기는 경우 = black)일 때만 Portal 보정용으로 context에 흘린다.\n  const themeAccent = accentClassName ? accentColor : undefined;\n\n  return (\n    <ThemeAccentContext.Provider value={themeAccent}>\n      <Theme\n        accentColor={radixAccent ?? 'iris'}\n        className={clsx(accentClassName, className)}\n        radius=\"medium\"\n        {...rest}\n      />\n    </ThemeAccentContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;AAAA,SAAgB,qBAAqB;AACrC,SAAS,aAAa;AACtB,SAAS,YAAY;AAoCf;AAvBC,IAAM,qBAAqB,cAAmC,MAAS;AAYvE,SAAS,cAAc,OAA4C;AACxE,QAAqD,YAA7C,gBAAc,QAAQ,UA5BhC,IA4BuD,IAAT,iBAAS,IAAT,CAApC,eAAsB;AAE9B,QAAM,EAAE,OAAO,aAAa,WAAW,gBAAgB,IACrD,aAAa,WAAW;AAG1B,QAAM,cAAc,kBAAkB,cAAc;AAEpD,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,aAClC;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,oCAAe;AAAA,MAC5B,WAAW,KAAK,iBAAiB,SAAS;AAAA,MAC1C,QAAO;AAAA,OACH;AAAA,EACN,GACF;AAEJ;","names":[]}

package/dist/{chunk-SDEDXT7A.js → chunk-XOQXIPLL.js}

@@ -1,9 +1,9 @@
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ var curriculum_item_title_default = CurriculumItemTitle;
 export {
   curriculum_item_title_default
 };
-//# sourceMappingURL=chunk-SDEDXT7A.js.map
+//# sourceMappingURL=chunk-XOQXIPLL.js.map

package/dist/{chunk-DVYTRZOL.js → chunk-YCLYKBWZ.js}

@@ -1,30 +1,30 @@
-import {
-  ThemeProvider
-} from "./chunk-7FKRQQYK.js";
 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 {
+  ThemeProvider
+} from "./chunk-WYWM2HSZ.js";
 import {
   AspectRatio
 } from "./chunk-EAXUQEO5.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";
 import {
   __spreadProps,
   __spreadValues
@@ -160,4 +160,4 @@ function LearningPost(props) {
 export {
   LearningPost
 };
-//# sourceMappingURL=chunk-DVYTRZOL.js.map
+//# sourceMappingURL=chunk-YCLYKBWZ.js.map

package/dist/{chunk-YW4IN7LP.js → chunk-YGNHAFBW.js}

@@ -4,22 +4,22 @@ import {
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
+import {
+  Heading
+} from "./chunk-NLHVQJQ2.js";
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   HomeIcon,
   ResetIcon
 } from "./chunk-VOME2TE7.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/complete-review.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -76,4 +76,4 @@ var complete_review_default = CompleteReview;
 export {
   complete_review_default
 };
-//# sourceMappingURL=chunk-YW4IN7LP.js.map
+//# sourceMappingURL=chunk-YGNHAFBW.js.map

package/dist/{chunk-APG3GKDT.js → chunk-YWWYA2JZ.js}

@@ -1,27 +1,27 @@
 import {
   CurriculumReviewSteps_default
-} from "./chunk-WFOIY6OR.js";
+} from "./chunk-OQN4E2QP.js";
 import {
   useCurriculumContext
 } from "./chunk-WA5A2GB4.js";
 import {
   Dialog
-} from "./chunk-D3KCPM4O.js";
+} from "./chunk-PE4EBBU4.js";
 import {
   IconButton
-} from "./chunk-XK6VEVOK.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.js";
+} 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-2LCH3PDF.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -193,4 +193,4 @@ var curriculum_review_default = CurriculumReview;
 export {
   curriculum_review_default
 };
-//# sourceMappingURL=chunk-APG3GKDT.js.map
+//# sourceMappingURL=chunk-YWWYA2JZ.js.map

package/dist/chunk-YXMB4MCM.js

@@ -0,0 +1,87 @@
+import {
+  ThemeAccentContext
+} from "./chunk-WYWM2HSZ.js";
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/atoms/select.tsx
+import { Select as RadixSelect } from "@radix-ui/themes";
+import { clsx } from "clsx";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var SelectContext = createContext({
+  error: false
+});
+var Content = forwardRef((props, ref) => {
+  const _a = props, { className, isNavigation, color } = _a, rest = __objRest(_a, ["className", "isNavigation", "color"]);
+  const { error, color: contextColor } = useContext(SelectContext);
+  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 cls = useMemo(() => {
+    const etc = isNavigation ? "nav-select" : "";
+    const errorCls = error ? "tipp-error" : "";
+    return clsx(etc, errorCls, colorClassName, className);
+  }, [className, colorClassName, error, isNavigation]);
+  return /* @__PURE__ */ jsx(
+    RadixSelect.Content,
+    __spreadProps(__spreadValues({
+      position: "popper"
+    }, rest), {
+      className: cls,
+      color: appliedColor,
+      ref
+    })
+  );
+});
+Content.displayName = "Select.Content";
+var Trigger = forwardRef((props, ref) => {
+  const _a = props, { className, color } = _a, rest = __objRest(_a, ["className", "color"]);
+  const { error, color: contextColor } = useContext(SelectContext);
+  const { color: radixColor, className: colorClassName } = useMemo(
+    () => resolveColor(color != null ? color : contextColor),
+    [color, contextColor]
+  );
+  const appliedColor = colorClassName ? void 0 : radixColor;
+  const cls = useMemo(() => {
+    const errorCls = error ? "error" : "";
+    return clsx(errorCls, colorClassName, className);
+  }, [className, colorClassName, error]);
+  return /* @__PURE__ */ jsx(
+    RadixSelect.Trigger,
+    __spreadProps(__spreadValues({}, rest), {
+      className: cls,
+      color: appliedColor,
+      ref
+    })
+  );
+});
+Trigger.displayName = "Select.Trigger";
+function Root(props) {
+  const _a = props, { error, color } = _a, rest = __objRest(_a, ["error", "color"]);
+  const value = useMemo(() => ({ error, color }), [error, color]);
+  return /* @__PURE__ */ jsx(SelectContext.Provider, { value, children: /* @__PURE__ */ jsx(RadixSelect.Root, __spreadValues({}, rest)) });
+}
+Root.displayName = "Select.Root";
+var Select = __spreadProps(__spreadValues({}, RadixSelect), {
+  Root,
+  Trigger,
+  Content
+});
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-YXMB4MCM.js.map

package/dist/chunk-YXMB4MCM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/select.tsx"],"sourcesContent":["import { Select as RadixSelect } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\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 SelectContext = createContext<{ error?: boolean; color?: UiColor }>({\n  error: false,\n});\n\nexport type ContentProps = DistributiveOmit<\n  RadixSelect.ContentProps,\n  'color'\n> & {\n  isNavigation?: boolean;\n  color?: UiColor;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { className, isNavigation, color, ...rest } = props;\n  const { error, color: contextColor } = useContext(SelectContext);\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 cls = useMemo(() => {\n    const etc = isNavigation ? 'nav-select' : '';\n    const errorCls = error ? 'tipp-error' : '';\n    return clsx(etc, errorCls, colorClassName, className);\n  }, [className, colorClassName, error, isNavigation]);\n\n  return (\n    <RadixSelect.Content\n      position=\"popper\"\n      {...rest}\n      className={cls}\n      color={appliedColor}\n      ref={ref}\n    />\n  );\n});\nContent.displayName = 'Select.Content';\n\nexport type TriggerProps = DistributiveOmit<\n  RadixSelect.TriggerProps,\n  'color'\n> & {\n  color?: UiColor;\n};\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>((props, ref) => {\n  const { className, color, ...rest } = props;\n  const { error, color: contextColor } = useContext(SelectContext);\n\n  const { color: radixColor, className: colorClassName } = useMemo(\n    () => resolveColor(color ?? contextColor),\n    [color, contextColor]\n  );\n\n  // custom color(black)는 className override만 사용 (위 Content와 동일 이유).\n  const appliedColor = colorClassName ? undefined : radixColor;\n\n  const cls = useMemo(() => {\n    const errorCls = error ? 'error' : '';\n    return clsx(errorCls, colorClassName, className);\n  }, [className, colorClassName, error]);\n\n  return (\n    <RadixSelect.Trigger\n      {...rest}\n      className={cls}\n      color={appliedColor}\n      ref={ref}\n    />\n  );\n});\n\nTrigger.displayName = 'Select.Trigger';\n\nexport type SelectRootProps = RadixSelect.RootProps & {\n  error?: boolean;\n  /** Trigger·Content에 일괄 적용할 color. 각 파트에서 color prop으로 개별 override 가능. */\n  color?: UiColor;\n};\n\nfunction Root(props: SelectRootProps): React.ReactNode {\n  const { error, color, ...rest } = props;\n\n  const value = useMemo(() => ({ error, color }), [error, color]);\n\n  return (\n    <SelectContext.Provider value={value}>\n      <RadixSelect.Root {...rest} />\n    </SelectContext.Provider>\n  );\n}\n\nRoot.displayName = 'Select.Root';\n\nexport const Select = {\n  ...RadixSelect,\n  Root,\n  Trigger,\n  Content,\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,UAAU,mBAAmB;AACtC,SAAS,YAAY;AACrB,SAAS,eAAe,YAAY,YAAY,eAAe;AA2C3D;AAnCJ,IAAM,gBAAgB,cAAoD;AAAA,EACxE,OAAO;AACT,CAAC;AAUD,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAAoD,YAA5C,aAAW,cAAc,MAvBnC,IAuBsD,IAAT,iBAAS,IAAT,CAAnC,aAAW,gBAAc;AACjC,QAAM,EAAE,OAAO,OAAO,aAAa,IAAI,WAAW,aAAa;AAC/D,QAAM,cAAc,WAAW,kBAAkB;AAIjD,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAG;AA9BP,UAAAA;AA8BU,2BAAaA,MAAA,wBAAS,iBAAT,OAAAA,MAAyB,WAAW;AAAA;AAAA,IACvD,CAAC,OAAO,cAAc,WAAW;AAAA,EACnC;AAIA,QAAM,eAAe,iBAAiB,SAAY;AAElD,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM,MAAM,eAAe,eAAe;AAC1C,UAAM,WAAW,QAAQ,eAAe;AACxC,WAAO,KAAK,KAAK,UAAU,gBAAgB,SAAS;AAAA,EACtD,GAAG,CAAC,WAAW,gBAAgB,OAAO,YAAY,CAAC;AAEnD,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,UAAS;AAAA,OACL,OAFL;AAAA,MAGC,WAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AACD,QAAQ,cAAc;AAStB,IAAM,UAAU,WAA4C,CAAC,OAAO,QAAQ;AAC1E,QAAsC,YAA9B,aAAW,MAhErB,IAgEwC,IAAT,iBAAS,IAAT,CAArB,aAAW;AACnB,QAAM,EAAE,OAAO,OAAO,aAAa,IAAI,WAAW,aAAa;AAE/D,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAM,aAAa,wBAAS,YAAY;AAAA,IACxC,CAAC,OAAO,YAAY;AAAA,EACtB;AAGA,QAAM,eAAe,iBAAiB,SAAY;AAElD,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM,WAAW,QAAQ,UAAU;AACnC,WAAO,KAAK,UAAU,gBAAgB,SAAS;AAAA,EACjD,GAAG,CAAC,WAAW,gBAAgB,KAAK,CAAC;AAErC,SACE;AAAA,IAAC,YAAY;AAAA,IAAZ,iCACK,OADL;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,QAAQ,cAAc;AAQtB,SAAS,KAAK,OAAyC;AACrD,QAAkC,YAA1B,SAAO,MAnGjB,IAmGoC,IAAT,iBAAS,IAAT,CAAjB,SAAO;AAEf,QAAM,QAAQ,QAAQ,OAAO,EAAE,OAAO,MAAM,IAAI,CAAC,OAAO,KAAK,CAAC;AAE9D,SACE,oBAAC,cAAc,UAAd,EAAuB,OACtB,8BAAC,YAAY,MAAZ,mBAAqB,KAAM,GAC9B;AAEJ;AAEA,KAAK,cAAc;AAEZ,IAAM,SAAS,iCACjB,cADiB;AAAA,EAEpB;AAAA,EACA;AAAA,EACA;AACF;","names":["_a"]}

package/dist/{chunk-7AMHCTRM.js → chunk-Z5LPHG2D.js}

@@ -6,7 +6,10 @@ import {
 } from "./chunk-FR2GDOU2.js";
 import {
   Pagination
-} from "./chunk-HQATHJBN.js";
+} from "./chunk-IA74OBFY.js";
+import {
+  Typo
+} from "./chunk-GR4PG6HY.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
@@ -16,9 +19,6 @@ import {
 import {
   TriangleArrowDownIcon
 } from "./chunk-776WBOKL.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 import {
   __spreadProps,
   __spreadValues
@@ -234,4 +234,4 @@ export {
   createColumnHelper,
   ExpandTable
 };
-//# sourceMappingURL=chunk-7AMHCTRM.js.map
+//# sourceMappingURL=chunk-Z5LPHG2D.js.map

package/dist/{chunk-GZNELGHF.js → chunk-ZAFLWQOV.js}

@@ -1,21 +1,21 @@
 import {
   OnOfflineRadioCard
-} from "./chunk-3GQQQBJN.js";
+} from "./chunk-NYG34MV6.js";
 import {
   Dialog
-} from "./chunk-D3KCPM4O.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-ZVDAEY5Q.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-2LCH3PDF.js";
 
 // src/app/platform/edit-service-type.tsx
 import { useCallback, useState } from "react";
@@ -51,4 +51,4 @@ function EditServiceType(props) {
 export {
   EditServiceType
 };
-//# sourceMappingURL=chunk-GZNELGHF.js.map
+//# sourceMappingURL=chunk-ZAFLWQOV.js.map

package/dist/{chunk-WD5P2N6F.js → chunk-ZC2JPF7B.js}

@@ -4,33 +4,33 @@ import {
 import {
   Inset
 } from "./chunk-XQOL7UBI.js";
+import {
+  DropdownMenu
+} from "./chunk-T73HHR3I.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
 import {
-  DropdownMenu
-} from "./chunk-SMLC2O3V.js";
+  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 {
   Card
 } from "./chunk-RP2RGCAW.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
 import {
   DotsVerticalIcon
 } from "./chunk-VOME2TE7.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
-import {
-  Typo
-} from "./chunk-PMJIFLDT.js";
 
 // src/app/platform/contents-card.tsx
 import { forwardRef } from "react";
@@ -114,4 +114,4 @@ ContentsCard.displayName = "ContentsCard";
 export {
   ContentsCard
 };
-//# sourceMappingURL=chunk-WD5P2N6F.js.map
+//# sourceMappingURL=chunk-ZC2JPF7B.js.map

package/dist/{chunk-VYCYVN3L.js → chunk-ZCGH6TJ3.js}

@@ -1,3 +1,6 @@
+import {
+  resolveColor
+} from "./chunk-VFQD57ZY.js";
 import {
   __objRest,
   __spreadProps,
@@ -8,11 +11,12 @@ import {
 import {
   Checkbox as RadixCheckbox
 } from "@radix-ui/themes";
+import { clsx } from "clsx";
 import { useMemo, forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 var Checkbox = forwardRef(
   (props, ref) => {
-    const _a = props, { size = "medium" } = _a, rest = __objRest(_a, ["size"]);
+    const _a = props, { size = "medium", color, className } = _a, rest = __objRest(_a, ["size", "color", "className"]);
     const radixSize = useMemo(() => {
       switch (size) {
         case "small":
@@ -23,7 +27,16 @@ var Checkbox = forwardRef(
           return "3";
       }
     }, [size]);
-    return /* @__PURE__ */ jsx(RadixCheckbox, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize }));
+    const { color: radixColor, className: colorClassName } = resolveColor(color);
+    return /* @__PURE__ */ jsx(
+      RadixCheckbox,
+      __spreadProps(__spreadValues({}, rest), {
+        className: clsx(colorClassName, className),
+        color: radixColor,
+        ref,
+        size: radixSize
+      })
+    );
   }
 );
 Checkbox.displayName = "Checkbox";
@@ -31,4 +44,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-VYCYVN3L.js.map
+//# sourceMappingURL=chunk-ZCGH6TJ3.js.map

package/dist/chunk-ZCGH6TJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/check-box.tsx"],"sourcesContent":["import {\n  Checkbox as RadixCheckbox,\n  type CheckboxProps as RadixCheckboxProps,\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 CheckboxProps = Omit<RadixCheckboxProps, 'size' | 'color'> & {\n  size?: 'small' | 'medium' | 'large';\n  color?: UiColor;\n};\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (props, ref): React.ReactNode => {\n    const { size = 'medium', color, className, ...rest } = props;\n\n    const radixSize = useMemo<RadixCheckboxProps['size']>(() => {\n      switch (size) {\n        case 'small':\n          return '1';\n        case 'medium':\n          return '2';\n        case 'large':\n          return '3';\n      }\n    }, [size]);\n\n    const { color: radixColor, className: colorClassName } =\n      resolveColor(color);\n\n    return (\n      <RadixCheckbox\n        {...rest}\n        className={clsx(colorClassName, className)}\n        color={radixColor}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE,YAAY;AAAA,OAEP;AACP,SAAS,YAAY;AACrB,SAAS,SAAS,kBAAkB;AA2B9B;AAnBC,IAAM,WAAW;AAAA,EACtB,CAAC,OAAO,QAAyB;AAC/B,UAAuD,YAA/C,SAAO,UAAU,OAAO,UAfpC,IAe2D,IAAT,iBAAS,IAAT,CAAtC,QAAiB,SAAO;AAEhC,UAAM,YAAY,QAAoC,MAAM;AAC1D,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,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,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;","names":[]}

package/dist/{chunk-UH6Q3TEK.js → chunk-ZCQMCIT5.js}

@@ -1,18 +1,18 @@
 import {
-  ThemeProvider
-} from "./chunk-7FKRQQYK.js";
+  Heading
+} from "./chunk-NLHVQJQ2.js";
+import {
+  Box
+} from "./chunk-4Y5BEXVN.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
+  ThemeProvider
+} from "./chunk-WYWM2HSZ.js";
 import {
   __spreadProps,
   __spreadValues
@@ -67,4 +67,4 @@ function GhostPost(props) {
 export {
   GhostPost
 };
-//# sourceMappingURL=chunk-UH6Q3TEK.js.map
+//# sourceMappingURL=chunk-ZCQMCIT5.js.map

package/dist/chunk-ZPUNTAVI.js

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

package/dist/chunk-ZPUNTAVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/data-list.tsx"],"sourcesContent":["import { DataList as RadixDataList } 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\n// DataList의 color prop은 Root가 아니라 Label에 있다. 또한 Label은 Text/Heading처럼\n// `data-accent-color`가 있어야 accent를 참조하므로(없으면 gray 고정), Root className override가\n// 아닌 Label 자체를 래핑해 resolveColor를 적용한다. (Label은 단일 요소라 fallback color +\n// className이 같은 요소에 실려 black이 정상 동작한다.)\ntype DataListLabelProps = DistributiveOmit<\n  React.ComponentPropsWithoutRef<typeof RadixDataList.Label>,\n  'color'\n> & {\n  color?: UiColor;\n};\n\nconst Label = forwardRef<\n  React.ElementRef<typeof RadixDataList.Label>,\n  DataListLabelProps\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  return (\n    <RadixDataList.Label\n      {...rest}\n      className={clsx(colorClassName, className)}\n      color={radixColor}\n      ref={ref}\n    />\n  );\n});\n\nLabel.displayName = 'DataList.Label';\n\nexport const DataList = {\n  ...RadixDataList,\n  Label,\n};\n"],"mappings":";;;;;;;;;;AAAA,SAAS,YAAY,qBAAqB;AAC1C,SAAS,YAAY;AACrB,SAAgB,YAAY,eAAe;AA8BvC;AAZJ,IAAM,QAAQ,WAGZ,CAAC,OAAO,QAAQ;AAChB,QAAsC,YAA9B,SAAO,UAxBjB,IAwBwC,IAAT,iBAAS,IAAT,CAArB,SAAO;AAEf,QAAM,EAAE,OAAO,YAAY,WAAW,eAAe,IAAI;AAAA,IACvD,MAAM,aAAa,KAAK;AAAA,IACxB,CAAC,KAAK;AAAA,EACR;AAEA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd,iCACK,OADL;AAAA,MAEC,WAAW,KAAK,gBAAgB,SAAS;AAAA,MACzC,OAAO;AAAA,MACP;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,cAAc;AAEb,IAAM,WAAW,iCACnB,gBADmB;AAAA,EAEtB;AACF;","names":[]}

package/dist/{chunk-LT5C6QT7.js → chunk-ZUL3NYQ4.js}

@@ -1,6 +1,6 @@
 import {
   curriculum_item_title_default
-} from "./chunk-SDEDXT7A.js";
+} from "./chunk-XOQXIPLL.js";
 import {
   getCurriculumContentSubTypeText,
   getCurriculumIcon
@@ -26,4 +26,4 @@ var section_item_default = SectionCommonItem;
 export {
   section_item_default
 };
-//# sourceMappingURL=chunk-LT5C6QT7.js.map
+//# sourceMappingURL=chunk-ZUL3NYQ4.js.map

package/dist/{chunk-23QMZC6L.js → chunk-ZWYQ44CB.js}

@@ -1,36 +1,36 @@
 import {
   EditCoachingTime
-} from "./chunk-ZUZ5FT4B.js";
+} from "./chunk-TU6SGJ5Z.js";
 import {
   EditServiceType
-} from "./chunk-GZNELGHF.js";
+} from "./chunk-ZAFLWQOV.js";
 import {
   Grid
 } from "./chunk-EGEQY3KT.js";
 import {
   DataList
-} from "./chunk-VTJZMOSP.js";
+} from "./chunk-ZPUNTAVI.js";
 import {
   Dialog
-} from "./chunk-D3KCPM4O.js";
+} from "./chunk-PE4EBBU4.js";
+import {
+  Heading
+} from "./chunk-NLHVQJQ2.js";
 import {
   BulletText
-} from "./chunk-QRI6ARS6.js";
+} from "./chunk-C2G3IB7G.js";
 import {
   Flex
 } from "./chunk-25HMMI7R.js";
 import {
   Button
-} from "./chunk-ZVDAEY5Q.js";
+} from "./chunk-2LCH3PDF.js";
 import {
   Card
 } from "./chunk-RP2RGCAW.js";
 import {
   Pencil1Icon
 } from "./chunk-VOME2TE7.js";
-import {
-  Heading
-} from "./chunk-BESTU2AY.js";
 import {
   __objRest,
   __spreadProps,
@@ -141,4 +141,4 @@ function SessionCard(props) {
 export {
   SessionCard
 };
-//# sourceMappingURL=chunk-23QMZC6L.js.map
+//# sourceMappingURL=chunk-ZWYQ44CB.js.map