@tipp/ui 1.6.32 → 1.6.34

package/dist/chunk-TBEOWECF.js

@@ -1,47 +0,0 @@
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-KT4BIOJJ.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  __objRest
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } 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(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "?" }) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "\uD234\uD301 \uB0B4\uC6A9" }) })
-  ] }) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-TBEOWECF.js.map

package/dist/chunk-TBEOWECF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from './tooltip';\nimport { Typo, type TypoProps } from './typo';\nimport { Button } from './button';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactElement {\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    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button>?</Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>툴팁 내용</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\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;AA6C7C,SAEI,KAFJ;AA9BC,SAAS,gBACd,OACoB;AACpB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAlBvC,IAkBsD,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,mBACC,+BAAC,WACC;AAAA,wBAAC,kBAAe,SAAO,MACrB,8BAAC,UAAO,eAAC,GACX;AAAA,IACA,oBAAC,kBACC,8BAAC,OAAE,uCAAK,GACV;AAAA,KACF,GACF;AAwBJ;","names":[]}

package/dist/chunk-THLNVRBV.js

@@ -1,30 +0,0 @@
-import {
-  CoachingCustomerInfoLarge
-} from "./chunk-U25467SQ.js";
-import {
-  CoachingCustomerInfoMedium
-} from "./chunk-LF2ZIBTQ.js";
-import {
-  CoachingCustomerInfoSmall
-} from "./chunk-ON6X4DAK.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/app/platform/userInfos/coaching-customer-info/index.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CoachingCustomerInfo(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Box, { display: { initial: "block", sm: "none", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoSmall, __spreadValues({}, props)) }),
-    /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "block", md: "none" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoMedium, __spreadValues({}, props)) }),
-    /* @__PURE__ */ jsx(Box, { display: { initial: "none", sm: "none", md: "block" }, children: /* @__PURE__ */ jsx(CoachingCustomerInfoLarge, __spreadValues({}, props)) })
-  ] });
-}
-
-export {
-  CoachingCustomerInfo
-};
-//# sourceMappingURL=chunk-THLNVRBV.js.map

package/dist/chunk-THLNVRBV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/userInfos/coaching-customer-info/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../../atoms';\nimport type { CoachingCustomerInfoProps } from '../utils';\nimport { CoachingCustomerInfoSmall } from './small';\nimport { CoachingCustomerInfoMedium } from './medium';\nimport { CoachingCustomerInfoLarge } from './large';\n\nexport {\n  CoachingCustomerInfoLarge,\n  CoachingCustomerInfoMedium,\n  CoachingCustomerInfoSmall,\n};\n\nexport { type CoachingCustomerInfoProps };\n\nexport function CoachingCustomerInfo(\n  props: CoachingCustomerInfoProps\n): React.ReactElement {\n  return (\n    <>\n      <Box display={{ initial: 'block', sm: 'none', md: 'none' }}>\n        <CoachingCustomerInfoSmall {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'block', md: 'none' }}>\n        <CoachingCustomerInfoMedium {...props} />\n      </Box>\n      <Box display={{ initial: 'none', sm: 'none', md: 'block' }}>\n        <CoachingCustomerInfoLarge {...props} />\n      </Box>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBI,mBAEI,KAFJ;AAJG,SAAS,qBACd,OACoB;AACpB,SACE,iCACE;AAAA,wBAAC,OAAI,SAAS,EAAE,SAAS,SAAS,IAAI,QAAQ,IAAI,OAAO,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,SAAS,IAAI,OAAO,GACvD,8BAAC,+CAA+B,MAAO,GACzC;AAAA,IACA,oBAAC,OAAI,SAAS,EAAE,SAAS,QAAQ,IAAI,QAAQ,IAAI,QAAQ,GACvD,8BAAC,8CAA8B,MAAO,GACxC;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-TLAYZCP6.js

@@ -1,57 +0,0 @@
-import {
-  infoList,
-  renderDataListItem,
-  sessionList
-} from "./chunk-QUHTO7MY.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/app/platform/userInfos/session-user-info-detail.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function SectionWrapper({
-  title,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsxs(Grid, { align: "center", columns: "auto 1fr", gap: "3", mb: "5", children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "heading5", children: title }),
-      /* @__PURE__ */ jsx(Separator, { size: "4" })
-    ] }),
-    children
-  ] });
-}
-function SessionUserInfoDetail({
-  customer,
-  session,
-  onClickCopy
-}) {
-  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "6", children: [
-    /* @__PURE__ */ jsx(SectionWrapper, { title: "\uC138\uC158 \uC815\uBCF4", children: /* @__PURE__ */ jsx(DataList.Root, { children: sessionList.map(
-      (info) => renderDataListItem({ info, data: session, onClickCopy })
-    ) }) }),
-    /* @__PURE__ */ jsx(SectionWrapper, { title: "\uD68C\uC6D0 \uC815\uBCF4", children: /* @__PURE__ */ jsx(DataList.Root, { children: infoList.map(
-      (info) => renderDataListItem({ info, data: customer, onClickCopy })
-    ) }) })
-  ] });
-}
-
-export {
-  SessionUserInfoDetail
-};
-//# sourceMappingURL=chunk-TLAYZCP6.js.map

package/dist/chunk-TLAYZCP6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/userInfos/session-user-info-detail.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, DataList, Flex, Grid, Heading, Separator } from '../../../atoms';\nimport type { Customer, Session } from './utils';\nimport { infoList, renderDataListItem, sessionList } from './utils';\n\nexport interface SessionUserInfoDetailProps {\n  customer: Customer;\n  session: Session;\n  onClickCopy: (value: string) => void;\n}\n\nfunction SectionWrapper({\n  title,\n  children,\n}: {\n  title: string;\n  children: React.ReactElement;\n}): JSX.Element {\n  return (\n    <Box>\n      <Grid align=\"center\" columns=\"auto 1fr\" gap=\"3\" mb=\"5\">\n        <Heading variant=\"heading5\">{title}</Heading>\n\n        <Separator size=\"4\" />\n      </Grid>\n      {children}\n    </Box>\n  );\n}\n\nexport function SessionUserInfoDetail({\n  customer,\n  session,\n  onClickCopy,\n}: SessionUserInfoDetailProps): React.ReactElement {\n  return (\n    <Flex direction=\"column\" gap=\"6\">\n      <SectionWrapper title=\"세션 정보\">\n        <DataList.Root>\n          {sessionList.map((info) =>\n            renderDataListItem({ info, data: session, onClickCopy })\n          )}\n        </DataList.Root>\n      </SectionWrapper>\n\n      <SectionWrapper title=\"회원 정보\">\n        <DataList.Root>\n          {infoList.map((info) =>\n            renderDataListItem({ info, data: customer, onClickCopy })\n          )}\n        </DataList.Root>\n      </SectionWrapper>\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBM,SACE,KADF;AATN,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AACF,GAGgB;AACd,SACE,qBAAC,OACC;AAAA,yBAAC,QAAK,OAAM,UAAS,SAAQ,YAAW,KAAI,KAAI,IAAG,KACjD;AAAA,0BAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,MAEnC,oBAAC,aAAU,MAAK,KAAI;AAAA,OACtB;AAAA,IACC;AAAA,KACH;AAEJ;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAAmD;AACjD,SACE,qBAAC,QAAK,WAAU,UAAS,KAAI,KAC3B;AAAA,wBAAC,kBAAe,OAAM,6BACpB,8BAAC,SAAS,MAAT,EACE,sBAAY;AAAA,MAAI,CAAC,SAChB,mBAAmB,EAAE,MAAM,MAAM,SAAS,YAAY,CAAC;AAAA,IACzD,GACF,GACF;AAAA,IAEA,oBAAC,kBAAe,OAAM,6BACpB,8BAAC,SAAS,MAAT,EACE,mBAAS;AAAA,MAAI,CAAC,SACb,mBAAmB,EAAE,MAAM,MAAM,UAAU,YAAY,CAAC;AAAA,IAC1D,GACF,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-TLXJUQOG.js

@@ -1,145 +0,0 @@
-import {
-  EditServiceType
-} from "./chunk-XS6G7GQ3.js";
-import {
-  EditCoachingTime
-} from "./chunk-2KNMBD6G.js";
-import {
-  DataList
-} from "./chunk-VTJZMOSP.js";
-import {
-  Dialog
-} from "./chunk-3XQUC7TK.js";
-import {
-  BulletText
-} from "./chunk-NAL2USH5.js";
-import {
-  Card
-} from "./chunk-2ZQK7NTN.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Pencil1Icon
-} from "./chunk-HLFG5ZTU.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/app/platform/session-card.tsx
-import { useCallback, useMemo } from "react";
-import { format } from "date-fns";
-import { jsx, jsxs } from "react/jsx-runtime";
-var preventDefault = (e) => {
-  e.preventDefault();
-};
-function SessionCard(props) {
-  const _a = props, {
-    sessionNumber,
-    userName,
-    error,
-    ExtraButtons,
-    TitleExtra,
-    editable,
-    onSaveDate,
-    onSaveSessionType,
-    startAt,
-    endAt,
-    sessionType
-  } = _a, rest = __objRest(_a, [
-    "sessionNumber",
-    "userName",
-    "error",
-    "ExtraButtons",
-    "TitleExtra",
-    "editable",
-    "onSaveDate",
-    "onSaveSessionType",
-    "startAt",
-    "endAt",
-    "sessionType"
-  ]);
-  const renderEditButton = useCallback(() => {
-    return /* @__PURE__ */ jsx(Button, { color: "gray", ml: "2", variant: "transparent", children: /* @__PURE__ */ jsx(Pencil1Icon, {}) });
-  }, []);
-  const sessionTimeStr = useMemo(() => {
-    if (!startAt || !endAt)
-      return "\uC54C \uC218 \uC5C6\uC74C";
-    return `${format(startAt, "yyyy\uB144 MM\uC6D4 dd\uC77C HH\uC2DC mm\uBD84")} ~ ${format(endAt, "HH\uC2DC mm\uBD84")}`;
-  }, [startAt, endAt]);
-  return /* @__PURE__ */ jsx(Card, __spreadProps(__spreadValues({ error: Boolean(error) }, rest), { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", width: "100%", children: [
-      /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: `${userName || "\uC54C \uC218 \uC5C6\uC74C"}\uB2D8 ${sessionNumber || "-"}\uD68C\uCC28` }),
-      TitleExtra,
-      error ? /* @__PURE__ */ jsx(BulletText, { as: "p", color: "red", variant: "caption", children: error }) : null
-    ] }),
-    /* @__PURE__ */ jsxs(DataList.Root, { children: [
-      /* @__PURE__ */ jsxs(DataList.Item, { children: [
-        /* @__PURE__ */ jsx(DataList.Label, { children: "\uCF54\uCE6D \uC77C\uC2DC" }),
-        /* @__PURE__ */ jsxs(DataList.Value, { children: [
-          sessionTimeStr,
-          editable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [
-            /* @__PURE__ */ jsx(Dialog.Trigger, { children: renderEditButton() }),
-            /* @__PURE__ */ jsx(
-              Dialog.Content,
-              {
-                onOpenAutoFocus: preventDefault,
-                style: { overflow: "visible" },
-                title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC77C\uC2DC \uBCC0\uACBD\uD558\uAE30`,
-                children: /* @__PURE__ */ jsx(
-                  EditCoachingTime,
-                  {
-                    defaultEndAt: endAt,
-                    defaultStartAt: startAt,
-                    onClickSave: onSaveDate
-                  }
-                )
-              }
-            )
-          ] }) : null
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "2" }, style: { gap: "inherit" }, children: [
-        /* @__PURE__ */ jsxs(DataList.Item, { children: [
-          /* @__PURE__ */ jsx(DataList.Label, { children: "\uC138\uC158 \uCC38\uC5EC \uBC29\uC2DD" }),
-          /* @__PURE__ */ jsxs(DataList.Value, { children: [
-            sessionType === "offlineCoaching" ? "\uC624\uD504\uB77C\uC778" : "\uC628\uB77C\uC778",
-            editable ? /* @__PURE__ */ jsxs(Dialog.Root, { children: [
-              /* @__PURE__ */ jsx(Dialog.Trigger, { children: renderEditButton() }),
-              /* @__PURE__ */ jsx(
-                Dialog.Content,
-                {
-                  title: `${sessionNumber}\uD68C\uCC28 \uC138\uC158 \uC9C4\uD589 \uBC29\uC2DD \uBCC0\uACBD\uD558\uAE30`,
-                  children: /* @__PURE__ */ jsx(
-                    EditServiceType,
-                    {
-                      defaultServiceType: sessionType,
-                      onClickSave: onSaveSessionType
-                    }
-                  )
-                }
-              )
-            ] }) : null
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(Flex, { gap: "2", justify: "end", children: ExtraButtons })
-      ] })
-    ] })
-  ] }) }));
-}
-
-export {
-  SessionCard
-};
-//# sourceMappingURL=chunk-TLXJUQOG.js.map

package/dist/chunk-TLXJUQOG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/session-card.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { format } from 'date-fns';\nimport type { ServiceType } from '@/types/biz.type';\nimport type { CardProps } from '../../atoms';\nimport {\n  BulletText,\n  Button,\n  Card,\n  DataList,\n  Dialog,\n  Flex,\n  Grid,\n  Heading,\n} from '../../atoms';\nimport { Pencil1Icon } from '../../icon';\nimport { EditCoachingTime } from './edit-coaching-time';\nimport { EditServiceType } from './edit-service-type';\n\nconst preventDefault = (e: Event): void => {\n  e.preventDefault();\n};\nexport type SessionCardProps = Omit<CardProps, 'error'> & {\n  error?: string;\n  startAt?: Date;\n  endAt?: Date;\n  sessionType?: ServiceType;\n  userName?: string;\n  sessionNumber?: number;\n  ExtraButtons?: React.ReactNode;\n  editable?: boolean;\n  TitleExtra?: React.ReactNode;\n  onSaveDate?: (startTime: Date, endTime: Date) => void;\n  onSaveSessionType?: (sessionType: string) => void;\n};\n\nexport function SessionCard(props: SessionCardProps): React.ReactElement {\n  const {\n    sessionNumber,\n    userName,\n    error,\n    ExtraButtons,\n    TitleExtra,\n    editable,\n    onSaveDate,\n    onSaveSessionType,\n    startAt,\n    endAt,\n    sessionType,\n    ...rest\n  } = props;\n\n  const renderEditButton = useCallback((): JSX.Element => {\n    return (\n      <Button color=\"gray\" ml=\"2\" variant=\"transparent\">\n        <Pencil1Icon />\n      </Button>\n    );\n  }, []);\n\n  const sessionTimeStr = useMemo(() => {\n    if (!startAt || !endAt) return '알 수 없음';\n\n    return `${format(startAt, 'yyyy년 MM월 dd일 HH시 mm분')} ~ ${format(endAt, 'HH시 mm분')}`;\n  }, [startAt, endAt]);\n\n  return (\n    <Card error={Boolean(error)} {...rest}>\n      <Flex direction=\"column\" gap=\"3\">\n        <Flex align=\"center\" width=\"100%\">\n          <Heading variant=\"heading4\">\n            {`${userName || '알 수 없음'}님 ${sessionNumber || '-'}회차`}\n          </Heading>\n          {TitleExtra}\n          {error ? (\n            <BulletText as=\"p\" color=\"red\" variant=\"caption\">\n              {error}\n            </BulletText>\n          ) : null}\n        </Flex>\n        <DataList.Root>\n          <DataList.Item>\n            <DataList.Label>코칭 일시</DataList.Label>\n            <DataList.Value>\n              {sessionTimeStr}\n              {editable ? (\n                <Dialog.Root>\n                  <Dialog.Trigger>{renderEditButton()}</Dialog.Trigger>\n                  <Dialog.Content\n                    onOpenAutoFocus={preventDefault}\n                    style={{ overflow: 'visible' }}\n                    title={`${sessionNumber}회차 세션 일시 변경하기`}\n                  >\n                    <EditCoachingTime\n                      defaultEndAt={endAt}\n                      defaultStartAt={startAt}\n                      onClickSave={onSaveDate}\n                    />\n                  </Dialog.Content>\n                </Dialog.Root>\n              ) : null}\n            </DataList.Value>\n          </DataList.Item>\n          <Grid columns={{ initial: '1', xs: '2' }} style={{ gap: 'inherit' }}>\n            <DataList.Item>\n              <DataList.Label>세션 참여 방식</DataList.Label>\n              <DataList.Value>\n                {sessionType === 'offlineCoaching' ? '오프라인' : '온라인'}\n                {editable ? (\n                  <Dialog.Root>\n                    <Dialog.Trigger>{renderEditButton()}</Dialog.Trigger>\n                    <Dialog.Content\n                      title={`${sessionNumber}회차 세션 진행 방식 변경하기`}\n                    >\n                      <EditServiceType\n                        defaultServiceType={sessionType}\n                        onClickSave={onSaveSessionType}\n                      />\n                    </Dialog.Content>\n                  </Dialog.Root>\n                ) : null}\n              </DataList.Value>\n            </DataList.Item>\n\n            <Flex gap=\"2\" justify=\"end\">\n              {ExtraButtons}\n            </Flex>\n          </Grid>\n        </DataList.Root>\n      </Flex>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TR5G6YMG.js

@@ -1,63 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor,
-  activeKey
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      pr: "3",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((menu) => {
-            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
-                ml: "37px",
-                onClick: menu.onClick,
-                size: "large",
-                style: {
-                  color: "var(--white-a12)",
-                  height: "32px",
-                  paddingLeft: "var(--space-2)"
-                },
-                children: menu.title
-              },
-              menu.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-TR5G6YMG.js.map

package/dist/chunk-TR5G6YMG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n  activeKey?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n  activeKey,\n}: NavigationProps): React.ReactElement {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      pr=\"3\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((menu) => {\n              return menu.itemRender ? (\n                menu.itemRender(menu)\n              ) : (\n                <Button\n                  className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n                  key={menu.key}\n                  ml=\"37px\"\n                  onClick={menu.onClick}\n                  size=\"large\"\n                  style={{\n                    color: 'var(--white-a12)',\n                    height: '32px',\n                    paddingLeft: 'var(--space-2)',\n                  }}\n                >\n                  {menu.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwC;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-TTGSVKIG.js

@@ -1,99 +0,0 @@
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Heading
-} from "./chunk-HJB3AASV.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  ArrowRightIcon,
-  TimerIcon
-} from "./chunk-HLFG5ZTU.js";
-
-// src/app/platform/curriculum-card.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function CurriculumCard(props) {
-  const {
-    title,
-    imgTitle,
-    imgSrc,
-    description,
-    runningTime,
-    bgColor,
-    onClick
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    Grid,
-    {
-      columns: { initial: "1", sm: "275px 1fr" },
-      gapX: "5",
-      gapY: "2",
-      onClick,
-      style: { cursor: "pointer" },
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            height: "165px",
-            p: "3",
-            style: {
-              backgroundImage: `url(${imgSrc})`,
-              backgroundColor: bgColor,
-              backgroundPositionX: "right",
-              backgroundPositionY: "bottom",
-              backgroundRepeat: "no-repeat",
-              backgroundSize: "contain",
-              backgroundAttachment: "local"
-            },
-            width: "100%",
-            children: /* @__PURE__ */ jsx(Heading, { style: { whiteSpace: "break-spaces" }, variant: "heading3", children: imgTitle })
-          }
-        ),
-        /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "3", children: [
-          /* @__PURE__ */ jsxs(Grid, { columns: { initial: "1", xs: "1fr auto" }, gapY: "3", children: [
-            /* @__PURE__ */ jsx(Heading, { variant: "heading4", children: title }),
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                size: "medium",
-                style: { justifySelf: "flex-start" },
-                variant: "outline",
-                children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "1", children: [
-                  /* @__PURE__ */ jsx(TimerIcon, {}),
-                  runningTime
-                ] })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Box, { style: { marginBottom: "auto" }, children: /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: description == null ? void 0 : description.map((el) => {
-            return /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(Heading, { truncate: true, variant: "heading5", weight: "regular", children: el }) }, el);
-          }) }) }),
-          /* @__PURE__ */ jsx(Separator, { size: "4" }),
-          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", justify: "end", children: [
-            /* @__PURE__ */ jsx(Typo, { color: "gray", children: "\uAC15\uC758 \uB4E3\uACE0 \uCF54\uCE58\uB2D8\uACFC \uBB34\uC81C\uD55C Q&A" }),
-            /* @__PURE__ */ jsx(ArrowRightIcon, { color: "gray" })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-
-export {
-  CurriculumCard
-};
-//# sourceMappingURL=chunk-TTGSVKIG.js.map

package/dist/chunk-TTGSVKIG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/curriculum-card.tsx"],"sourcesContent":["import React from 'react';\nimport { Badge } from '@/atoms/badge';\nimport { Box } from '@/atoms/box';\nimport { Grid } from '@/atoms/grid';\nimport { Heading } from '@/atoms/heading';\nimport { Typo } from '@/atoms/typo';\nimport { Separator } from '@/atoms/separator';\nimport { Flex } from '@/atoms/flex';\nimport { ArrowRightIcon, TimerIcon } from '@/icon';\n\nexport interface CurriculumCardProps {\n  title?: string;\n  imgTitle?: string;\n  imgSrc?: string;\n  description?: string[];\n  runningTime?: string;\n  bgColor?: string;\n  onClick?: () => void;\n}\n\nexport function CurriculumCard(props: CurriculumCardProps): React.ReactElement {\n  const {\n    title,\n    imgTitle,\n    imgSrc,\n    description,\n    runningTime,\n    bgColor,\n    onClick,\n  } = props;\n  return (\n    <Grid\n      columns={{ initial: '1', sm: '275px 1fr' }}\n      gapX=\"5\"\n      gapY=\"2\"\n      onClick={onClick}\n      style={{ cursor: 'pointer' }}\n    >\n      {/* 섬네일 */}\n      <Box\n        height=\"165px\"\n        p=\"3\"\n        style={{\n          backgroundImage: `url(${imgSrc})`,\n          backgroundColor: bgColor,\n          backgroundPositionX: 'right',\n          backgroundPositionY: 'bottom',\n          backgroundRepeat: 'no-repeat',\n          backgroundSize: 'contain',\n          backgroundAttachment: 'local',\n        }}\n        width=\"100%\"\n      >\n        <Heading style={{ whiteSpace: 'break-spaces' }} variant=\"heading3\">\n          {imgTitle}\n        </Heading>\n      </Box>\n      {/* 텍스트 */}\n      <Flex direction=\"column\" gap=\"3\">\n        {/* 제목 */}\n        <Grid columns={{ initial: '1', xs: '1fr auto' }} gapY=\"3\">\n          <Heading variant=\"heading4\">{title}</Heading>\n          <Badge\n            size=\"medium\"\n            style={{ justifySelf: 'flex-start' }}\n            variant=\"outline\"\n          >\n            <Flex align=\"center\" gap=\"1\">\n              <TimerIcon />\n              {runningTime}\n            </Flex>\n          </Badge>\n        </Grid>\n        {/* 설명 */}\n        <Box style={{ marginBottom: 'auto' }}>\n          <ul style={{ margin: 0, paddingLeft: 20 }}>\n            {description?.map((el) => {\n              return (\n                <li key={el} style={{ marginBottom: 8 }}>\n                  <Heading truncate variant=\"heading5\" weight=\"regular\">\n                    {el}\n                  </Heading>\n                </li>\n              );\n            })}\n          </ul>\n        </Box>\n        <Separator size=\"4\" />\n        <Flex align=\"center\" gap=\"2\" justify=\"end\">\n          <Typo color=\"gray\">강의 듣고 코치님과 무제한 Q&A</Typo>\n          <ArrowRightIcon color=\"gray\" />\n        </Flex>\n      </Flex>\n    </Grid>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDQ,cAcI,YAdJ;AAjCD,SAAS,eAAe,OAAgD;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,EAAE,SAAS,KAAK,IAAI,YAAY;AAAA,MACzC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO,EAAE,QAAQ,UAAU;AAAA,MAG3B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAO;AAAA,YACP,GAAE;AAAA,YACF,OAAO;AAAA,cACL,iBAAiB,OAAO,MAAM;AAAA,cAC9B,iBAAiB;AAAA,cACjB,qBAAqB;AAAA,cACrB,qBAAqB;AAAA,cACrB,kBAAkB;AAAA,cAClB,gBAAgB;AAAA,cAChB,sBAAsB;AAAA,YACxB;AAAA,YACA,OAAM;AAAA,YAEN,8BAAC,WAAQ,OAAO,EAAE,YAAY,eAAe,GAAG,SAAQ,YACrD,oBACH;AAAA;AAAA,QACF;AAAA,QAEA,qBAAC,QAAK,WAAU,UAAS,KAAI,KAE3B;AAAA,+BAAC,QAAK,SAAS,EAAE,SAAS,KAAK,IAAI,WAAW,GAAG,MAAK,KACpD;AAAA,gCAAC,WAAQ,SAAQ,YAAY,iBAAM;AAAA,YACnC;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO,EAAE,aAAa,aAAa;AAAA,gBACnC,SAAQ;AAAA,gBAER,+BAAC,QAAK,OAAM,UAAS,KAAI,KACvB;AAAA,sCAAC,aAAU;AAAA,kBACV;AAAA,mBACH;AAAA;AAAA,YACF;AAAA,aACF;AAAA,UAEA,oBAAC,OAAI,OAAO,EAAE,cAAc,OAAO,GACjC,8BAAC,QAAG,OAAO,EAAE,QAAQ,GAAG,aAAa,GAAG,GACrC,qDAAa,IAAI,CAAC,OAAO;AACxB,mBACE,oBAAC,QAAY,OAAO,EAAE,cAAc,EAAE,GACpC,8BAAC,WAAQ,UAAQ,MAAC,SAAQ,YAAW,QAAO,WACzC,cACH,KAHO,EAIT;AAAA,UAEJ,IACF,GACF;AAAA,UACA,oBAAC,aAAU,MAAK,KAAI;AAAA,UACpB,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,SAAQ,OACnC;AAAA,gCAAC,QAAK,OAAM,QAAO,uFAAkB;AAAA,YACrC,oBAAC,kBAAe,OAAM,QAAO;AAAA,aAC/B;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}