@tipp/ui 2.1.15 → 2.1.17

package/dist/chunk-7WNN4SGN.mjs

@@ -0,0 +1,68 @@
+import {
+  ThemeProvider
+} from "./chunk-CGLGJNL2.mjs";
+import {
+  Heading
+} from "./chunk-LW2LPN2L.mjs";
+import {
+  Button
+} from "./chunk-OE36IPU3.mjs";
+import {
+  p2 as p,
+  p3 as p2
+} from "./chunk-VHGFYBT7.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/molecules/ghost-post.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function GhostPost(props) {
+  const { defaultThemeProps, html, onPageBack } = props;
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    __spreadProps(__spreadValues({}, defaultThemeProps), {
+      accentColor: "iris",
+      scaling: "110%",
+      style: {},
+      children: html ? /* @__PURE__ */ jsx(p, { mt: "5", width: "100%", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "gh-content",
+          dangerouslySetInnerHTML: { __html: html }
+        }
+      ) }) : /* @__PURE__ */ jsxs(
+        p2,
+        {
+          align: "center",
+          direction: "column",
+          gap: "6",
+          height: "100%",
+          justify: "center",
+          width: "100%",
+          children: [
+            /* @__PURE__ */ jsx(Heading, { variant: "heading1", children: "\uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4." }),
+            /* @__PURE__ */ jsx(
+              Heading,
+              {
+                align: "center",
+                color: "gray",
+                variant: "heading4",
+                weight: "regular",
+                children: `\uC694\uCCAD\uD558\uC2E0 \uCF58\uD150\uCE20\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.
+        \uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.`
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { onClick: onPageBack, size: "large", children: "\uB4A4\uB85C\uAC00\uAE30" })
+          ]
+        }
+      )
+    })
+  );
+}
+
+export {
+  GhostPost
+};
+//# sourceMappingURL=chunk-7WNN4SGN.mjs.map

package/dist/chunk-7WNN4SGN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/ghost-post.tsx"],"sourcesContent":["import React from 'react';\nimport type { ThemeProviderProps } from '../theme/theme-provider';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { Flex } from '../atoms/flex';\nimport { Heading } from '../atoms/heading';\nimport { Box } from '../atoms/box';\nimport { Button } from '../atoms/button';\n\nexport interface GhostPostProps {\n  defaultThemeProps?: Partial<ThemeProviderProps>;\n  html?: string;\n  title?: string;\n  children?: React.ReactNode;\n  onPageBack?: () => void;\n}\n\nexport function GhostPost(props: GhostPostProps): React.ReactNode {\n  const { defaultThemeProps, html, onPageBack } = props;\n  return (\n    <ThemeProvider\n      {...defaultThemeProps}\n      accentColor=\"iris\"\n      scaling=\"110%\"\n      style={{}}\n    >\n      {html ? (\n        <Box mt=\"5\" width=\"100%\">\n          <div\n            className=\"gh-content\"\n            dangerouslySetInnerHTML={{ __html: html }}\n          />\n        </Box>\n      ) : (\n        <Flex\n          align=\"center\"\n          direction=\"column\"\n          gap=\"6\"\n          height=\"100%\"\n          justify=\"center\"\n          width=\"100%\"\n        >\n          <Heading variant=\"heading1\">콘텐츠를 찾을 수 없습니다.</Heading>\n          <Heading\n            align=\"center\"\n            color=\"gray\"\n            variant=\"heading4\"\n            weight=\"regular\"\n          >\n            {`요청하신 콘텐츠를 찾을 수 없습니다.\n        잠시 후 다시 시도해주세요.`}\n          </Heading>\n          <Button onClick={onPageBack} size=\"large\">\n            뒤로가기\n          </Button>\n        </Flex>\n      )}\n    </ThemeProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BU,cAMF,YANE;AAXH,SAAS,UAAU,OAAwC;AAChE,QAAM,EAAE,mBAAmB,MAAM,WAAW,IAAI;AAChD,SACE;AAAA,IAAC;AAAA,qCACK,oBADL;AAAA,MAEC,aAAY;AAAA,MACZ,SAAQ;AAAA,MACR,OAAO,CAAC;AAAA,MAEP,iBACC,oBAAC,KAAI,IAAG,KAAI,OAAM,QAChB;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,MAC1C,GACF,IAEA;AAAA,QAACA;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,OAAM;AAAA,UAEN;AAAA,gCAAC,WAAQ,SAAQ,YAAW,oFAAe;AAAA,YAC3C;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,SAAQ;AAAA,gBACR,QAAO;AAAA,gBAEN;AAAA;AAAA;AAAA,YAEH;AAAA,YACA,oBAAC,UAAO,SAAS,YAAY,MAAK,SAAQ,sCAE1C;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;","names":["p"]}

package/dist/chunk-A4JPAXMA.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-A4JPAXMA.mjs.map

package/dist/chunk-A4JPAXMA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-A4K5IZE4.mjs

@@ -0,0 +1,54 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/icons/circle-pencil.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CirclePencilIcon = React.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        ref: forwardedRef,
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", fill: color, r: "8" }),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M11.4829 2.91721C11.3266 2.761 11.0733 2.761 10.9172 2.91721L4.97162 8.86274C4.89965 8.9347 4.84208 9.01974 4.80199 9.11329L3.63233 11.8424C3.5679 11.9928 3.60149 12.1672 3.71715 12.2829C3.8328 12.3985 4.00722 12.4321 4.15755 12.3677L6.88675 11.198C6.9803 11.158 7.06534 11.1004 7.13731 11.0284L13.0829 5.08289C13.239 4.92668 13.239 4.67342 13.0829 4.51721L11.4829 2.91721ZM5.53731 9.42842L11.2 3.76574L12.2343 4.80005L6.57162 10.4628L5.37537 10.9754L5.02463 10.6247L5.53731 9.42842Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CirclePencilIcon.displayName = "CirclePencilIcon";
+
+export {
+  CirclePencilIcon
+};
+//# sourceMappingURL=chunk-A4K5IZE4.mjs.map

package/dist/chunk-A4K5IZE4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/circle-pencil.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CirclePencilIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n        ref={forwardedRef}\n      >\n        <circle cx=\"8\" cy=\"8\" fill={color} r=\"8\" />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M11.4829 2.91721C11.3266 2.761 11.0733 2.761 10.9172 2.91721L4.97162 8.86274C4.89965 8.9347 4.84208 9.01974 4.80199 9.11329L3.63233 11.8424C3.5679 11.9928 3.60149 12.1672 3.71715 12.2829C3.8328 12.3985 4.00722 12.4321 4.15755 12.3677L6.88675 11.198C6.9803 11.158 7.06534 11.1004 7.13731 11.0284L13.0829 5.08289C13.239 4.92668 13.239 4.67342 13.0829 4.51721L11.4829 2.91721ZM5.53731 9.42842L11.2 3.76574L12.2343 4.80005L6.57162 10.4628L5.37537 10.9754L5.02463 10.6247L5.53731 9.42842Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCirclePencilIcon.displayName = 'CirclePencilIcon';\n"],"mappings":";;;;;;;AAAA,YAAY,WAAW;AAMjB,SASE,KATF;AAHC,IAAM,mBAAyB;AAAA,EACpC,CAAC,IAAsC,iBAAiB;AAAvD,iBAAE,UAAQ,eAJb,IAIG,IAA6B,kBAA7B,IAA6B,CAA3B;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,OAAM;AAAA,SACF,QANL;AAAA,QAOC,KAAK;AAAA,QAEL;AAAA,8BAAC,YAAO,IAAG,KAAI,IAAG,KAAI,MAAM,OAAO,GAAE,KAAI;AAAA,UACzC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,QAAO;AAAA,cACP,WAAU;AAAA,cACV,OAAM;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,MAAK;AAAA,cACL,UAAS;AAAA;AAAA,UACX;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;","names":[]}

package/dist/chunk-AAOO7AXQ.mjs

@@ -0,0 +1,28 @@
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  p3 as p
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumItemTitle({
+  title,
+  subText,
+  duration
+}) {
+  return /* @__PURE__ */ jsxs(p, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ jsx(Typo, { color: "gray", weight: "bold", children: title }),
+    /* @__PURE__ */ jsxs(Typo, { color: "gray", variant: "caption", children: [
+      subText,
+      duration ? ` | ${duration}\uBD84` : ""
+    ] })
+  ] });
+}
+var curriculum_item_title_default = CurriculumItemTitle;
+
+export {
+  curriculum_item_title_default
+};
+//# sourceMappingURL=chunk-AAOO7AXQ.mjs.map

package/dist/chunk-AAOO7AXQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumSidebar/Items/curriculum-item-title.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '@/atoms';\n\ninterface CurriculumItemTitleProps {\n  title: string;\n  subText: string;\n  duration?: number;\n}\n\nfunction CurriculumItemTitle({\n  title,\n  subText,\n  duration,\n}: CurriculumItemTitleProps): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"1\">\n      <Typo color=\"gray\" weight=\"bold\">\n        {title}\n      </Typo>\n      <Typo color=\"gray\" variant=\"caption\">\n        {subText}\n        {duration ? ` | ${duration}분` : ''}\n      </Typo>\n    </Flex>\n  );\n}\n\nexport default CurriculumItemTitle;\n"],"mappings":";;;;;;;;AAgBM,cAGA,YAHA;AAPN,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAA8C;AAC5C,SACE,qBAAC,KAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,QAAK,OAAM,QAAO,QAAO,QACvB,iBACH;AAAA,IACA,qBAAC,QAAK,OAAM,QAAO,SAAQ,WACxB;AAAA;AAAA,MACA,WAAW,MAAM,QAAQ,WAAM;AAAA,OAClC;AAAA,KACF;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-APIKRXHL.mjs

@@ -0,0 +1,89 @@
+import {
+  start_review_default
+} from "./chunk-PRYO3C2I.mjs";
+import {
+  ReviewQuestion_default
+} from "./chunk-25CJ2C7Q.mjs";
+import {
+  complete_review_default
+} from "./chunk-6LU2T4B2.mjs";
+import {
+  CurriculumReviewProvider,
+  useCurriculumReviewContext
+} from "./chunk-KO5TD57W.mjs";
+
+// src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx
+import { jsx } from "react/jsx-runtime";
+function CurriculumReviewStepsInner() {
+  const {
+    formik,
+    step,
+    handleStart,
+    handleNext,
+    handlePrev,
+    onClickReviewMyAnswer,
+    handleSubmit,
+    currentQuestion,
+    currentAnswer,
+    currentError,
+    reviewContents,
+    handleAnswerChange
+  } = useCurriculumReviewContext();
+  const { questions } = reviewContents;
+  if (step === 0) {
+    return /* @__PURE__ */ jsx(start_review_default, { onStart: handleStart });
+  }
+  if (step > 0 && step <= questions.length && currentQuestion) {
+    return /* @__PURE__ */ jsx(
+      ReviewQuestion_default,
+      {
+        answer: currentAnswer,
+        error: currentError,
+        index: step - 1,
+        isLast: step === questions.length,
+        isLoading: formik.isSubmitting,
+        isNextDisabled: currentError !== void 0,
+        onChange: handleAnswerChange,
+        onNext: handleNext,
+        onPrev: handlePrev,
+        onSubmit: handleSubmit,
+        question: currentQuestion,
+        total: questions.length
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(complete_review_default, { onClickReviewMyAnswer });
+}
+function CurriculumReviewSteps({
+  contents,
+  title,
+  onClickEndReview,
+  onSubmit,
+  defaultValues,
+  curriculum,
+  onReviewValueChange,
+  mode,
+  done
+}) {
+  return /* @__PURE__ */ jsx(
+    CurriculumReviewProvider,
+    {
+      curriculum,
+      defaultValues,
+      done,
+      mode,
+      onClickEndReview,
+      onReviewValueChange,
+      onSubmit,
+      reviewContents: contents,
+      sectionTitle: title,
+      children: /* @__PURE__ */ jsx(CurriculumReviewStepsInner, {})
+    }
+  );
+}
+var CurriculumReviewSteps_default = CurriculumReviewSteps;
+
+export {
+  CurriculumReviewSteps_default
+};
+//# sourceMappingURL=chunk-APIKRXHL.mjs.map

package/dist/chunk-APIKRXHL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/CurriculumContents/CurriculumReviewSteps/index.tsx"],"sourcesContent":["import React from 'react';\nimport { type CurriculumReviewContents } from '@/types/curriculumContents.type';\nimport type { Curriculum } from '@/types';\nimport {\n  CurriculumReviewProvider,\n  useCurriculumReviewContext,\n} from './curriculum-review-context';\nimport StartReview from './start-review'; \nimport CompleteReview from './complete-review';\nimport ReviewQuestion from './ReviewQuestion';\n\n// 내부 분리: 실제 스텝 진행 및 context 활용\nfunction CurriculumReviewStepsInner(): React.ReactNode {\n  const {\n    formik,\n    step,\n    handleStart,\n    handleNext,\n    handlePrev,\n    onClickReviewMyAnswer,\n    handleSubmit,\n    currentQuestion,\n    currentAnswer,\n    currentError,\n    reviewContents, \n    handleAnswerChange\n  } = useCurriculumReviewContext();\n  const { questions } = reviewContents;\n \n  if (step === 0) {\n    return <StartReview onStart={handleStart} />;\n  }\n  if (step > 0 && step <= questions.length && currentQuestion) {\n    return (\n      <ReviewQuestion\n        answer={currentAnswer}\n        error={currentError}\n        index={step - 1}\n        isLast={step === questions.length}\n        isLoading={formik.isSubmitting}\n        isNextDisabled={currentError !== undefined}\n        onChange={handleAnswerChange}\n        onNext={handleNext}\n        onPrev={handlePrev}\n        onSubmit={handleSubmit}\n        question={currentQuestion}\n        total={questions.length}\n      />\n    );\n  }\n  return <CompleteReview onClickReviewMyAnswer={onClickReviewMyAnswer}/>; \n}\n\ninterface CurriculumReviewStepsProps {\n  contents: CurriculumReviewContents;\n  title: string | undefined;\n  onClickEndReview: () => void;\n  onSubmit: (values: Record<string, string>) => Promise<boolean>;\n  defaultValues?: Record<string, string>;\n  curriculum: Curriculum;\n  onReviewValueChange: ({\n    reviewId,\n    answer,\n  }: {\n    reviewId: string;\n    answer: Record<string, string>;\n  }) => void;\n  mode: 'edit' | 'create';\n  done: boolean;\n}\n\nfunction CurriculumReviewSteps({\n  contents,\n  title,\n  onClickEndReview,\n  onSubmit,\n  defaultValues,\n  curriculum,\n  onReviewValueChange,\n  mode,\n  done,\n}: CurriculumReviewStepsProps): React.ReactNode {\n  return (\n    <CurriculumReviewProvider\n      curriculum={curriculum}\n      defaultValues={defaultValues}\n      done={done}\n      mode={mode}\n      onClickEndReview={onClickEndReview} \n      onReviewValueChange={onReviewValueChange}\n      onSubmit={onSubmit}\n      reviewContents={contents}\n      sectionTitle={title}\n    >\n      <CurriculumReviewStepsInner />\n    </CurriculumReviewProvider>\n  );\n}\n\nexport default CurriculumReviewSteps;\n"],"mappings":";;;;;;;;;;;;;;;AA8BW;AAlBX,SAAS,6BAA8C;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,2BAA2B;AAC/B,QAAM,EAAE,UAAU,IAAI;AAEtB,MAAI,SAAS,GAAG;AACd,WAAO,oBAAC,wBAAY,SAAS,aAAa;AAAA,EAC5C;AACA,MAAI,OAAO,KAAK,QAAQ,UAAU,UAAU,iBAAiB;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,OAAO,OAAO;AAAA,QACd,QAAQ,SAAS,UAAU;AAAA,QAC3B,WAAW,OAAO;AAAA,QAClB,gBAAgB,iBAAiB;AAAA,QACjC,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO,UAAU;AAAA;AAAA,IACnB;AAAA,EAEJ;AACA,SAAO,oBAAC,2BAAe,uBAA6C;AACtE;AAoBA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,MAEd,8BAAC,8BAA2B;AAAA;AAAA,EAC9B;AAEJ;AAEA,IAAO,gCAAQ;","names":[]}

package/dist/chunk-ARTVMCCT.mjs

@@ -0,0 +1,54 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/icons/circle-chat.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CircleChatIcon = React.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { color = "currentColor" } = _b, props = __objRest(_b, ["color"]);
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      __spreadProps(__spreadValues({
+        fill: "none",
+        height: "16",
+        ref: forwardedRef,
+        viewBox: "0 0 16 16",
+        width: "16",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx("rect", { fill: color, height: "16", rx: "8", width: "16" }),
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              fill: "white",
+              fillOpacity: "0.01",
+              height: "12",
+              transform: "translate(2 2)",
+              width: "12"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              clipRule: "evenodd",
+              d: "M12 4.39998L4 4.39999C3.33726 4.39999 2.8 4.93726 2.8 5.59999V9.6C2.8 10.2628 3.33726 10.8 4 10.8H8.00002C8.10611 10.8 8.20786 10.8421 8.28286 10.9172L10 12.6343V11.2C10 10.9791 10.1791 10.8 10.4 10.8H12C12.6627 10.8 13.2 10.2628 13.2 9.6V5.59998C13.2 4.93723 12.6627 4.39998 12 4.39998ZM3.99999 3.59999L12 3.59998C13.1046 3.59998 14 4.49541 14 5.59998V9.6C14 10.7045 13.1046 11.6 12 11.6H10.8V13.6C10.8 13.7617 10.7026 13.9076 10.553 13.9695C10.4036 14.0314 10.2315 13.9972 10.1171 13.8829L7.83434 11.6H4C2.89543 11.6 2 10.7045 2 9.6V5.59999C2 4.49542 2.89542 3.6 3.99999 3.59999Z",
+              fill: "white",
+              fillRule: "evenodd"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+CircleChatIcon.displayName = "CircleChatIcon";
+
+export {
+  CircleChatIcon
+};
+//# sourceMappingURL=chunk-ARTVMCCT.mjs.map

package/dist/chunk-ARTVMCCT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/circle-chat.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { IconProps } from './types';\n\nexport const CircleChatIcon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ color = 'currentColor', ...props }, forwardedRef) => {\n    return (\n      <svg\n        fill=\"none\"\n        height=\"16\"\n        ref={forwardedRef}\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <rect fill={color} height=\"16\" rx=\"8\" width=\"16\" />\n        <rect\n          fill=\"white\"\n          fillOpacity=\"0.01\"\n          height=\"12\"\n          transform=\"translate(2 2)\"\n          width=\"12\"\n        />\n        <path\n          clipRule=\"evenodd\"\n          d=\"M12 4.39998L4 4.39999C3.33726 4.39999 2.8 4.93726 2.8 5.59999V9.6C2.8 10.2628 3.33726 10.8 4 10.8H8.00002C8.10611 10.8 8.20786 10.8421 8.28286 10.9172L10 12.6343V11.2C10 10.9791 10.1791 10.8 10.4 10.8H12C12.6627 10.8 13.2 10.2628 13.2 9.6V5.59998C13.2 4.93723 12.6627 4.39998 12 4.39998ZM3.99999 3.59999L12 3.59998C13.1046 3.59998 14 4.49541 14 5.59998V9.6C14 10.7045 13.1046 11.6 12 11.6H10.8V13.6C10.8 13.7617 10.7026 13.9076 10.553 13.9695C10.4036 14.0314 10.2315 13.9972 10.1171 13.8829L7.83434 11.6H4C2.89543 11.6 2 10.7045 2 9.6V5.59999C2 4.49542 2.89542 3.6 3.99999 3.59999Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </svg>\n    );\n  }\n);\n\nCircleChatIcon.displayName = 'CircleChatIcon';\n"],"mappings":";;;;;;;AAAA,YAAY,WAAW;AAMjB,SASE,KATF;AAHC,IAAM,iBAAuB;AAAA,EAClC,CAAC,IAAsC,iBAAiB;AAAvD,iBAAE,UAAQ,eAJb,IAIG,IAA6B,kBAA7B,IAA6B,CAA3B;AACD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,OAAM;AAAA,SACF,QAPL;AAAA,QASC;AAAA,8BAAC,UAAK,MAAM,OAAO,QAAO,MAAK,IAAG,KAAI,OAAM,MAAK;AAAA,UACjD;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAY;AAAA,cACZ,QAAO;AAAA,cACP,WAAU;AAAA,cACV,OAAM;AAAA;AAAA,UACR;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,MAAK;AAAA,cACL,UAAS;AAAA;AAAA,UACX;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;","names":[]}

package/dist/chunk-AW4NENOA.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AW4NENOA.mjs.map

package/dist/chunk-AW4NENOA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-AXT5U3DU.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AXT5U3DU.mjs.map

package/dist/chunk-AXT5U3DU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-BHLF4C2V.mjs

@@ -0,0 +1,85 @@
+import {
+  useCurriculumContext
+} from "./chunk-ES4GXO3X.mjs";
+import {
+  Heading
+} from "./chunk-LW2LPN2L.mjs";
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "./chunk-LGMZSQPS.mjs";
+import {
+  o3 as o,
+  o4 as o2,
+  p2 as p
+} from "./chunk-VHGFYBT7.mjs";
+
+// src/molecules/curriculumV2/curriculum-sub-nav.tsx
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CurriculumSubNav() {
+  const {
+    selectedItem,
+    selectedSectionTitle,
+    hasPrev,
+    hasNext,
+    selectPrev,
+    selectNext,
+    scrollNavItem
+  } = useCurriculumContext();
+  const onClickPrev = useCallback(() => {
+    selectPrev((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectPrev, scrollNavItem]);
+  const onClickNext = useCallback(() => {
+    selectNext((moveIndex) => {
+      scrollNavItem(moveIndex.toString());
+    });
+  }, [selectNext, scrollNavItem]);
+  return /* @__PURE__ */ jsxs(
+    o,
+    {
+      align: "center",
+      columns: { initial: "32px 1fr 32px", md: "48px 1fr 48px" },
+      pb: { initial: "2", md: "3" },
+      px: { initial: "1", md: "2" },
+      py: "2",
+      rows: "auto",
+      children: [
+        hasPrev ? /* @__PURE__ */ jsx(
+          o2,
+          {
+            color: "gray",
+            onClick: onClickPrev,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronLeftIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(p, {}),
+        /* @__PURE__ */ jsxs(p, { width: "100%", children: [
+          /* @__PURE__ */ jsx(Heading, { style: { textOverflow: "ellipsis" }, variant: "heading4", children: selectedItem.title }),
+          /* @__PURE__ */ jsx(Typo, { as: "p", color: "gray", style: { textOverflow: "ellipsis" }, children: selectedSectionTitle == null ? void 0 : selectedSectionTitle.title })
+        ] }),
+        hasNext ? /* @__PURE__ */ jsx(
+          o2,
+          {
+            color: "gray",
+            onClick: onClickNext,
+            size: { initial: "3", md: "4" },
+            variant: "ghost",
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { height: "16px", width: "16px" })
+          }
+        ) : /* @__PURE__ */ jsx(p, {})
+      ]
+    }
+  );
+}
+
+export {
+  CurriculumSubNav
+};
+//# sourceMappingURL=chunk-BHLF4C2V.mjs.map

package/dist/chunk-BHLF4C2V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/molecules/curriculumV2/curriculum-sub-nav.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  Box, \n  Grid,\n  Heading,\n  IconButton,\n  Typo,\n} from '@/atoms';\nimport { ChevronLeftIcon, ChevronRightIcon } from '@/icon';\nimport { useCurriculumContext } from './curriculum-context';\n\nexport function CurriculumSubNav(): React.ReactNode {\n  const {\n    selectedItem,\n    selectedSectionTitle,\n    hasPrev,\n    hasNext,\n    selectPrev,\n    selectNext,\n    scrollNavItem,\n  } = useCurriculumContext();\n\n  const onClickPrev = useCallback(() => {\n    selectPrev((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectPrev, scrollNavItem]);\n\n  const onClickNext = useCallback(() => {\n    selectNext((moveIndex) => {\n      scrollNavItem(moveIndex.toString());\n    });\n  }, [selectNext, scrollNavItem]);\n\n  return (\n    <Grid\n      align=\"center\"\n      columns={{ initial: '32px 1fr 32px', md: '48px 1fr 48px' }}\n      pb={{ initial: '2', md: '3' }}\n      px={{ initial: '1', md: '2' }}\n      py=\"2\"\n      rows=\"auto\"\n    >\n      {hasPrev ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickPrev}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronLeftIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n      <Box width=\"100%\">\n        <Heading style={{ textOverflow: 'ellipsis' }} variant=\"heading4\">\n          {selectedItem.title}\n        </Heading>\n        <Typo as=\"p\" color=\"gray\" style={{ textOverflow: 'ellipsis' }}>\n          {selectedSectionTitle?.title}\n        </Typo>\n      </Box>\n      {hasNext ? (\n        <IconButton\n          color=\"gray\"\n          onClick={onClickNext}\n          size={{ initial: '3', md: '4' }}\n          variant=\"ghost\"\n        >\n          <ChevronRightIcon height=\"16px\" width=\"16px\" />\n        </IconButton>\n      ) : (\n        <Box />\n      )}\n    </Grid>\n  );\n}\n "],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,mBAAmB;AAkDzB,cAKJ,YALI;AAvCH,SAAS,mBAAoC;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AAEzB,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,QAAM,cAAc,YAAY,MAAM;AACpC,eAAW,CAAC,cAAc;AACxB,oBAAc,UAAU,SAAS,CAAC;AAAA,IACpC,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,aAAa,CAAC;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,EAAE,SAAS,iBAAiB,IAAI,gBAAgB;AAAA,MACzD,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAI,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,MAC5B,IAAG;AAAA,MACH,MAAK;AAAA,MAEJ;AAAA,kBACC;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,mBAAgB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC9C,IAEA,oBAAC,KAAI;AAAA,QAEP,qBAAC,KAAI,OAAM,QACT;AAAA,8BAAC,WAAQ,OAAO,EAAE,cAAc,WAAW,GAAG,SAAQ,YACnD,uBAAa,OAChB;AAAA,UACA,oBAAC,QAAK,IAAG,KAAI,OAAM,QAAO,OAAO,EAAE,cAAc,WAAW,GACzD,uEAAsB,OACzB;AAAA,WACF;AAAA,QACC,UACC;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,MAAM,EAAE,SAAS,KAAK,IAAI,IAAI;AAAA,YAC9B,SAAQ;AAAA,YAER,8BAAC,oBAAiB,QAAO,QAAO,OAAM,QAAO;AAAA;AAAA,QAC/C,IAEA,oBAAC,KAAI;AAAA;AAAA;AAAA,EAET;AAEJ;","names":["o"]}

package/dist/chunk-BHWNUOCZ.mjs

@@ -0,0 +1,58 @@
+import {
+  Typo
+} from "./chunk-ZTHEF5KT.mjs";
+import {
+  e8 as e
+} from "./chunk-VHGFYBT7.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/atoms/ellipsis-tooltip.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function EllipsisTooltip(props) {
+  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
+  const ref = useRef(null);
+  const [tooltipDisplay, setTooltipDisplay] = useState(
+    "none"
+  );
+  useEffect(() => {
+    if (ref.current) {
+      const typo = ref.current;
+      const mouseOver = () => {
+        if (typo.clientHeight < typo.scrollHeight) {
+          setTooltipDisplay("block");
+        }
+      };
+      const mouseOut = () => {
+        setTooltipDisplay("none");
+      };
+      ref.current.addEventListener("mouseenter", mouseOver);
+      ref.current.addEventListener("mouseleave", mouseOut);
+    }
+  }, [children]);
+  return /* @__PURE__ */ jsx(e, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
+    Typo,
+    __spreadProps(__spreadValues({}, rest), {
+      ref,
+      style: __spreadValues({
+        width: "100%",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        WebkitLineClamp: lineClamp,
+        display: "-webkit-box",
+        WebkitBoxOrient: "vertical",
+        wordBreak: "break-word"
+      }, style),
+      children
+    })
+  ) });
+}
+
+export {
+  EllipsisTooltip
+};
+//# sourceMappingURL=chunk-BHWNUOCZ.mjs.map

package/dist/chunk-BHWNUOCZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAuC7C;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,KAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/chunk-BSTPD63C.mjs

@@ -0,0 +1,19 @@
+// src/utils/get-cell-align.ts
+var getCellAlign = (type) => {
+  switch (type) {
+    case "number":
+    case "date":
+    case "time":
+      return "right";
+    case "string":
+    case "button":
+      return "left";
+    default:
+      return type;
+  }
+};
+
+export {
+  getCellAlign
+};
+//# sourceMappingURL=chunk-BSTPD63C.mjs.map

package/dist/chunk-BSTPD63C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/get-cell-align.ts"],"sourcesContent":["export type CellAlign = 'left' | 'center' | 'right';\n\nexport type CellDataType =\n  | 'number'\n  | 'date'\n  | 'time'\n  | 'string'\n  | 'button'\n  | CellAlign;\n\nexport const getCellAlign = (type: CellDataType): CellAlign => {\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    case 'button':\n      return 'left';\n    default:\n      return type;\n  }\n};\n"],"mappings":";AAUO,IAAM,eAAe,CAAC,SAAkC;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/chunk-BVLGK4RK.mjs

@@ -0,0 +1,19 @@
+import {
+  getCellAlign
+} from "./chunk-BSTPD63C.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/utils/get-column-meta.ts
+var getColumnMeta = (meta) => {
+  return __spreadProps(__spreadValues({}, meta), {
+    align: getCellAlign(meta.align || "left")
+  });
+};
+
+export {
+  getColumnMeta
+};
+//# sourceMappingURL=chunk-BVLGK4RK.mjs.map

package/dist/chunk-BVLGK4RK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/get-column-meta.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport type { CellDataType } from './get-cell-align';\nimport { getCellAlign } from './get-cell-align';\n\ntype ExpandButtonComp = <Data extends RowData>(props: {\n  open: boolean;\n  setIsOpen: (value: boolean) => void;\n  data: Data;\n}) => React.ReactNode;\n\nexport interface ColumnMeta {\n  OpenBtn?: ExpandButtonComp;\n  /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n   * 테이블 당 하나의 셀에만 사용하기를 권장\n   */\n  autoSize?: boolean;\n  /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */\n  align?: CellDataType;\n}\n\nexport const getColumnMeta = (meta: ColumnMeta): ColumnMeta => {\n  return {\n    ...meta,\n    align: getCellAlign(meta.align || 'left'),\n  };\n};\n"],"mappings":";;;;;;;;;AAoBO,IAAM,gBAAgB,CAAC,SAAiC;AAC7D,SAAO,iCACF,OADE;AAAA,IAEL,OAAO,aAAa,KAAK,SAAS,MAAM;AAAA,EAC1C;AACF;","names":[]}

package/dist/chunk-BW6VIKNW.mjs

@@ -0,0 +1,36 @@
+import {
+  dropdown_menu_exports
+} from "./chunk-VHGFYBT7.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-JJGFSS3A.mjs";
+
+// src/atoms/dropdown-menu.tsx
+import { forwardRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var Content = forwardRef((props, ref) => {
+  const _a = props, { isNavigation, className } = _a, rest = __objRest(_a, ["isNavigation", "className"]);
+  const contentClassName = useMemo(() => {
+    const cls = isNavigation ? "dropdown-navigation" : "";
+    return [cls, className].join(" ");
+  }, [isNavigation, className]);
+  return /* @__PURE__ */ jsx(
+    dropdown_menu_exports.Content,
+    __spreadProps(__spreadValues({
+      ref
+    }, rest), {
+      className: contentClassName
+    })
+  );
+});
+Content.displayName = "DropdownMenu.Content";
+var DropdownMenu = __spreadProps(__spreadValues({}, dropdown_menu_exports), {
+  Content
+});
+
+export {
+  DropdownMenu
+};
+//# sourceMappingURL=chunk-BW6VIKNW.mjs.map

package/dist/chunk-BW6VIKNW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/dropdown-menu.tsx"],"sourcesContent":["import { DropdownMenu as RadixDropdownMenu } from '@radix-ui/themes';\nimport { forwardRef, useMemo } from 'react';\n\ntype ContentProps = RadixDropdownMenu.ContentProps & {\n  isNavigation?: boolean;\n};\n\nconst Content = forwardRef<HTMLDivElement, ContentProps>((props, ref) => {\n  const { isNavigation, className, ...rest } = props;\n  const contentClassName = useMemo(() => {\n    const cls = isNavigation ? 'dropdown-navigation' : '';\n    return [cls, className].join(' ');\n  }, [isNavigation, className]);\n\n  return (\n    <RadixDropdownMenu.Content\n      ref={ref}\n      {...rest}\n      className={contentClassName}\n    />\n  );\n});\n\nContent.displayName = 'DropdownMenu.Content';\n\nexport const DropdownMenu = {\n  ...RadixDropdownMenu,\n  Content,\n};\n"],"mappings":";;;;;;;;;;AACA,SAAS,YAAY,eAAe;AAchC;AARJ,IAAM,UAAU,WAAyC,CAAC,OAAO,QAAQ;AACvE,QAA6C,YAArC,gBAAc,UARxB,IAQ+C,IAAT,iBAAS,IAAT,CAA5B,gBAAc;AACtB,QAAM,mBAAmB,QAAQ,MAAM;AACrC,UAAM,MAAM,eAAe,wBAAwB;AACnD,WAAO,CAAC,KAAK,SAAS,EAAE,KAAK,GAAG;AAAA,EAClC,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,SACE;AAAA,IAAC,sBAAkB;AAAA,IAAlB;AAAA,MACC;AAAA,OACI,OAFL;AAAA,MAGC,WAAW;AAAA;AAAA,EACb;AAEJ,CAAC;AAED,QAAQ,cAAc;AAEf,IAAM,eAAe,iCACvB,wBADuB;AAAA,EAE1B;AACF;","names":[]}